@font-face {
    font-family: ASAN_Font_FA_b;
    font-style: normal;
    font-weight: 400;
    src: url('../fonts/iransansbold.eot');
    src: url('../fonts/iransansbold.eot?#iefix') format('embedded-opentype'), url('../fonts/iransansbold.woff2') format('woff2'), url('../fonts/iransansbold.woff') format('woff'), url('../fonts/iransansbold.ttf') format('truetype')
}

@font-face {
    font-family: ASAN_Font_FA;
    font-style: normal;
    font-weight: 400;
    src: url('../fonts/iransans.eot');
    src: url('../fonts/iransans.eot?#iefix') format('embedded-opentype'), url('../fonts/iransans.woff2') format('woff2'), url('../fonts/iransans.woff') format('woff'), url('../fonts/iransans.ttf') format('truetype')
}

@font-face {
    font-family: ASAN_Font_EN;
    font-style: normal;
    font-weight: 400;
    src: url('../fonts/iransansen.eot');
    src: url('../fonts/iransansen.eot?#iefix') format('embedded-opentype'), url('../fonts/iransansen.woff2') format('woff2'), url('../fonts/iransansen.woff') format('woff'), url('../fonts/iransansen.ttf') format('truetype')
}

@font-face {
    font-family: vazir;
    font-style: normal;
    font-weight: 400;
    src: url('../fonts/vazir.eot');
    src: url('../fonts/vazir.eot?#iefix') format('embedded-opentype'), url('../fonts/vazir.woff2') format('woff2'), url('../fonts/vazir.woff') format('woff'), url('../fonts/vazir.ttf') format('truetype')
}

@font-face {
    font-family: ASAN_Titr;
    src: url('../fonts/titrasan.eot?#') format('eot'), url('../fonts/titrasan.woff') format('woff'), url('../fonts/titrasan.ttf') format('truetype')
}

@font-face {
    font-family: ASAN_Nastaliq;
    src: url('../fonts/nastaliqasan.eot?#') format('eot'), url('../fonts/nastaliqasan.woff') format('woff'), url('../fonts/nastaliqasan.ttf') format('truetype')
}

@font-face {
    font-family: fontnazanin;
    src: url('../fonts/BNazanin.eot?#') format('eot'), url('../fonts/BNazanin.ttf') format('truetype'), url('../fonts/BNazanin.woff') format('woff')
}

@font-face {
    font-family: BKoodakBold;
    src: url('../fonts/BKoodakBold.eot?#') format('eot'), url('../fonts/BKoodakBold.ttf') format('truetype'), url('../fonts/BKoodakBold.woff') format('woff')
}

@font-face {
    font-family: BYekan;
    src: url('../fonts/BYekan.eot?#') format('eot'), url('../fonts/BYekan.ttf') format('truetype'), url('../fonts/BYekan.woff') format('woff')
}

@font-face {
    font-family: BMitra;
    src: url('../fonts/BMitra.eot?#') format('eot'), url('../fonts/BMitra.ttf') format('truetype'), url('../fonts/BMitra.woff') format('woff')
}

@font-face {
    font-family: yagut;
    font-style: normal;
    font-weight: 400;
    src: url('../fonts/yagut.eot');
    src: url('../fonts/yagut.eot?#iefix') format('embedded-opentype'), url('../fonts/yagut.woff2') format('woff2'), url('../fonts/yagut.woff') format('woff'), url('../fonts/yagut.ttf') format('truetype')
}

:root {
    --blue: #007bff;
    --indigo: #6610f2;
    --purple: #6f42c1;
    --pink: #e83e8c;
    --red: #dc3545;
    --orange: #fd7e14;
    --yellow: #ffc107;
    --green: #00897b;
    --teal: #20c997;
    --cyan: #17a2b8;
    --white: #fff;
    --gray: #6c757d;
    --gray-dark: #343a40;
    --primary: #007bff;
    --secondary: #6c757d;
    --success: #00897b;
    --info: #17a2b8;
    --warning: #ffc107;
    --danger: #dc3545;
    --light: #f8f9fa;
    --dark: #343a40;
    --breakpoint-xs: 0;
    --breakpoint-sm: 576px;
    --breakpoint-md: 768px;
    --breakpoint-lg: 992px;
    --breakpoint-xl: 1200px
}

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

html {
    font-size: 11px;
    color: #000;
    line-height: 2;
    -webkit-text-size-adjust: 100%;
    -webkit-tap-highlight-color: transparent
}

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

body {
    margin: 0;
    line-height: 2;
    color: #000;
    background-color: #fff
}

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

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

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

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

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

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

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

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

dt {
    font-weight: 700
}

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

blockquote {
    margin: 0 0 1rem
}

b,
strong {
    font-weight: bolder
}

small {
    font-size: 80%
}

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

sub {
    bottom: -.25em
}

sup {
    top: -.5em
}

a {
    color: #007bff;
    text-decoration: none;
    background-color: transparent
}

a:hover {
    color: #0056b3
}

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

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

code,
kbd,
pre,
samp {
    font-size: 1em
}

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

figure {
    margin: 0 0 1rem
}

img {
    height: auto;
    max-width: 100%;
    vertical-align: middle;
    border: 0;
    -ms-interpolation-mode: bicubic;
    border-style: none
}

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

table {
    border-collapse: collapse
}

caption {
    padding-top: .75rem;
    padding-bottom: .75rem;
    color: #6c757d;
    text-align: left;
    caption-side: bottom
}

th {
    text-align: inherit
}

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

button {
    border-radius: 0
}

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

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

button,
input {
    overflow: visible
}

button,
select {
    text-transform: none
}

[role=button] {
    cursor: pointer
}

select {
    word-wrap: normal
}

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

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

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

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

textarea {
    overflow: auto;
    resize: vertical
}

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

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

progress {
    vertical-align: baseline
}

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

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

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

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

output {
    display: inline-block
}

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

template {
    display: none
}

[hidden] {
    display: none !important
}

.h1,
.h2,
.h3,
.h4,
.h5,
.h6,
h1,
h2,
h3,
h4,
h5,
h6 {
    margin-bottom: inherit;
    font-weight: 400
}

.h1,
h1 {
    font-size: 1.3em
}

.h2,
h2 {
    font-size: 1.25em
}

.h3,
h3 {
    font-size: 1.15em
}

.h4,
h4 {
    font-size: 1.1em
}

.h5,
h5 {
    font-size: 1.05em
}

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

.figure {
    display: inline-block
}

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

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

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

a > code {
    color: inherit
}

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

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

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

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

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

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

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

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

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

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

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

@media (min-width:576px) {

    .container,
    .container-sm {
        max-width: 540px
    }
}

@media (min-width:768px) {

    .container,
    .container-md,
    .container-sm {
        max-width: 720px
    }
}

@media (min-width:992px) {

    .container,
    .container-lg,
    .container-md,
    .container-sm {
        max-width: 960px
    }
}

@media (min-width:1200px) {

    .container,
    .container-lg,
    .container-md,
    .container-sm,
    .container-xl {
        max-width: 1180px
    }
}

.row {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    margin-right: auto;
    margin-left: auto
}

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

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

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

@media (max-width:576px) {

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

.order-first {
    -ms-flex-order: -1;
    order: -1
}

.order-last {
    -ms-flex-order: 13;
    order: 13
}

.order-0 {
    -ms-flex-order: 0;
    order: 0
}

.order-1 {
    -ms-flex-order: 1;
    order: 1
}

.order-2 {
    -ms-flex-order: 2;
    order: 2
}

.order-3 {
    -ms-flex-order: 3;
    order: 3
}

.order-4 {
    -ms-flex-order: 4;
    order: 4
}

.order-5 {
    -ms-flex-order: 5;
    order: 5
}

.order-6 {
    -ms-flex-order: 6;
    order: 6
}

.order-7 {
    -ms-flex-order: 7;
    order: 7
}

.order-8 {
    -ms-flex-order: 8;
    order: 8
}

.order-9 {
    -ms-flex-order: 9;
    order: 9
}

.order-10 {
    -ms-flex-order: 10;
    order: 10
}

.order-11 {
    -ms-flex-order: 11;
    order: 11
}

.order-12 {
    -ms-flex-order: 12;
    order: 12
}

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

    .order-sm-first {
        -ms-flex-order: -1;
        order: -1
    }

    .order-sm-last {
        -ms-flex-order: 13;
        order: 13
    }

    .order-sm-0 {
        -ms-flex-order: 0;
        order: 0
    }

    .order-sm-1 {
        -ms-flex-order: 1;
        order: 1
    }

    .order-sm-2 {
        -ms-flex-order: 2;
        order: 2
    }

    .order-sm-3 {
        -ms-flex-order: 3;
        order: 3
    }

    .order-sm-4 {
        -ms-flex-order: 4;
        order: 4
    }

    .order-sm-5 {
        -ms-flex-order: 5;
        order: 5
    }

    .order-sm-6 {
        -ms-flex-order: 6;
        order: 6
    }

    .order-sm-7 {
        -ms-flex-order: 7;
        order: 7
    }

    .order-sm-8 {
        -ms-flex-order: 8;
        order: 8
    }

    .order-sm-9 {
        -ms-flex-order: 9;
        order: 9
    }

    .order-sm-10 {
        -ms-flex-order: 10;
        order: 10
    }

    .order-sm-11 {
        -ms-flex-order: 11;
        order: 11
    }

    .order-sm-12 {
        -ms-flex-order: 12;
        order: 12
    }

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

    .order-md-first {
        -ms-flex-order: -1;
        order: -1
    }

    .order-md-last {
        -ms-flex-order: 13;
        order: 13
    }

    .order-md-0 {
        -ms-flex-order: 0;
        order: 0
    }

    .order-md-1 {
        -ms-flex-order: 1;
        order: 1
    }

    .order-md-2 {
        -ms-flex-order: 2;
        order: 2
    }

    .order-md-3 {
        -ms-flex-order: 3;
        order: 3
    }

    .order-md-4 {
        -ms-flex-order: 4;
        order: 4
    }

    .order-md-5 {
        -ms-flex-order: 5;
        order: 5
    }

    .order-md-6 {
        -ms-flex-order: 6;
        order: 6
    }

    .order-md-7 {
        -ms-flex-order: 7;
        order: 7
    }

    .order-md-8 {
        -ms-flex-order: 8;
        order: 8
    }

    .order-md-9 {
        -ms-flex-order: 9;
        order: 9
    }

    .order-md-10 {
        -ms-flex-order: 10;
        order: 10
    }

    .order-md-11 {
        -ms-flex-order: 11;
        order: 11
    }

    .order-md-12 {
        -ms-flex-order: 12;
        order: 12
    }

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

    .offset-md-1 {
        margin-right: 8.333333%
    }

    .offset-md-2 {
        margin-right: 16.666667%
    }

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

    .offset-md-4 {
        margin-right: 33.333333%
    }

    .offset-md-5 {
        margin-right: 41.666667%
    }

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

    .offset-md-7 {
        margin-right: 58.333333%
    }

    .offset-md-8 {
        margin-right: 66.666667%
    }

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

    .offset-md-10 {
        margin-right: 83.333333%
    }

    .offset-md-11 {
        margin-right: 91.666667%
    }
}

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

    .order-lg-first {
        -ms-flex-order: -1;
        order: -1
    }

    .order-lg-last {
        -ms-flex-order: 13;
        order: 13
    }

    .order-lg-0 {
        -ms-flex-order: 0;
        order: 0
    }

    .order-lg-1 {
        -ms-flex-order: 1;
        order: 1
    }

    .order-lg-2 {
        -ms-flex-order: 2;
        order: 2
    }

    .order-lg-3 {
        -ms-flex-order: 3;
        order: 3
    }

    .order-lg-4 {
        -ms-flex-order: 4;
        order: 4
    }

    .order-lg-5 {
        -ms-flex-order: 5;
        order: 5
    }

    .order-lg-6 {
        -ms-flex-order: 6;
        order: 6
    }

    .order-lg-7 {
        -ms-flex-order: 7;
        order: 7
    }

    .order-lg-8 {
        -ms-flex-order: 8;
        order: 8
    }

    .order-lg-9 {
        -ms-flex-order: 9;
        order: 9
    }

    .order-lg-10 {
        -ms-flex-order: 10;
        order: 10
    }

    .order-lg-11 {
        -ms-flex-order: 11;
        order: 11
    }

    .order-lg-12 {
        -ms-flex-order: 12;
        order: 12
    }

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

    .offset-lg-1 {
        margin-right: 8.333333%
    }

    .offset-lg-2 {
        margin-right: 16.666667%
    }

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

    .offset-lg-4 {
        margin-right: 33.333333%
    }

    .offset-lg-5 {
        margin-right: 41.666667%
    }

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

    .offset-lg-7 {
        margin-right: 58.333333%
    }

    .offset-lg-8 {
        margin-right: 66.666667%
    }

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

    .offset-lg-10 {
        margin-right: 83.333333%
    }

    .offset-lg-11 {
        margin-right: 91.666667%
    }
}

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

    .order-xl-first {
        -ms-flex-order: -1;
        order: -1
    }

    .order-xl-last {
        -ms-flex-order: 13;
        order: 13
    }

    .order-xl-0 {
        -ms-flex-order: 0;
        order: 0
    }

    .order-xl-1 {
        -ms-flex-order: 1;
        order: 1
    }

    .order-xl-2 {
        -ms-flex-order: 2;
        order: 2
    }

    .order-xl-3 {
        -ms-flex-order: 3;
        order: 3
    }

    .order-xl-4 {
        -ms-flex-order: 4;
        order: 4
    }

    .order-xl-5 {
        -ms-flex-order: 5;
        order: 5
    }

    .order-xl-6 {
        -ms-flex-order: 6;
        order: 6
    }

    .order-xl-7 {
        -ms-flex-order: 7;
        order: 7
    }

    .order-xl-8 {
        -ms-flex-order: 8;
        order: 8
    }

    .order-xl-9 {
        -ms-flex-order: 9;
        order: 9
    }

    .order-xl-10 {
        -ms-flex-order: 10;
        order: 10
    }

    .order-xl-11 {
        -ms-flex-order: 11;
        order: 11
    }

    .order-xl-12 {
        -ms-flex-order: 12;
        order: 12
    }

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

    .offset-xl-1 {
        margin-right: 8.333333%
    }

    .offset-xl-2 {
        margin-right: 16.666667%
    }

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

    .offset-xl-4 {
        margin-right: 33.333333%
    }

    .offset-xl-5 {
        margin-right: 41.666667%
    }

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

    .offset-xl-7 {
        margin-right: 58.333333%
    }

    .offset-xl-8 {
        margin-right: 66.666667%
    }

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

    .offset-xl-10 {
        margin-right: 83.333333%
    }

    .offset-xl-11 {
        margin-right: 91.666667%
    }
}

.table {
    width: 100%;
    margin-bottom: 1rem;
    color: #212529
}

.table td,
.table th {
    padding: .75rem;
    vertical-align: inherit;
    border-top: 1px solid #dee2e6
}

.table thead th {
    vertical-align: bottom;
    border-bottom: 2px solid #dee2e6
}

.table tbody + tbody {
    border-top: 2px solid #dee2e6
}

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

.table-bordered {
    border: 1px solid #dee2e6
}

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

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

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

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

.table-hover tbody tr:hover {
    color: #212529;
    background-color: rgba(0, 0, 0, .075)
}

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

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

.table-hover .table-primary:hover {
    background-color: #9fcdff
}

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

.table-light,
.table-light > td,
.table-light > th {
    background-color: #fdfdfe
}

.table-light tbody + tbody,
.table-light td,
.table-light th,
.table-light thead th {
    border-color: #fbfcfc
}

.table-hover .table-light:hover {
    background-color: #ececf6
}

.table-hover .table-light:hover > td,
.table-hover .table-light:hover > th {
    background-color: #ececf6
}

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

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

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

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

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

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

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

.table .thead-dark th {
    color: #fff;
    background-color: #343a40;
    border-color: #454d55
}

.table .thead-light th {
    color: #495057;
    background-color: #e9ecef;
    border-color: #dee2e6
}

.table-dark {
    color: #fff;
    background-color: #343a40
}

.table-dark td,
.table-dark th,
.table-dark thead th {
    border-color: #454d55
}

.table-dark.table-bordered {
    border: 0
}

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

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

@media (max-width:575.98px) {
    .table-responsive-sm {
        display: block;
        width: 100%;
        overflow-x: auto !important;
        -webkit-overflow-scrolling: touch
    }

    .table-responsive-sm > .table-bordered {
        border: 0
    }
}

@media (max-width:767.98px) {
    .table-responsive-md {
        display: block;
        width: 100%;
        overflow-x: auto !important;
        -webkit-overflow-scrolling: touch
    }

    .table-responsive-md > .table-bordered {
        border: 0
    }
}

@media (max-width:991.98px) {
    .table-responsive-lg {
        display: block;
        width: 100%;
        overflow-x: auto !important;
        -webkit-overflow-scrolling: touch
    }

    .table-responsive-lg > .table-bordered {
        border: 0
    }
}

@media (max-width:1199.98px) {
    .table-responsive-xl {
        display: block;
        width: 100%;
        overflow-x: auto !important;
        -webkit-overflow-scrolling: touch
    }

    .table-responsive-xl > .table-bordered {
        border: 0
    }
}

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

.table-responsive > .table-bordered {
    border: 0
}

.form-control {
    display: block;
    width: 100%;
    height: calc(1.5em + .75rem + 2px);
    padding: .375rem .75rem;
    font-weight: 400;
    font-size: 1rem;
    line-height: 1.5;
    color: #495057;
    background-color: #fff;
    background-clip: padding-box;
    border: 1px solid #ced4da;
    border-radius: .25rem;
    transition: border-color .15s ease-in-out, box-shadow .15s ease-in-out
}

@media (prefers-reduced-motion:reduce) {
    .form-control {
        transition: none
    }
}

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

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

.form-control:focus {
    color: #495057;
    background-color: #fff;
    border-color: #80bdff;
    outline: 0;
    box-shadow: 0 0 0 .2rem rgba(0, 123, 255, .25)
}

.form-control::-webkit-input-placeholder {
    color: #6c757d;
    opacity: 1
}

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

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

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

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

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

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

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

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

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

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

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

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

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

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

.form-control-lg {
    height: calc(3em + 1rem + 7px);
    padding: .5rem 1rem;
    line-height: 1.5;
    border-radius: .3rem
}

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

textarea.form-control {
    min-height: 10rem;
    font-size: 1rem
}

.form-group {
    margin-bottom: 0
}

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

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

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

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

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

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

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

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

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

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

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

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

.form-control.is-valid,
.was-validated .form-control:valid {
    border-color: #00897b;
    padding-right: calc(1.5em + .75rem);
    background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' width='8' height='8' viewBox='0 0 8 8'%3e%3cpath fill='%2328a745' d='M2.3 6.73L.6 4.53c-.4-1.04.46-1.4 1.1-.8l1.1 1.4 3.4-3.8c.6-.63 1.6-.27 1.2.7l-4 4.6c-.43.5-.8.4-1.1.1z'/%3e%3c/svg%3e");
    background-repeat: no-repeat;
    background-position: right calc(.375em + .1875rem) center;
    background-size: calc(.75em + .375rem) calc(.75em + .375rem)
}

.form-control.is-valid:focus,
.was-validated .form-control:valid:focus {
    border-color: #00897b;
    box-shadow: 0 0 0 .2rem rgba(40, 167, 69, .25)
}

.was-validated textarea.form-control:valid,
textarea.form-control.is-valid {
    padding-right: calc(1.5em + .75rem);
    background-position: top calc(.375em + .1875rem) right calc(.375em + .1875rem)
}

.custom-select.is-valid,
.was-validated .custom-select:valid {
    border-color: #00897b;
    padding-right: calc(.75em + 2.3125rem);
    background: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' width='4' height='5' viewBox='0 0 4 5'%3e%3cpath fill='%23343a40' d='M2 0L0 2h4zm0 5L0 3h4z'/%3e%3c/svg%3e") no-repeat right .75rem center/8px 10px, url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' width='8' height='8' viewBox='0 0 8 8'%3e%3cpath fill='%2328a745' d='M2.3 6.73L.6 4.53c-.4-1.04.46-1.4 1.1-.8l1.1 1.4 3.4-3.8c.6-.63 1.6-.27 1.2.7l-4 4.6c-.43.5-.8.4-1.1.1z'/%3e%3c/svg%3e") #fff no-repeat center right 1.75rem/calc(.75em + .375rem) calc(.75em + .375rem)
}

.custom-select.is-valid:focus,
.was-validated .custom-select:valid:focus {
    border-color: #00897b;
    box-shadow: 0 0 0 .2rem rgba(40, 167, 69, .25)
}

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

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

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

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

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

.custom-control-input.is-valid:focus ~ .custom-control-label::before,
.was-validated .custom-control-input:valid:focus ~ .custom-control-label::before {
    box-shadow: 0 0 0 .2rem rgba(40, 167, 69, .25)
}

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

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

.custom-file-input.is-valid:focus ~ .custom-file-label,
.was-validated .custom-file-input:valid:focus ~ .custom-file-label {
    border-color: #00897b;
    box-shadow: 0 0 0 .2rem rgba(40, 167, 69, .25)
}

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

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

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

.form-control.is-invalid,
.was-validated .form-control:invalid {
    border-color: #dc3545;
    padding-right: calc(1.5em + .75rem);
    background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' fill='none' stroke='%23dc3545' viewBox='0 0 12 12'%3e%3ccircle cx='6' cy='6' r='4.5'/%3e%3cpath stroke-linejoin='round' d='M5.8 3.6h.4L6 6.5z'/%3e%3ccircle cx='6' cy='8.2' r='.6' fill='%23dc3545' stroke='none'/%3e%3c/svg%3e");
    background-repeat: no-repeat;
    background-position: right calc(.375em + .1875rem) center;
    background-size: calc(.75em + .375rem) calc(.75em + .375rem)
}

.form-control.is-invalid:focus,
.was-validated .form-control:invalid:focus {
    border-color: #dc3545;
    box-shadow: 0 0 0 .2rem rgba(220, 53, 69, .25)
}

.was-validated textarea.form-control:invalid,
textarea.form-control.is-invalid {
    padding-right: calc(1.5em + .75rem);
    background-position: top calc(.375em + .1875rem) right calc(.375em + .1875rem)
}

.custom-select.is-invalid,
.was-validated .custom-select:invalid {
    border-color: #dc3545;
    padding-right: calc(.75em + 2.3125rem);
    background: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' width='4' height='5' viewBox='0 0 4 5'%3e%3cpath fill='%23343a40' d='M2 0L0 2h4zm0 5L0 3h4z'/%3e%3c/svg%3e") no-repeat right .75rem center/8px 10px, url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' fill='none' stroke='%23dc3545' viewBox='0 0 12 12'%3e%3ccircle cx='6' cy='6' r='4.5'/%3e%3cpath stroke-linejoin='round' d='M5.8 3.6h.4L6 6.5z'/%3e%3ccircle cx='6' cy='8.2' r='.6' fill='%23dc3545' stroke='none'/%3e%3c/svg%3e") #fff no-repeat center right 1.75rem/calc(.75em + .375rem) calc(.75em + .375rem)
}

.custom-select.is-invalid:focus,
.was-validated .custom-select:invalid:focus {
    border-color: #dc3545;
    box-shadow: 0 0 0 .2rem rgba(220, 53, 69, .25)
}

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

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

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

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

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

.custom-control-input.is-invalid:focus ~ .custom-control-label::before,
.was-validated .custom-control-input:invalid:focus ~ .custom-control-label::before {
    box-shadow: 0 0 0 .2rem rgba(220, 53, 69, .25)
}

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

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

.custom-file-input.is-invalid:focus ~ .custom-file-label,
.was-validated .custom-file-input:invalid:focus ~ .custom-file-label {
    border-color: #dc3545;
    box-shadow: 0 0 0 .2rem rgba(220, 53, 69, .25)
}

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

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

@media (min-width:576px) {
    .form-inline label {
        display: -ms-flexbox;
        display: flex;
        -ms-flex-align: center;
        align-items: center;
        -ms-flex-pack: center;
        justify-content: center;
        margin-bottom: 0
    }

    .form-inline .form-group {
        display: -ms-flexbox;
        display: flex;
        -ms-flex: 0 0 auto;
        flex: 0 0 auto;
        -ms-flex-flow: row wrap;
        flex-flow: row wrap;
        -ms-flex-align: center;
        align-items: center;
        margin-bottom: 0
    }

    .form-inline .form-control {
        display: inline-block;
        width: auto;
        vertical-align: middle
    }

    .form-inline .form-control-plaintext {
        display: inline-block
    }

    .form-inline .custom-select,
    .form-inline .input-group {
        width: auto
    }

    .form-inline .form-check {
        display: -ms-flexbox;
        display: flex;
        -ms-flex-align: center;
        align-items: center;
        -ms-flex-pack: center;
        justify-content: center;
        width: auto;
        padding-left: 0
    }

    .form-inline .form-check-input {
        position: relative;
        -ms-flex-negative: 0;
        flex-shrink: 0;
        margin-top: 0;
        margin-right: .25rem;
        margin-left: 0
    }

    .form-inline .custom-control {
        -ms-flex-align: center;
        align-items: center;
        -ms-flex-pack: center;
        justify-content: center
    }

    .form-inline .custom-control-label {
        margin-bottom: 0
    }
}

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

@media (prefers-reduced-motion:reduce) {
    .btn {
        transition: none
    }
}

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

.btn.focus,
.btn:focus {
    outline: 0;
    box-shadow: 0 0 0 .2rem rgba(0, 123, 255, .25)
}

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

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

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

.btn-primary {
    color: #fff;
    background-color: #007bff;
    border-color: #007bff
}

.btn-primary:hover {
    color: #fff;
    background-color: #0069d9;
    border-color: #0062cc
}

.btn-primary.focus,
.btn-primary:focus {
    color: #fff;
    background-color: #0069d9;
    border-color: #0062cc;
    box-shadow: 0 0 0 .2rem rgba(38, 143, 255, .5)
}

.btn-primary.disabled,
.btn-primary:disabled {
    color: #fff;
    background-color: #007bff;
    border-color: #007bff
}

.btn-primary:not(:disabled):not(.disabled).active,
.btn-primary:not(:disabled):not(.disabled):active,
.show > .btn-primary.dropdown-toggle {
    color: #fff;
    background-color: #0062cc;
    border-color: #005cbf
}

.btn-primary:not(:disabled):not(.disabled).active:focus,
.btn-primary:not(:disabled):not(.disabled):active:focus,
.show > .btn-primary.dropdown-toggle:focus {
    box-shadow: 0 0 0 .2rem rgba(38, 143, 255, .5)
}

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

.btn-secondary:hover {
    color: #fff;
    background-color: #5a6268;
    border-color: #545b62
}

.btn-secondary.focus,
.btn-secondary:focus {
    color: #fff;
    background-color: #5a6268;
    border-color: #545b62;
    box-shadow: 0 0 0 .2rem rgba(130, 138, 145, .5)
}

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

.btn-secondary:not(:disabled):not(.disabled).active,
.btn-secondary:not(:disabled):not(.disabled):active,
.show > .btn-secondary.dropdown-toggle {
    color: #fff;
    background-color: #545b62;
    border-color: #4e555b
}

.btn-secondary:not(:disabled):not(.disabled).active:focus,
.btn-secondary:not(:disabled):not(.disabled):active:focus,
.show > .btn-secondary.dropdown-toggle:focus {
    box-shadow: 0 0 0 .2rem rgba(130, 138, 145, .5)
}

.btn-success {
    color: #fff;
    background-color: #00897b;
    border-color: #00897b
}

.btn-success:hover {
    color: #fff;
    background-color: #218838;
    border-color: #1e7e34
}

.btn-success.focus,
.btn-success:focus {
    color: #fff;
    background-color: #218838;
    border-color: #1e7e34;
    box-shadow: 0 0 0 .2rem rgba(72, 180, 97, .5)
}

.btn-success.disabled,
.btn-success:disabled {
    color: #fff;
    background-color: #00897b;
    border-color: #00897b
}

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

.btn-success:not(:disabled):not(.disabled).active:focus,
.btn-success:not(:disabled):not(.disabled):active:focus,
.show > .btn-success.dropdown-toggle:focus {
    box-shadow: 0 0 0 .2rem rgba(72, 180, 97, .5)
}

.btn-info {
    color: #fff;
    background-color: #17a2b8;
    border-color: #17a2b8
}

.btn-info:hover {
    color: #fff;
    background-color: #138496;
    border-color: #117a8b
}

.btn-info.focus,
.btn-info:focus {
    color: #fff;
    background-color: #138496;
    border-color: #117a8b;
    box-shadow: 0 0 0 .2rem rgba(58, 176, 195, .5)
}

.btn-info.disabled,
.btn-info:disabled {
    color: #fff;
    background-color: #17a2b8;
    border-color: #17a2b8
}

.btn-info:not(:disabled):not(.disabled).active,
.btn-info:not(:disabled):not(.disabled):active,
.show > .btn-info.dropdown-toggle {
    color: #fff;
    background-color: #117a8b;
    border-color: #10707f
}

.btn-info:not(:disabled):not(.disabled).active:focus,
.btn-info:not(:disabled):not(.disabled):active:focus,
.show > .btn-info.dropdown-toggle:focus {
    box-shadow: 0 0 0 .2rem rgba(58, 176, 195, .5)
}

.btn-warning {
    color: #212529;
    background-color: #ffc107;
    border-color: #ffc107
}

.btn-warning:hover {
    color: #212529;
    background-color: #e0a800;
    border-color: #d39e00
}

.btn-warning.focus,
.btn-warning:focus {
    color: #212529;
    background-color: #e0a800;
    border-color: #d39e00;
    box-shadow: 0 0 0 .2rem rgba(222, 170, 12, .5)
}

.btn-warning.disabled,
.btn-warning:disabled {
    color: #212529;
    background-color: #ffc107;
    border-color: #ffc107
}

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

.btn-warning:not(:disabled):not(.disabled).active:focus,
.btn-warning:not(:disabled):not(.disabled):active:focus,
.show > .btn-warning.dropdown-toggle:focus {
    box-shadow: 0 0 0 .2rem rgba(222, 170, 12, .5)
}

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

.btn-danger:hover {
    color: #fff;
    background-color: #c82333;
    border-color: #bd2130
}

.btn-danger.focus,
.btn-danger:focus {
    color: #fff;
    background-color: #c82333;
    border-color: #bd2130;
    box-shadow: 0 0 0 .2rem rgba(225, 83, 97, .5)
}

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

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

.btn-danger:not(:disabled):not(.disabled).active:focus,
.btn-danger:not(:disabled):not(.disabled):active:focus,
.show > .btn-danger.dropdown-toggle:focus {
    box-shadow: 0 0 0 .2rem rgba(225, 83, 97, .5)
}

.btn-light {
    color: #212529;
    background-color: #f8f9fa;
    border-color: #f8f9fa
}

.btn-light:hover {
    color: #212529;
    background-color: #e2e6ea;
    border-color: #dae0e5
}

.btn-light.focus,
.btn-light:focus {
    color: #212529;
    background-color: #e2e6ea;
    border-color: #dae0e5;
    box-shadow: 0 0 0 .2rem rgba(216, 217, 219, .5)
}

.btn-light.disabled,
.btn-light:disabled {
    color: #212529;
    background-color: #f8f9fa;
    border-color: #f8f9fa
}

.btn-light:not(:disabled):not(.disabled).active,
.btn-light:not(:disabled):not(.disabled):active,
.show > .btn-light.dropdown-toggle {
    color: #212529;
    background-color: #dae0e5;
    border-color: #d3d9df
}

.btn-light:not(:disabled):not(.disabled).active:focus,
.btn-light:not(:disabled):not(.disabled):active:focus,
.show > .btn-light.dropdown-toggle:focus {
    box-shadow: 0 0 0 .2rem rgba(216, 217, 219, .5)
}

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

.btn-dark:hover {
    color: #fff;
    background-color: #23272b;
    border-color: #1d2124
}

.btn-dark.focus,
.btn-dark:focus {
    color: #fff;
    background-color: #23272b;
    border-color: #1d2124;
    box-shadow: 0 0 0 .2rem rgba(82, 88, 93, .5)
}

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

.btn-dark:not(:disabled):not(.disabled).active,
.btn-dark:not(:disabled):not(.disabled):active,
.show > .btn-dark.dropdown-toggle {
    color: #fff;
    background-color: #1d2124;
    border-color: #171a1d
}

.btn-dark:not(:disabled):not(.disabled).active:focus,
.btn-dark:not(:disabled):not(.disabled):active:focus,
.show > .btn-dark.dropdown-toggle:focus {
    box-shadow: 0 0 0 .2rem rgba(82, 88, 93, .5)
}

.btn-outline-primary {
    color: #007bff;
    border-color: #007bff
}

.btn-outline-primary:hover {
    color: #fff;
    background-color: #007bff;
    border-color: #007bff
}

.btn-outline-primary.focus,
.btn-outline-primary:focus {
    box-shadow: 0 0 0 .2rem rgba(0, 123, 255, .5)
}

.btn-outline-primary.disabled,
.btn-outline-primary:disabled {
    color: #007bff;
    background-color: transparent
}

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

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

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

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

.btn-outline-secondary.focus,
.btn-outline-secondary:focus {
    box-shadow: 0 0 0 .2rem rgba(108, 117, 125, .5)
}

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

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

.btn-outline-secondary:not(:disabled):not(.disabled).active:focus,
.btn-outline-secondary:not(:disabled):not(.disabled):active:focus,
.show > .btn-outline-secondary.dropdown-toggle:focus {
    box-shadow: 0 0 0 .2rem rgba(108, 117, 125, .5)
}

.btn-outline-success {
    color: #00897b;
    border-color: #00897b
}

.btn-outline-success:hover {
    color: #fff;
    background-color: #00897b;
    border-color: #00897b
}

.btn-outline-success.focus,
.btn-outline-success:focus {
    box-shadow: 0 0 0 .2rem rgba(40, 167, 69, .5)
}

.btn-outline-success.disabled,
.btn-outline-success:disabled {
    color: #00897b;
    background-color: transparent
}

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

.btn-outline-success:not(:disabled):not(.disabled).active:focus,
.btn-outline-success:not(:disabled):not(.disabled):active:focus,
.show > .btn-outline-success.dropdown-toggle:focus {
    box-shadow: 0 0 0 .2rem rgba(40, 167, 69, .5)
}

.btn-outline-info {
    color: #17a2b8;
    border-color: #17a2b8
}

.btn-outline-info:hover {
    color: #fff;
    background-color: #17a2b8;
    border-color: #17a2b8
}

.btn-outline-info.focus,
.btn-outline-info:focus {
    box-shadow: 0 0 0 .2rem rgba(23, 162, 184, .5)
}

.btn-outline-info.disabled,
.btn-outline-info:disabled {
    color: #17a2b8;
    background-color: transparent
}

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

.btn-outline-info:not(:disabled):not(.disabled).active:focus,
.btn-outline-info:not(:disabled):not(.disabled):active:focus,
.show > .btn-outline-info.dropdown-toggle:focus {
    box-shadow: 0 0 0 .2rem rgba(23, 162, 184, .5)
}

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

.btn-outline-warning:hover {
    color: #212529;
    background-color: #ffc107;
    border-color: #ffc107
}

.btn-outline-warning.focus,
.btn-outline-warning:focus {
    box-shadow: 0 0 0 .2rem rgba(255, 193, 7, .5)
}

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

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

.btn-outline-warning:not(:disabled):not(.disabled).active:focus,
.btn-outline-warning:not(:disabled):not(.disabled):active:focus,
.show > .btn-outline-warning.dropdown-toggle:focus {
    box-shadow: 0 0 0 .2rem rgba(255, 193, 7, .5)
}

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

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

.btn-outline-danger.focus,
.btn-outline-danger:focus {
    box-shadow: 0 0 0 .2rem rgba(220, 53, 69, .5)
}

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

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

.btn-outline-danger:not(:disabled):not(.disabled).active:focus,
.btn-outline-danger:not(:disabled):not(.disabled):active:focus,
.show > .btn-outline-danger.dropdown-toggle:focus {
    box-shadow: 0 0 0 .2rem rgba(220, 53, 69, .5)
}

.btn-outline-light {
    color: #f8f9fa;
    border-color: #f8f9fa
}

.btn-outline-light:hover {
    color: #212529;
    background-color: #f8f9fa;
    border-color: #f8f9fa
}

.btn-outline-light.focus,
.btn-outline-light:focus {
    box-shadow: 0 0 0 .2rem rgba(248, 249, 250, .5)
}

.btn-outline-light.disabled,
.btn-outline-light:disabled {
    color: #f8f9fa;
    background-color: transparent
}

.btn-outline-light:not(:disabled):not(.disabled).active,
.btn-outline-light:not(:disabled):not(.disabled):active,
.show > .btn-outline-light.dropdown-toggle {
    color: #212529;
    background-color: #f8f9fa;
    border-color: #f8f9fa
}

.btn-outline-light:not(:disabled):not(.disabled).active:focus,
.btn-outline-light:not(:disabled):not(.disabled):active:focus,
.show > .btn-outline-light.dropdown-toggle:focus {
    box-shadow: 0 0 0 .2rem rgba(248, 249, 250, .5)
}

.btn-outline-dark {
    color: #343a40;
    border-color: #343a40
}

.btn-outline-dark:hover {
    color: #fff;
    background-color: #343a40;
    border-color: #343a40
}

.btn-outline-dark.focus,
.btn-outline-dark:focus {
    box-shadow: 0 0 0 .2rem rgba(52, 58, 64, .5)
}

.btn-outline-dark.disabled,
.btn-outline-dark:disabled {
    color: #343a40;
    background-color: transparent
}

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

.btn-outline-dark:not(:disabled):not(.disabled).active:focus,
.btn-outline-dark:not(:disabled):not(.disabled):active:focus,
.show > .btn-outline-dark.dropdown-toggle:focus {
    box-shadow: 0 0 0 .2rem rgba(52, 58, 64, .5)
}

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

.btn-link:hover {
    color: #0056b3;
    text-decoration: underline
}

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

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

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

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

.btn-block {
    display: flex !important;
    width: 100% !important;
    justify-content: center
}

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

.fade {
    transition: opacity .15s linear
}

@media (prefers-reduced-motion:reduce) {
    .fade {
        transition: none
    }
}

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

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

.collapsing {
    position: relative;
    height: 0;
    overflow: hidden;
    transition: height .35s ease
}

@media (prefers-reduced-motion:reduce) {
    .collapsing {
        transition: none
    }
}

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

.dropdown-toggle {
    white-space: nowrap
}

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

.dropdown-item:focus,
.dropdown-item:hover {
    color: #16181b;
    text-decoration: none;
    background-color: #f8f9fa
}

.dropdown-item.active,
.dropdown-item:active {
    color: #fff;
    text-decoration: none;
    background-color: #007bff
}

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

.dropdown-menu.show {
    display: block
}

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

.input-group-text {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-align: center;
    align-items: center;
    padding-right: 2rem;
    padding-left: 2rem;
    margin-bottom: 0;
    font-weight: 400;
    line-height: 1.5;
    color: #495057;
    text-align: center;
    white-space: nowrap;
    background-color: #e9ecef;
    border: 1px solid #ced4da;
    border-radius: 1rem
}

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

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

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

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

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

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

.input-group > .input-group-append:last-child > .btn:not(:last-child):not(.dropdown-toggle),
.input-group > .input-group-append:last-child > .input-group-text:not(:last-child),
.input-group > .input-group-append:not(:last-child) > .btn,
.input-group > .input-group-append:not(:last-child) > .input-group-text,
.input-group > .input-group-prepend > .btn,
.input-group > .input-group-prepend > .input-group-text {
    border-top-left-radius: 0;
    border-bottom-left-radius: 0
}

.input-group > .input-group-append > .btn,
.input-group > .input-group-append > .input-group-text,
.input-group > .input-group-prepend:first-child > .btn:not(:first-child),
.input-group > .input-group-prepend:first-child > .input-group-text:not(:first-child),
.input-group > .input-group-prepend:not(:first-child) > .btn,
.input-group > .input-group-prepend:not(:first-child) > .input-group-text {
    border-top-right-radius: 0;
    border-bottom-right-radius: 0
}

.custom-control {
    position: relative;
    display: block;
    min-height: 1.5rem;
    padding-left: 1.5rem
}

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

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

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

.custom-control-input:focus ~ .custom-control-label::before {
    box-shadow: 0 0 0 .2rem rgba(0, 123, 255, .25)
}

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

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

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

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

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

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

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

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

.custom-checkbox .custom-control-input:checked ~ .custom-control-label::after {
    background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' width='8' height='8' viewBox='0 0 8 8'%3e%3cpath fill='%23fff' d='M6.564.75l-3.59 3.612-1.538-1.55L0 4.26l2.974 2.99L8 2.193z'/%3e%3c/svg%3e")
}

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

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

.custom-checkbox .custom-control-input:disabled:checked ~ .custom-control-label::before {
    background-color: rgba(0, 123, 255, .5)
}

.custom-checkbox .custom-control-input:disabled:indeterminate ~ .custom-control-label::before {
    background-color: rgba(0, 123, 255, .5)
}

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

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

.custom-radio .custom-control-input:disabled:checked ~ .custom-control-label::before {
    background-color: rgba(0, 123, 255, .5)
}

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

.custom-switch .custom-control-label::before {
    left: -2.25rem;
    width: 1.75rem;
    pointer-events: all;
    border-radius: .5rem
}

.custom-switch .custom-control-label::after {
    top: calc(.25rem + 2px);
    left: calc(-2.25rem + 2px);
    width: calc(1rem - 4px);
    height: calc(1rem - 4px);
    background-color: #adb5bd;
    border-radius: .5rem;
    transition: background-color .15s ease-in-out, border-color .15s ease-in-out, box-shadow .15s ease-in-out, -webkit-transform .15s ease-in-out;
    transition: transform .15s ease-in-out, background-color .15s ease-in-out, border-color .15s ease-in-out, box-shadow .15s ease-in-out;
    transition: transform .15s ease-in-out, background-color .15s ease-in-out, border-color .15s ease-in-out, box-shadow .15s ease-in-out, -webkit-transform .15s ease-in-out
}

@media (prefers-reduced-motion:reduce) {
    .custom-switch .custom-control-label::after {
        transition: none
    }
}

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

.custom-switch .custom-control-input:disabled:checked ~ .custom-control-label::before {
    background-color: rgba(0, 123, 255, .5)
}

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

.custom-select:focus {
    border-color: #80bdff;
    outline: 0;
    box-shadow: 0 0 0 .2rem rgba(0, 123, 255, .25)
}

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

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

.custom-select:disabled {
    color: #6c757d;
    background-color: #e9ecef
}

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

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

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

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

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

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

.custom-file-input:focus ~ .custom-file-label {
    border-color: #80bdff;
    box-shadow: 0 0 0 .2rem rgba(0, 123, 255, .25)
}

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

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

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

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

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

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

.custom-range:focus {
    outline: 0
}

.custom-range:focus::-webkit-slider-thumb {
    box-shadow: 0 0 0 1px #fff, 0 0 0 .2rem rgba(0, 123, 255, .25)
}

.custom-range:focus::-moz-range-thumb {
    box-shadow: 0 0 0 1px #fff, 0 0 0 .2rem rgba(0, 123, 255, .25)
}

.custom-range:focus::-ms-thumb {
    box-shadow: 0 0 0 1px #fff, 0 0 0 .2rem rgba(0, 123, 255, .25)
}

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

.custom-range::-webkit-slider-thumb {
    width: 1rem;
    height: 1rem;
    margin-top: -.25rem;
    background-color: #007bff;
    border: 0;
    border-radius: 1rem;
    -webkit-transition: background-color .15s ease-in-out, border-color .15s ease-in-out, box-shadow .15s ease-in-out;
    transition: background-color .15s ease-in-out, border-color .15s ease-in-out, box-shadow .15s ease-in-out;
    -webkit-appearance: none;
    appearance: none
}

@media (prefers-reduced-motion:reduce) {
    .custom-range::-webkit-slider-thumb {
        -webkit-transition: none;
        transition: none
    }
}

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

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

.custom-range::-moz-range-thumb {
    width: 1rem;
    height: 1rem;
    background-color: #007bff;
    border: 0;
    border-radius: 1rem;
    -moz-transition: background-color .15s ease-in-out, border-color .15s ease-in-out, box-shadow .15s ease-in-out;
    transition: background-color .15s ease-in-out, border-color .15s ease-in-out, box-shadow .15s ease-in-out;
    -moz-appearance: none;
    appearance: none
}

@media (prefers-reduced-motion:reduce) {
    .custom-range::-moz-range-thumb {
        -moz-transition: none;
        transition: none
    }
}

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

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

.custom-range::-ms-thumb {
    width: 1rem;
    height: 1rem;
    margin-top: 0;
    margin-right: .2rem;
    margin-left: .2rem;
    background-color: #007bff;
    border: 0;
    border-radius: 1rem;
    -ms-transition: background-color .15s ease-in-out, border-color .15s ease-in-out, box-shadow .15s ease-in-out;
    transition: background-color .15s ease-in-out, border-color .15s ease-in-out, box-shadow .15s ease-in-out;
    appearance: none
}

@media (prefers-reduced-motion:reduce) {
    .custom-range::-ms-thumb {
        -ms-transition: none;
        transition: none
    }
}

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

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

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

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

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

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

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

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

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

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

@media (prefers-reduced-motion:reduce) {

    .custom-control-label::before,
    .custom-file-label,
    .custom-select {
        transition: none
    }
}

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

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

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

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

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

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

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

.nav-tabs .nav-link:focus,
.nav-tabs .nav-link:hover {
    border-color: #e9ecef #e9ecef #dee2e6
}

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

.nav-tabs .nav-item.show .nav-link,
.nav-tabs .nav-link.active {
    color: #495057;
    background-color: #fff;
    border-color: #dee2e6 #dee2e6 #fff
}

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

.nav-pills .nav-link {
    border-radius: .25rem;
    padding-top: 1rem;
    padding-bottom: 1rem;
    padding-right: 2rem;
    padding-left: 2rem
}

.nav-fill .nav-item {
    -ms-flex: 1 1 auto;
    flex: 1 1 auto;
    text-align: center
}

.nav-justified .nav-item {
    -ms-flex-preferred-size: 0;
    flex-basis: 0;
    -ms-flex-positive: 1;
    flex-grow: 1;
    text-align: center
}

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

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

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

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

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

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

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

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

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

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

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

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

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

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

@media (max-width:575.98px) {

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

@media (min-width:576px) {
    .navbar-expand-sm {
        -ms-flex-flow: row nowrap;
        flex-flow: row nowrap;
        -ms-flex-pack: start;
        justify-content: flex-start
    }

    .navbar-expand-sm .navbar-nav {
        -ms-flex-direction: row;
        flex-direction: row
    }

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

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

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

    .navbar-expand-sm .navbar-collapse {
        display: -ms-flexbox !important;
        display: flex !important;
        -ms-flex-preferred-size: auto;
        flex-basis: auto
    }

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

@media (max-width:767.98px) {

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

@media (min-width:768px) {
    .navbar-expand-md {
        -ms-flex-flow: row nowrap;
        flex-flow: row nowrap;
        -ms-flex-pack: start;
        justify-content: flex-start
    }

    .navbar-expand-md .navbar-nav {
        -ms-flex-direction: row;
        flex-direction: row
    }

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

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

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

    .navbar-expand-md .navbar-collapse {
        display: -ms-flexbox !important;
        display: flex !important;
        -ms-flex-preferred-size: auto;
        flex-basis: auto
    }

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

@media (max-width:991.98px) {

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

@media (min-width:992px) {
    .navbar-expand-lg {
        -ms-flex-flow: row nowrap;
        flex-flow: row nowrap;
        -ms-flex-pack: start;
        justify-content: flex-start
    }

    .navbar-expand-lg .navbar-nav {
        -ms-flex-direction: row;
        flex-direction: row
    }

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

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

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

    .navbar-expand-lg .navbar-collapse {
        display: -ms-flexbox !important;
        display: flex !important;
        -ms-flex-preferred-size: auto;
        flex-basis: auto
    }

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

@media (max-width:1199.98px) {

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

@media (min-width:1200px) {
    .navbar-expand-xl {
        -ms-flex-flow: row nowrap;
        flex-flow: row nowrap;
        -ms-flex-pack: start;
        justify-content: flex-start
    }

    .navbar-expand-xl .navbar-nav {
        -ms-flex-direction: row;
        flex-direction: row
    }

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

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

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

    .navbar-expand-xl .navbar-collapse {
        display: -ms-flexbox !important;
        display: flex !important;
        -ms-flex-preferred-size: auto;
        flex-basis: auto
    }

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

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

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

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

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

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

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

.navbar-expand .navbar-collapse {
    display: -ms-flexbox !important;
    display: flex !important;
    -ms-flex-preferred-size: auto;
    flex-basis: auto
}

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

.card {
    position: relative;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: column;
    flex-direction: column;
    min-width: 0;
    word-wrap: break-word;
    background-color: #fff;
    background-clip: border-box;
    border: 1px solid rgba(0, 0, 0, .125);
    border-radius: 1rem;
    box-shadow: 0 0 15px 0 rgba(72, 73, 121, 0)
}

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

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

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

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

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

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

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

.card-text:last-child {
    margin-bottom: 1em
}

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

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

.card-header:first-child {
    border-radius: calc(.75rem - 1px) calc(.75rem - 1px) 0 0
}

.card-header + .list-group .list-group-item:first-child {
    border-top: 0
}

.card-footer {
    padding: .75rem 1.25rem;
    background-color: rgba(0, 0, 0, 0);
    border-top: 1px dashed rgba(0, 0, 0, .125)
}

.card-footer:last-child {
    border-radius: 0 0 calc(.25rem - 1px) calc(.25rem - 1px)
}

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

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

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

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

.card-img,
.card-img-top {
    border-top-left-radius: calc(.75rem - 1px);
    border-top-right-radius: calc(.75rem - 1px)
}

.card-img,
.card-img-bottom {
    border-bottom-right-radius: calc(.25rem - 1px);
    border-bottom-left-radius: calc(.25rem - 1px)
}

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

.card-deck {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-flow: row wrap;
    flex-flow: row wrap;
    margin-right: -15px;
    margin-left: -15px;
    height: 100%
}

.card-deck .card {
    -ms-flex: 1 0 0%;
    flex: 1 0 0%;
    margin-right: 15px;
    margin-bottom: 0;
    margin-left: 15px
}

@media (min-width:576px) {
    .card-group {
        display: -ms-flexbox;
        display: flex;
        -ms-flex-flow: row wrap;
        flex-flow: row wrap
    }

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

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

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

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

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

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

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

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

.card-columns {
    overflow-x: hidden
}

@media (max-width:575.98px) {
    .card-columns {
        column-count: 1;
        column-gap: 1rem;
        width: 100%;
        max-width: 100%;
        margin: 0;
        padding: 0
    }

    .card-columns .card {
        width: 100%;
        margin: 0 0 1rem 0;
        display: block;
        box-sizing: border-box
    }
}

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

    .card-columns .card {
        display: inline-block;
        width: 100%;
        margin-bottom: .75rem
    }
}

.accordion > .card {
    overflow: hidden
}

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

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

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

.breadcrumb {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    padding: .75rem 1rem;
    margin-bottom: 1rem;
    list-style: none;
    background-color: #e9ecef;
    border-radius: .25rem
}

.breadcrumb-item {
    display: -ms-flexbox;
    display: flex
}

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

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

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

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

.breadcrumb-item.active {
    color: #6c757d
}

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

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

.page-link:hover {
    z-index: 2;
    color: #0056b3;
    text-decoration: none;
    background-color: #e9ecef;
    border-color: #dee2e6
}

.page-link:focus {
    z-index: 3;
    outline: 0;
    box-shadow: 0 0 0 .2rem rgba(0, 123, 255, .25)
}

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

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

.page-item.active .page-link {
    z-index: 3;
    color: #fff;
    background-color: #007bff;
    border-color: #007bff
}

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

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

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

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

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

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

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

.badge {
    display: inline-block;
    padding: .25em .4em;
    font-size: 75%;
    font-weight: 700;
    line-height: 1;
    text-align: center;
    white-space: nowrap;
    vertical-align: baseline;
    border-radius: .25rem;
    transition: color .15s ease-in-out, background-color .15s ease-in-out, border-color .15s ease-in-out, box-shadow .15s ease-in-out
}

@media (prefers-reduced-motion:reduce) {
    .badge {
        transition: none
    }
}

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

.badge:empty {
    display: none
}

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

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

.badge-primary {
    color: #fff;
    background-color: #007bff
}

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

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

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

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

a.badge-secondary.focus,
a.badge-secondary:focus {
    outline: 0;
    box-shadow: 0 0 0 .2rem rgba(108, 117, 125, .5)
}

.badge-success {
    color: #fff;
    background-color: #00897b
}

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

a.badge-success.focus,
a.badge-success:focus {
    outline: 0;
    box-shadow: 0 0 0 .2rem rgba(40, 167, 69, .5)
}

.badge-info {
    color: #fff;
    background-color: #17a2b8
}

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

a.badge-info.focus,
a.badge-info:focus {
    outline: 0;
    box-shadow: 0 0 0 .2rem rgba(23, 162, 184, .5)
}

.badge-warning {
    color: #212529;
    background-color: #ffc107
}

a.badge-warning:focus,
a.badge-warning:hover {
    color: #212529;
    background-color: #d39e00
}

a.badge-warning.focus,
a.badge-warning:focus {
    outline: 0;
    box-shadow: 0 0 0 .2rem rgba(255, 193, 7, .5)
}

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

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

a.badge-danger.focus,
a.badge-danger:focus {
    outline: 0;
    box-shadow: 0 0 0 .2rem rgba(220, 53, 69, .5)
}

.badge-light {
    color: #212529;
    background-color: #f8f9fa
}

a.badge-light:focus,
a.badge-light:hover {
    color: #212529;
    background-color: #dae0e5
}

a.badge-light.focus,
a.badge-light:focus {
    outline: 0;
    box-shadow: 0 0 0 .2rem rgba(248, 249, 250, .5)
}

.badge-dark {
    color: #fff;
    background-color: #343a40
}

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

a.badge-dark.focus,
a.badge-dark:focus {
    outline: 0;
    box-shadow: 0 0 0 .2rem rgba(52, 58, 64, .5)
}

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

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

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

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

.alert-heading {
    color: inherit
}

.alert-link {
    font-weight: 700
}

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

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

.alert-primary {
    color: #004085;
    background-color: #cce5ff;
    border-color: #b8daff
}

.alert-primary hr {
    border-top-color: #9fcdff
}

.alert-primary .alert-link {
    color: #002752
}

.alert-secondary {
    color: #383d41;
    background-color: #e2e3e5;
    border-color: #d6d8db
}

.alert-secondary hr {
    border-top-color: #c8cbcf
}

.alert-secondary .alert-link {
    color: #202326
}

.alert-success {
    color: #155724;
    background-color: #d4edda;
    border-color: #c3e6cb
}

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

.alert-success .alert-link {
    color: #0b2e13
}

.alert-info {
    color: #0c5460;
    background-color: #d1ecf1;
    border-color: #bee5eb
}

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

.alert-info .alert-link {
    color: #062c33
}

.alert-warning {
    color: #856404;
    background-color: #fff3cd;
    border-color: #ffeeba
}

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

.alert-warning .alert-link {
    color: #533f03
}

.alert-danger {
    color: #721c24;
    background-color: #f8d7da;
    border-color: #f5c6cb
}

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

.alert-danger .alert-link {
    color: #491217
}

.alert-light {
    color: #818182;
    background-color: #fefefe;
    border-color: #fdfdfe
}

.alert-light hr {
    border-top-color: #ececf6
}

.alert-light .alert-link {
    color: #686868
}

.alert-dark {
    color: #1b1e21;
    background-color: #d6d8d9;
    border-color: #c6c8ca
}

.alert-dark hr {
    border-top-color: #b9bbbe
}

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

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

    to {
        background-position: 0 0
    }
}

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

    to {
        background-position: 0 0
    }
}

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

.progress-bar {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: column;
    flex-direction: column;
    -ms-flex-pack: center;
    justify-content: center;
    overflow: hidden;
    color: #fff;
    text-align: center;
    white-space: nowrap;
    background-color: #007bff;
    transition: width .6s ease
}

@media (prefers-reduced-motion:reduce) {
    .progress-bar {
        transition: none
    }
}

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

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

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

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

.media-body {
    -ms-flex: 1;
    flex: 1
}

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

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

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

.list-group-item-action:active {
    color: #212529;
    background-color: #e9ecef
}

.list-group-item {
    position: relative;
    display: block;
    padding: .75rem;
    background-color: #191970;
    border: 1px solid #fff;
    color: #fff
}

.list-group-item1 {
    position: relative;
    display: block;
    padding: 1rem;
    background-color: #fff;
    border: 0 solid #ddd;
    color: #191970;
    border-radius: 1rem
}

.list-group a {
    color: #fff
}

.list-group a:hover {
    background-color: #36d7b7
}

.list-group1 a:hover {
    color: #ff0 !important;
    transition: all .3s ease-in-out
}

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

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

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

.list-group-item.active {
    z-index: 2;
    color: #000;
    background-color: #36d7b7;
    border-color: #36d7b7;
    border: 1px solid #fff
}

.list-group-item.active.current {
    padding-right: 3rem !important
}

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

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

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

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

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

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

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

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

.list-group-horizontal > .list-group-item + .list-group-item:last-child {
    border-left-width: 1px
}

.list-group-horizontal > .list-group-item:first-child {
    border-left-width: 0
}

@media (min-width:576px) {
    .list-group-horizontal-sm {
        -ms-flex-direction: row;
        flex-direction: row
    }

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

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

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

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

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

@media (min-width:768px) {
    .list-group-horizontal-md {
        -ms-flex-direction: row;
        flex-direction: row
    }

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

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

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

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

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

@media (min-width:992px) {
    .list-group-horizontal-lg {
        -ms-flex-direction: row;
        flex-direction: row
    }

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

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

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

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

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

@media (min-width:1200px) {
    .list-group-horizontal-xl {
        -ms-flex-direction: row;
        flex-direction: row
    }

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

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

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

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

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

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

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

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

.list-group-item-primary {
    color: #004085;
    background-color: #b8daff
}

.list-group-item-primary.list-group-item-action:focus,
.list-group-item-primary.list-group-item-action:hover {
    color: #004085;
    background-color: #9fcdff
}

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

.list-group-item-secondary {
    color: #383d41;
    background-color: #d6d8db
}

.list-group-item-secondary.list-group-item-action:focus,
.list-group-item-secondary.list-group-item-action:hover {
    color: #383d41;
    background-color: #c8cbcf
}

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

.list-group-item-success {
    color: #155724;
    background-color: #c3e6cb
}

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

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

.list-group-item-info {
    color: #0c5460;
    background-color: #bee5eb
}

.list-group-item-info.list-group-item-action:focus,
.list-group-item-info.list-group-item-action:hover {
    color: #0c5460;
    background-color: #abdde5
}

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

.list-group-item-warning {
    color: #856404;
    background-color: #ffeeba
}

.list-group-item-warning.list-group-item-action:focus,
.list-group-item-warning.list-group-item-action:hover {
    color: #856404;
    background-color: #ffe8a1
}

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

.list-group-item-danger {
    color: #721c24;
    background-color: #f5c6cb
}

.list-group-item-danger.list-group-item-action:focus,
.list-group-item-danger.list-group-item-action:hover {
    color: #721c24;
    background-color: #f1b0b7
}

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

.list-group-item-light {
    color: #818182;
    background-color: #fdfdfe
}

.list-group-item-light.list-group-item-action:focus,
.list-group-item-light.list-group-item-action:hover {
    color: #818182;
    background-color: #ececf6
}

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

.list-group-item-dark {
    color: #1b1e21;
    background-color: #c6c8ca
}

.list-group-item-dark.list-group-item-action:focus,
.list-group-item-dark.list-group-item-action:hover {
    color: #1b1e21;
    background-color: #b9bbbe
}

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

.close {
    float: left;
    font-size: 1.5rem;
    font-weight: 700;
    line-height: 1;
    color: #fff !important
}

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

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

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

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

.toast {
    max-width: 600px;
    overflow: hidden;
    background-color: rgba(255, 255, 255, .85);
    background-clip: padding-box;
    border: 1px solid rgba(0, 0, 0, .1);
    box-shadow: 0 .25rem .75rem rgba(0, 0, 0, .1);
    -webkit-backdrop-filter: blur(10px);
    backdrop-filter: blur(10px);
    opacity: 0;
    border-radius: .25rem
}

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

.toast.showing {
    opacity: 1
}

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

.toast.hide {
    display: none
}

.toast-header {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-align: center;
    align-items: center;
    padding: 1rem 2rem;
    color: #fff;
    background-color: rgba(255, 255, 255, .85);
    background-clip: padding-box;
    border-bottom: 1px solid rgba(0, 0, 0, .05)
}

.toast-body {
    padding: 3rem
}

.modal-open {
    overflow: hidden
}

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

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

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

.modal.fade .modal-dialog {
    transition: -webkit-transform .3s ease-out;
    transition: transform .3s ease-out;
    transition: transform .3s ease-out, -webkit-transform .3s ease-out;
    -webkit-transform: translate(0, -50px);
    transform: translate(0, -50px)
}

@media (prefers-reduced-motion:reduce) {
    .modal.fade .modal-dialog {
        transition: none
    }
}

.modal.show .modal-dialog {
    -webkit-transform: none;
    transform: none
}

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

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

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

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

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

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

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

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

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

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

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

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

.modal-backdrop.fade {
    opacity: 0
}

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

.modal-header {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-align: start;
    align-items: flex-start;
    -ms-flex-pack: justify;
    justify-content: space-between;
    padding: 2rem 2rem;
    border-bottom: 1px solid #dee2e6;
    border-top-left-radius: calc(.3rem - 1px);
    border-top-right-radius: calc(.3rem - 1px);
    background-color: #010165 !important;
    color: #fff !important
}

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

.modal-title {
    margin-bottom: 0;
    line-height: 2;
    font-size: 140%
}

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

.modal-footer {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -ms-flex-align: center;
    align-items: center;
    -ms-flex-pack: end;
    justify-content: flex-start;
    padding: 1rem;
    border-top: 1px solid #dee2e6;
    border-bottom-right-radius: calc(.3rem - 1px);
    border-bottom-left-radius: calc(.3rem - 1px)
}

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

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

@media (min-width:576px) {
    .modal-dialog {
        max-width: 770px;
        margin: 1.75rem auto
    }

    .modal-dialog-scrollable {
        max-height: calc(100% - 3.5rem)
    }

    .modal-dialog-scrollable .modal-content {
        max-height: calc(100vh - 3.5rem)
    }

    .modal-dialog-centered {
        min-height: calc(100% - 3.5rem)
    }

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

    .modal-sm {
        max-width: 500px
    }
}

@media (min-width:992px) {

    .modal-lg,
    .modal-xl {
        max-width: 1180px
    }
}

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

.tooltip {
    position: absolute;
    z-index: 1070;
    display: block;
    margin: 0;
    font-style: normal;
    font-weight: 400;
    line-height: 1.5;
    text-align: left;
    text-align: start;
    text-decoration: none;
    text-shadow: none;
    text-transform: none;
    letter-spacing: normal;
    word-break: normal;
    word-spacing: normal;
    white-space: normal;
    line-break: auto;
    font-size: .875rem;
    word-wrap: break-word;
    opacity: 0
}

.tooltip.show {
    opacity: .9
}

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

.popover {
    position: absolute;
    top: 0;
    left: 0;
    z-index: 1060;
    display: block;
    max-width: 276px;
    font-style: normal;
    font-weight: 400;
    line-height: 1.5;
    text-align: left;
    text-align: start;
    text-decoration: none;
    text-shadow: none;
    text-transform: none;
    letter-spacing: normal;
    word-break: normal;
    word-spacing: normal;
    white-space: normal;
    line-break: auto;
    font-size: .875rem;
    word-wrap: break-word;
    background-color: #fff;
    background-clip: padding-box;
    border: 1px solid rgba(0, 0, 0, .2);
    border-radius: .3rem
}

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

.popover-header:empty {
    display: none
}

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

.carousel {
    position: relative
}

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

.carousel-inner {
    position: relative;
    width: 100%;
    overflow: hidden
}

.carousel-inner::after {
    display: block;
    clear: both;
    content: ""
}

.carousel-item {
    position: relative;
    display: none;
    float: left;
    width: 100%;
    margin-right: -100%;
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
    transition: -webkit-transform .6s ease-in-out;
    transition: transform .6s ease-in-out;
    transition: transform .6s ease-in-out, -webkit-transform .6s ease-in-out
}

@media (prefers-reduced-motion:reduce) {
    .carousel-item {
        transition: none
    }
}

.carousel-item-next,
.carousel-item-prev,
.carousel-item.active {
    display: block
}

.active.carousel-item-right,
.carousel-item-next:not(.carousel-item-left) {
    -webkit-transform: translateX(100%);
    transform: translateX(100%)
}

.active.carousel-item-left,
.carousel-item-prev:not(.carousel-item-right) {
    -webkit-transform: translateX(-100%);
    transform: translateX(-100%)
}

.carousel-fade .carousel-item {
    opacity: 0;
    transition-property: opacity;
    -webkit-transform: none;
    transform: none
}

.carousel-fade .carousel-item-next.carousel-item-left,
.carousel-fade .carousel-item-prev.carousel-item-right,
.carousel-fade .carousel-item.active {
    z-index: 1;
    opacity: 1
}

.carousel-fade .active.carousel-item-left,
.carousel-fade .active.carousel-item-right {
    z-index: 0;
    opacity: 0;
    transition: opacity 0s .6s
}

@media (prefers-reduced-motion:reduce) {

    .carousel-fade .active.carousel-item-left,
    .carousel-fade .active.carousel-item-right {
        transition: none
    }
}

.carousel-control-next,
.carousel-control-prev {
    position: absolute;
    top: 0;
    bottom: 0;
    z-index: 1;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-align: center;
    align-items: center;
    -ms-flex-pack: center;
    justify-content: center;
    width: 15%;
    color: #fff;
    text-align: center;
    opacity: .5;
    transition: opacity .15s ease
}

@media (prefers-reduced-motion:reduce) {

    .carousel-control-next,
    .carousel-control-prev {
        transition: none
    }
}

.carousel-control-next:focus,
.carousel-control-next:hover,
.carousel-control-prev:focus,
.carousel-control-prev:hover {
    color: #fff;
    text-decoration: none;
    outline: 0;
    opacity: .9
}

.carousel-control-prev {
    left: 0
}

.carousel-control-next {
    right: 0
}

.carousel-control-next-icon,
.carousel-control-prev-icon {
    display: inline-block;
    width: 20px;
    height: 20px;
    background: no-repeat 50%/100% 100%
}

.carousel-control-prev-icon {
    background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' fill='%23fff' width='8' height='8' viewBox='0 0 8 8'%3e%3cpath d='M5.25 0l-4 4 4 4 1.5-1.5L4.25 4l2.5-2.5L5.25 0z'/%3e%3c/svg%3e")
}

.carousel-control-next-icon {
    background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' fill='%23fff' width='8' height='8' viewBox='0 0 8 8'%3e%3cpath d='M2.75 0l-1.5 1.5L3.75 4l-2.5 2.5L2.75 8l4-4-4-4z'/%3e%3c/svg%3e")
}

.carousel-indicators {
    position: absolute;
    right: 0;
    bottom: 0;
    left: 0;
    z-index: 15;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-pack: center;
    justify-content: center;
    padding-left: 0;
    margin-right: 15%;
    margin-left: 15%;
    list-style: none
}

.carousel-indicators li {
    box-sizing: content-box;
    -ms-flex: 0 1 auto;
    flex: 0 1 auto;
    width: 30px;
    height: 3px;
    margin-right: 3px;
    margin-left: 3px;
    text-indent: -999px;
    cursor: pointer;
    background-color: #fff;
    background-clip: padding-box;
    border-top: 10px solid transparent;
    border-bottom: 10px solid transparent;
    opacity: .5;
    transition: opacity .6s ease
}

@media (prefers-reduced-motion:reduce) {
    .carousel-indicators li {
        transition: none
    }
}

.carousel-indicators .active {
    opacity: 1
}

.carousel-caption {
    position: absolute;
    right: 15%;
    bottom: 20px;
    left: 15%;
    z-index: 10;
    padding-top: 20px;
    padding-bottom: 20px;
    color: #fff;
    text-align: center
}

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

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

.spinner-border {
    display: inline-block;
    width: 2rem;
    height: 2rem;
    vertical-align: text-bottom;
    border: .25em solid currentColor;
    border-right-color: transparent;
    border-radius: 50%;
    -webkit-animation: spinner-border .75s linear infinite;
    animation: spinner-border .75s linear infinite
}

.spinner-border-sm {
    width: 1rem;
    height: 1rem;
    border-width: .2em
}

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

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

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

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

.spinner-grow {
    display: inline-block;
    width: 2rem;
    height: 2rem;
    vertical-align: text-bottom;
    background-color: currentColor;
    border-radius: 50%;
    opacity: 0;
    -webkit-animation: spinner-grow .75s linear infinite;
    animation: spinner-grow .75s linear infinite
}

.spinner-grow-sm {
    width: 1rem;
    height: 1rem
}

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

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

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

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

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

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

.bg-primary {
    background-color: #007bff !important
}

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

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

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

.bg-success {
    background-color: #00897b !important
}

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

.bg-info {
    background-color: #17a2b8 !important
}

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

.border-0 {
    border: 0 !important
}

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

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

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

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

.border-primary {
    border-color: #007bff !important
}

.border-secondary {
    border-color: #6c757d !important
}

.border-success {
    border-color: #00897b !important
}

.border-info {
    border-color: #17a2b8 !important
}

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

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

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

.border-dark {
    border-color: #343a40 !important
}

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

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

.rounded {
    border-radius: .25rem !important
}

.rounded-top {
    border-top-left-radius: .25rem !important;
    border-top-right-radius: .25rem !important
}

.rounded-right {
    border-top-right-radius: .25rem !important;
    border-bottom-right-radius: .25rem !important
}

.rounded-bottom {
    border-bottom-right-radius: .25rem !important;
    border-bottom-left-radius: .25rem !important
}

.rounded-left {
    border-top-left-radius: .25rem !important;
    border-bottom-left-radius: .25rem !important
}

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

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

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

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

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

.d-none {
    display: none !important
}

.d-inline {
    display: inline !important
}

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

.d-block {
    display: block !important
}

.d-table {
    display: table !important
}

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

    .d-print-inline-flex {
        display: -ms-inline-flexbox !important;
        display: inline-flex !important
    }
}

.embed-responsive {
    position: relative;
    display: block;
    width: 100%;
    padding: 0;
    overflow: hidden
}

.embed-responsive::before {
    display: block;
    content: ""
}

.embed-responsive .embed-responsive-item,
.embed-responsive embed,
.embed-responsive iframe,
.embed-responsive object,
.embed-responsive video {
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    width: 100%;
    height: 100%;
    border: 0
}

.embed-responsive-21by9::before {
    padding-top: 42.857143%
}

.embed-responsive-16by9::before {
    padding-top: 56.25%
}

.embed-responsive-4by3::before {
    padding-top: 75%
}

.embed-responsive-1by1::before {
    padding-top: 100%
}

.flex-row {
    -ms-flex-direction: row !important;
    flex-direction: row !important
}

.flex-column {
    -ms-flex-direction: column !important;
    flex-direction: column !important
}

.flex-row-reverse {
    -ms-flex-direction: row-reverse !important;
    flex-direction: row-reverse !important
}

.flex-column-reverse {
    -ms-flex-direction: column-reverse !important;
    flex-direction: column-reverse !important
}

.flex-wrap {
    -ms-flex-wrap: wrap !important;
    flex-wrap: wrap !important
}

.flex-nowrap {
    -ms-flex-wrap: nowrap !important;
    flex-wrap: nowrap !important
}

.flex-wrap-reverse {
    -ms-flex-wrap: wrap-reverse !important;
    flex-wrap: wrap-reverse !important
}

.flex-fill {
    -ms-flex: 1 1 auto !important;
    flex: 1 1 auto !important
}

.flex-grow-0 {
    -ms-flex-positive: 0 !important;
    flex-grow: 0 !important
}

.flex-grow-1 {
    -ms-flex-positive: 1 !important;
    flex-grow: 1 !important
}

.flex-shrink-0 {
    -ms-flex-negative: 0 !important;
    flex-shrink: 0 !important
}

.flex-shrink-1 {
    -ms-flex-negative: 1 !important;
    flex-shrink: 1 !important
}

.justify-content-start {
    -ms-flex-pack: start !important;
    justify-content: flex-start !important
}

.justify-content-end {
    -ms-flex-pack: end !important;
    justify-content: flex-end !important
}

.justify-content-center {
    -ms-flex-pack: center !important;
    justify-content: center !important
}

.justify-content-between {
    -ms-flex-pack: justify !important;
    justify-content: space-between !important
}

.justify-content-around {
    -ms-flex-pack: distribute !important;
    justify-content: space-around !important
}

.align-items-start {
    -ms-flex-align: start !important;
    align-items: flex-start !important
}

.align-items-end {
    -ms-flex-align: end !important;
    align-items: flex-end !important
}

.align-items-center {
    -ms-flex-align: center !important;
    align-items: center !important
}

.align-items-baseline {
    -ms-flex-align: baseline !important;
    align-items: baseline !important
}

.align-items-stretch {
    -ms-flex-align: stretch !important;
    align-items: stretch !important
}

.align-content-start {
    -ms-flex-line-pack: start !important;
    align-content: flex-start !important
}

.align-content-end {
    -ms-flex-line-pack: end !important;
    align-content: flex-end !important
}

.align-content-center {
    -ms-flex-line-pack: center !important;
    align-content: center !important
}

.align-content-between {
    -ms-flex-line-pack: justify !important;
    align-content: space-between !important
}

.align-content-around {
    -ms-flex-line-pack: distribute !important;
    align-content: space-around !important
}

.align-content-stretch {
    -ms-flex-line-pack: stretch !important;
    align-content: stretch !important
}

.align-self-auto {
    -ms-flex-item-align: auto !important;
    align-self: auto !important
}

.align-self-start {
    -ms-flex-item-align: start !important;
    align-self: flex-start !important
}

.align-self-end {
    -ms-flex-item-align: end !important;
    align-self: flex-end !important
}

.align-self-center {
    -ms-flex-item-align: center !important;
    align-self: center !important
}

.align-self-baseline {
    -ms-flex-item-align: baseline !important;
    align-self: baseline !important
}

.align-self-stretch {
    -ms-flex-item-align: stretch !important;
    align-self: stretch !important
}

@media (min-width:576px) {
    .flex-sm-row {
        -ms-flex-direction: row !important;
        flex-direction: row !important
    }

    .flex-sm-column {
        -ms-flex-direction: column !important;
        flex-direction: column !important
    }

    .flex-sm-row-reverse {
        -ms-flex-direction: row-reverse !important;
        flex-direction: row-reverse !important
    }

    .flex-sm-column-reverse {
        -ms-flex-direction: column-reverse !important;
        flex-direction: column-reverse !important
    }

    .flex-sm-wrap {
        -ms-flex-wrap: wrap !important;
        flex-wrap: wrap !important
    }

    .flex-sm-nowrap {
        -ms-flex-wrap: nowrap !important;
        flex-wrap: nowrap !important
    }

    .flex-sm-wrap-reverse {
        -ms-flex-wrap: wrap-reverse !important;
        flex-wrap: wrap-reverse !important
    }

    .flex-sm-fill {
        -ms-flex: 1 1 auto !important;
        flex: 1 1 auto !important
    }

    .flex-sm-grow-0 {
        -ms-flex-positive: 0 !important;
        flex-grow: 0 !important
    }

    .flex-sm-grow-1 {
        -ms-flex-positive: 1 !important;
        flex-grow: 1 !important
    }

    .flex-sm-shrink-0 {
        -ms-flex-negative: 0 !important;
        flex-shrink: 0 !important
    }

    .flex-sm-shrink-1 {
        -ms-flex-negative: 1 !important;
        flex-shrink: 1 !important
    }

    .justify-content-sm-start {
        -ms-flex-pack: start !important;
        justify-content: flex-start !important
    }

    .justify-content-sm-end {
        -ms-flex-pack: end !important;
        justify-content: flex-end !important
    }

    .justify-content-sm-center {
        -ms-flex-pack: center !important;
        justify-content: center !important
    }

    .justify-content-sm-between {
        -ms-flex-pack: justify !important;
        justify-content: space-between !important
    }

    .justify-content-sm-around {
        -ms-flex-pack: distribute !important;
        justify-content: space-around !important
    }

    .align-items-sm-start {
        -ms-flex-align: start !important;
        align-items: flex-start !important
    }

    .align-items-sm-end {
        -ms-flex-align: end !important;
        align-items: flex-end !important
    }

    .align-items-sm-center {
        -ms-flex-align: center !important;
        align-items: center !important
    }

    .align-items-sm-baseline {
        -ms-flex-align: baseline !important;
        align-items: baseline !important
    }

    .align-items-sm-stretch {
        -ms-flex-align: stretch !important;
        align-items: stretch !important
    }

    .align-content-sm-start {
        -ms-flex-line-pack: start !important;
        align-content: flex-start !important
    }

    .align-content-sm-end {
        -ms-flex-line-pack: end !important;
        align-content: flex-end !important
    }

    .align-content-sm-center {
        -ms-flex-line-pack: center !important;
        align-content: center !important
    }

    .align-content-sm-between {
        -ms-flex-line-pack: justify !important;
        align-content: space-between !important
    }

    .align-content-sm-around {
        -ms-flex-line-pack: distribute !important;
        align-content: space-around !important
    }

    .align-content-sm-stretch {
        -ms-flex-line-pack: stretch !important;
        align-content: stretch !important
    }

    .align-self-sm-auto {
        -ms-flex-item-align: auto !important;
        align-self: auto !important
    }

    .align-self-sm-start {
        -ms-flex-item-align: start !important;
        align-self: flex-start !important
    }

    .align-self-sm-end {
        -ms-flex-item-align: end !important;
        align-self: flex-end !important
    }

    .align-self-sm-center {
        -ms-flex-item-align: center !important;
        align-self: center !important
    }

    .align-self-sm-baseline {
        -ms-flex-item-align: baseline !important;
        align-self: baseline !important
    }

    .align-self-sm-stretch {
        -ms-flex-item-align: stretch !important;
        align-self: stretch !important
    }
}

@media (min-width:768px) {
    .flex-md-row {
        -ms-flex-direction: row !important;
        flex-direction: row !important
    }

    .flex-md-column {
        -ms-flex-direction: column !important;
        flex-direction: column !important
    }

    .flex-md-row-reverse {
        -ms-flex-direction: row-reverse !important;
        flex-direction: row-reverse !important
    }

    .flex-md-column-reverse {
        -ms-flex-direction: column-reverse !important;
        flex-direction: column-reverse !important
    }

    .flex-md-wrap {
        -ms-flex-wrap: wrap !important;
        flex-wrap: wrap !important
    }

    .flex-md-nowrap {
        -ms-flex-wrap: nowrap !important;
        flex-wrap: nowrap !important
    }

    .flex-md-wrap-reverse {
        -ms-flex-wrap: wrap-reverse !important;
        flex-wrap: wrap-reverse !important
    }

    .flex-md-fill {
        -ms-flex: 1 1 auto !important;
        flex: 1 1 auto !important
    }

    .flex-md-grow-0 {
        -ms-flex-positive: 0 !important;
        flex-grow: 0 !important
    }

    .flex-md-grow-1 {
        -ms-flex-positive: 1 !important;
        flex-grow: 1 !important
    }

    .flex-md-shrink-0 {
        -ms-flex-negative: 0 !important;
        flex-shrink: 0 !important
    }

    .flex-md-shrink-1 {
        -ms-flex-negative: 1 !important;
        flex-shrink: 1 !important
    }

    .justify-content-md-start {
        -ms-flex-pack: start !important;
        justify-content: flex-start !important
    }

    .justify-content-md-end {
        -ms-flex-pack: end !important;
        justify-content: flex-end !important
    }

    .justify-content-md-center {
        -ms-flex-pack: center !important;
        justify-content: center !important
    }

    .justify-content-md-between {
        -ms-flex-pack: justify !important;
        justify-content: space-between !important
    }

    .justify-content-md-around {
        -ms-flex-pack: distribute !important;
        justify-content: space-around !important
    }

    .align-items-md-start {
        -ms-flex-align: start !important;
        align-items: flex-start !important
    }

    .align-items-md-end {
        -ms-flex-align: end !important;
        align-items: flex-end !important
    }

    .align-items-md-center {
        -ms-flex-align: center !important;
        align-items: center !important
    }

    .align-items-md-baseline {
        -ms-flex-align: baseline !important;
        align-items: baseline !important
    }

    .align-items-md-stretch {
        -ms-flex-align: stretch !important;
        align-items: stretch !important
    }

    .align-content-md-start {
        -ms-flex-line-pack: start !important;
        align-content: flex-start !important
    }

    .align-content-md-end {
        -ms-flex-line-pack: end !important;
        align-content: flex-end !important
    }

    .align-content-md-center {
        -ms-flex-line-pack: center !important;
        align-content: center !important
    }

    .align-content-md-between {
        -ms-flex-line-pack: justify !important;
        align-content: space-between !important
    }

    .align-content-md-around {
        -ms-flex-line-pack: distribute !important;
        align-content: space-around !important
    }

    .align-content-md-stretch {
        -ms-flex-line-pack: stretch !important;
        align-content: stretch !important
    }

    .align-self-md-auto {
        -ms-flex-item-align: auto !important;
        align-self: auto !important
    }

    .align-self-md-start {
        -ms-flex-item-align: start !important;
        align-self: flex-start !important
    }

    .align-self-md-end {
        -ms-flex-item-align: end !important;
        align-self: flex-end !important
    }

    .align-self-md-center {
        -ms-flex-item-align: center !important;
        align-self: center !important
    }

    .align-self-md-baseline {
        -ms-flex-item-align: baseline !important;
        align-self: baseline !important
    }

    .align-self-md-stretch {
        -ms-flex-item-align: stretch !important;
        align-self: stretch !important
    }
}

@media (min-width:992px) {
    .flex-lg-row {
        -ms-flex-direction: row !important;
        flex-direction: row !important
    }

    .flex-lg-column {
        -ms-flex-direction: column !important;
        flex-direction: column !important
    }

    .flex-lg-row-reverse {
        -ms-flex-direction: row-reverse !important;
        flex-direction: row-reverse !important
    }

    .flex-lg-column-reverse {
        -ms-flex-direction: column-reverse !important;
        flex-direction: column-reverse !important
    }

    .flex-lg-wrap {
        -ms-flex-wrap: wrap !important;
        flex-wrap: wrap !important
    }

    .flex-lg-nowrap {
        -ms-flex-wrap: nowrap !important;
        flex-wrap: nowrap !important
    }

    .flex-lg-wrap-reverse {
        -ms-flex-wrap: wrap-reverse !important;
        flex-wrap: wrap-reverse !important
    }

    .flex-lg-fill {
        -ms-flex: 1 1 auto !important;
        flex: 1 1 auto !important
    }

    .flex-lg-grow-0 {
        -ms-flex-positive: 0 !important;
        flex-grow: 0 !important
    }

    .flex-lg-grow-1 {
        -ms-flex-positive: 1 !important;
        flex-grow: 1 !important
    }

    .flex-lg-shrink-0 {
        -ms-flex-negative: 0 !important;
        flex-shrink: 0 !important
    }

    .flex-lg-shrink-1 {
        -ms-flex-negative: 1 !important;
        flex-shrink: 1 !important
    }

    .justify-content-lg-start {
        -ms-flex-pack: start !important;
        justify-content: flex-start !important
    }

    .justify-content-lg-end {
        -ms-flex-pack: end !important;
        justify-content: flex-end !important
    }

    .justify-content-lg-center {
        -ms-flex-pack: center !important;
        justify-content: center !important
    }

    .justify-content-lg-between {
        -ms-flex-pack: justify !important;
        justify-content: space-between !important
    }

    .justify-content-lg-around {
        -ms-flex-pack: distribute !important;
        justify-content: space-around !important
    }

    .align-items-lg-start {
        -ms-flex-align: start !important;
        align-items: flex-start !important
    }

    .align-items-lg-end {
        -ms-flex-align: end !important;
        align-items: flex-end !important
    }

    .align-items-lg-center {
        -ms-flex-align: center !important;
        align-items: center !important
    }

    .align-items-lg-baseline {
        -ms-flex-align: baseline !important;
        align-items: baseline !important
    }

    .align-items-lg-stretch {
        -ms-flex-align: stretch !important;
        align-items: stretch !important
    }

    .align-content-lg-start {
        -ms-flex-line-pack: start !important;
        align-content: flex-start !important
    }

    .align-content-lg-end {
        -ms-flex-line-pack: end !important;
        align-content: flex-end !important
    }

    .align-content-lg-center {
        -ms-flex-line-pack: center !important;
        align-content: center !important
    }

    .align-content-lg-between {
        -ms-flex-line-pack: justify !important;
        align-content: space-between !important
    }

    .align-content-lg-around {
        -ms-flex-line-pack: distribute !important;
        align-content: space-around !important
    }

    .align-content-lg-stretch {
        -ms-flex-line-pack: stretch !important;
        align-content: stretch !important
    }

    .align-self-lg-auto {
        -ms-flex-item-align: auto !important;
        align-self: auto !important
    }

    .align-self-lg-start {
        -ms-flex-item-align: start !important;
        align-self: flex-start !important
    }

    .align-self-lg-end {
        -ms-flex-item-align: end !important;
        align-self: flex-end !important
    }

    .align-self-lg-center {
        -ms-flex-item-align: center !important;
        align-self: center !important
    }

    .align-self-lg-baseline {
        -ms-flex-item-align: baseline !important;
        align-self: baseline !important
    }

    .align-self-lg-stretch {
        -ms-flex-item-align: stretch !important;
        align-self: stretch !important
    }
}

@media (min-width:1200px) {
    .flex-xl-row {
        -ms-flex-direction: row !important;
        flex-direction: row !important
    }

    .flex-xl-column {
        -ms-flex-direction: column !important;
        flex-direction: column !important
    }

    .flex-xl-row-reverse {
        -ms-flex-direction: row-reverse !important;
        flex-direction: row-reverse !important
    }

    .flex-xl-column-reverse {
        -ms-flex-direction: column-reverse !important;
        flex-direction: column-reverse !important
    }

    .flex-xl-wrap {
        -ms-flex-wrap: wrap !important;
        flex-wrap: wrap !important
    }

    .flex-xl-nowrap {
        -ms-flex-wrap: nowrap !important;
        flex-wrap: nowrap !important
    }

    .flex-xl-wrap-reverse {
        -ms-flex-wrap: wrap-reverse !important;
        flex-wrap: wrap-reverse !important
    }

    .flex-xl-fill {
        -ms-flex: 1 1 auto !important;
        flex: 1 1 auto !important
    }

    .flex-xl-grow-0 {
        -ms-flex-positive: 0 !important;
        flex-grow: 0 !important
    }

    .flex-xl-grow-1 {
        -ms-flex-positive: 1 !important;
        flex-grow: 1 !important
    }

    .flex-xl-shrink-0 {
        -ms-flex-negative: 0 !important;
        flex-shrink: 0 !important
    }

    .flex-xl-shrink-1 {
        -ms-flex-negative: 1 !important;
        flex-shrink: 1 !important
    }

    .justify-content-xl-start {
        -ms-flex-pack: start !important;
        justify-content: flex-start !important
    }

    .justify-content-xl-end {
        -ms-flex-pack: end !important;
        justify-content: flex-end !important
    }

    .justify-content-xl-center {
        -ms-flex-pack: center !important;
        justify-content: center !important
    }

    .justify-content-xl-between {
        -ms-flex-pack: justify !important;
        justify-content: space-between !important
    }

    .justify-content-xl-around {
        -ms-flex-pack: distribute !important;
        justify-content: space-around !important
    }

    .align-items-xl-start {
        -ms-flex-align: start !important;
        align-items: flex-start !important
    }

    .align-items-xl-end {
        -ms-flex-align: end !important;
        align-items: flex-end !important
    }

    .align-items-xl-center {
        -ms-flex-align: center !important;
        align-items: center !important
    }

    .align-items-xl-baseline {
        -ms-flex-align: baseline !important;
        align-items: baseline !important
    }

    .align-items-xl-stretch {
        -ms-flex-align: stretch !important;
        align-items: stretch !important
    }

    .align-content-xl-start {
        -ms-flex-line-pack: start !important;
        align-content: flex-start !important
    }

    .align-content-xl-end {
        -ms-flex-line-pack: end !important;
        align-content: flex-end !important
    }

    .align-content-xl-center {
        -ms-flex-line-pack: center !important;
        align-content: center !important
    }

    .align-content-xl-between {
        -ms-flex-line-pack: justify !important;
        align-content: space-between !important
    }

    .align-content-xl-around {
        -ms-flex-line-pack: distribute !important;
        align-content: space-around !important
    }

    .align-content-xl-stretch {
        -ms-flex-line-pack: stretch !important;
        align-content: stretch !important
    }

    .align-self-xl-auto {
        -ms-flex-item-align: auto !important;
        align-self: auto !important
    }

    .align-self-xl-start {
        -ms-flex-item-align: start !important;
        align-self: flex-start !important
    }

    .align-self-xl-end {
        -ms-flex-item-align: end !important;
        align-self: flex-end !important
    }

    .align-self-xl-center {
        -ms-flex-item-align: center !important;
        align-self: center !important
    }

    .align-self-xl-baseline {
        -ms-flex-item-align: baseline !important;
        align-self: baseline !important
    }

    .align-self-xl-stretch {
        -ms-flex-item-align: stretch !important;
        align-self: stretch !important
    }
}

.float-left {
    float: left !important
}

.float-right {
    float: right !important
}

.float-none {
    float: none !important
}

@media (min-width:576px) {
    .float-sm-left {
        float: left !important
    }

    .float-sm-right {
        float: right !important
    }

    .float-sm-none {
        float: none !important
    }
}

@media (min-width:768px) {
    .float-md-left {
        float: left !important
    }

    .float-md-right {
        float: right !important
    }

    .float-md-none {
        float: none !important
    }
}

@media (min-width:992px) {
    .float-lg-left {
        float: left !important
    }

    .float-lg-right {
        float: right !important
    }

    .float-lg-none {
        float: none !important
    }
}

@media (min-width:1200px) {
    .float-xl-left {
        float: left !important
    }

    .float-xl-right {
        float: right !important
    }

    .float-xl-none {
        float: none !important
    }
}

.user-select-all {
    -webkit-user-select: all !important;
    -moz-user-select: all !important;
    -ms-user-select: all !important;
    user-select: all !important
}

.user-select-auto {
    -webkit-user-select: auto !important;
    -moz-user-select: auto !important;
    -ms-user-select: auto !important;
    user-select: auto !important
}

.user-select-none {
    -webkit-user-select: none !important;
    -moz-user-select: none !important;
    -ms-user-select: none !important;
    user-select: none !important
}

.overflow-auto {
    overflow: auto !important
}

.overflow-hidden {
    overflow: hidden !important
}

.position-static {
    position: static !important
}

.position-relative {
    position: relative !important
}

.position-absolute {
    position: absolute !important
}

.position-fixed {
    position: fixed !important
}

.position-sticky {
    position: -webkit-sticky !important;
    position: sticky !important
}

.fixed-top {
    position: fixed;
    top: 0;
    right: 0;
    left: 0;
    z-index: 1030
}

.fixed-bottom {
    position: fixed;
    right: 0;
    bottom: 0;
    left: 0;
    z-index: 1030
}

@supports ((position:-webkit-sticky) or (position:sticky)) {
    .sticky-top {
        position: -webkit-sticky;
        position: sticky;
        top: 0;
        z-index: 1020
    }
}

.sr-only {
    position: absolute;
    width: 1px;
    height: 1px;
    padding: 0;
    margin: -1px;
    overflow: hidden;
    clip: rect(0, 0, 0, 0);
    white-space: nowrap;
    border: 0
}

.sr-only-focusable:active,
.sr-only-focusable:focus {
    position: static;
    width: auto;
    height: auto;
    overflow: visible;
    clip: auto;
    white-space: normal
}

.shadow-sm {
    box-shadow: 0 .125rem .25rem rgba(0, 0, 0, .075) !important
}

.shadow {
    box-shadow: 0 .5rem 1rem rgba(0, 0, 0, .15) !important
}

.shadow-lg {
    box-shadow: 0 1rem 3rem rgba(0, 0, 0, .175) !important
}

.shadow-none {
    box-shadow: none !important
}

.w-20 {
    width: 20% !important
}

.w-25 {
    width: 25% !important
}

.w-30 {
    width: 30% !important
}

.w-40 {
    width: 40% !important
}

.w-50 {
    width: 50% !important
}

.w-75 {
    width: 75% !important
}

.w-80 {
    width: 80% !important
}

.w-85 {
    width: 85% !important
}

.w-90 {
    width: 90% !important
}

.w-95 {
    width: 95% !important
}

.w-100 {
    width: 100% !important
}

.w-auto {
    width: auto !important
}

.h-25 {
    height: 25% !important
}

.h-50 {
    height: 50% !important
}

.h-75 {
    height: 75% !important
}

.h-80 {
    height: 80% !important
}

.h-85 {
    height: 85% !important
}

.h-90 {
    height: 90% !important
}

.h-95 {
    height: 95% !important
}

.h-100 {
    height: 100% !important
}

.h-auto {
    height: auto !important
}

.mw-100 {
    max-width: 100% !important
}

.mh-100 {
    max-height: 100% !important
}

.min-vw-100 {
    min-width: 100vw !important
}

.min-vh-100 {
    min-height: 100vh !important
}

.vw-100 {
    width: 100vw !important
}

.vh-100 {
    height: 100vh !important
}

.m-0 {
    margin: 0 !important
}

.mt-0,
.my-0 {
    margin-top: 0 !important
}

.mr-0,
.mx-0 {
    margin-right: 0 !important
}

.mb-0,
.my-0 {
    margin-bottom: 0 !important
}

.ml-0,
.mx-0 {
    margin-left: 0 !important
}

.m-1 {
    margin: .25rem !important
}

.mt-1,
.my-1 {
    margin-top: .25rem !important
}

.mr-1,
.mx-1 {
    margin-right: .25rem !important
}

.mb-1,
.my-1 {
    margin-bottom: .25rem !important
}

.ml-1,
.mx-1 {
    margin-left: .25rem !important
}

.m-2 {
    margin: .5rem !important
}

.mt-2,
.my-2 {
    margin-top: .5rem !important
}

.mr-2,
.mx-2 {
    margin-right: .5rem !important
}

.mb-2,
.my-2 {
    margin-bottom: .5rem !important
}

.ml-2,
.mx-2 {
    margin-left: .5rem !important
}

.m-3 {
    margin: 1rem !important
}

.mt-3,
.my-3 {
    margin-top: 1rem !important
}

.mr-3,
.mx-3 {
    margin-right: 1rem !important
}

.mb-3,
.my-3 {
    margin-bottom: 1rem !important
}

.ml-3,
.mx-3 {
    margin-left: 1rem !important
}

.m-4 {
    margin: 2rem !important
}

.mt-4,
.my-4 {
    margin-top: 2rem !important
}

.mr-4,
.mx-4 {
    margin-right: 2rem !important
}

.mb-4,
.my-4 {
    margin-bottom: 2rem !important
}

.ml-4,
.mx-4 {
    margin-left: 2rem !important
}

.m-5 {
    margin: 3rem !important
}

.mt-5,
.my-5 {
    margin-top: 3rem !important
}

.mr-5,
.mx-5 {
    margin-right: 3rem !important
}

.mb-5,
.my-5 {
    margin-bottom: 3rem !important
}

.ml-5,
.mx-5 {
    margin-left: 3rem !important
}

.p-0 {
    padding: 0 !important
}

.pt-0,
.py-0 {
    padding-top: 0 !important
}

.pr-0,
.px-0 {
    padding-right: 0 !important
}

.pb-0,
.py-0 {
    padding-bottom: 0 !important
}

.pl-0,
.px-0 {
    padding-left: 0 !important
}

.p-1 {
    padding: .25rem !important
}

.pt-1,
.py-1 {
    padding-top: .25rem !important
}

.pr-1,
.px-1 {
    padding-right: .25rem !important
}

.pb-1,
.py-1 {
    padding-bottom: .25rem !important
}

.pl-1,
.px-1 {
    padding-left: .25rem !important
}

.p-2 {
    padding: .5rem !important
}

.pt-2,
.py-2 {
    padding-top: .5rem !important
}

.pr-2,
.px-2 {
    padding-right: .5rem !important
}

.pb-2,
.py-2 {
    padding-bottom: .5rem !important
}

.pl-2,
.px-2 {
    padding-left: .5rem !important
}

.p-3 {
    padding: 1rem !important
}

.pt-3,
.py-3 {
    padding-top: 1rem !important
}

.pr-3,
.px-3 {
    padding-right: 1rem !important
}

.pb-3,
.py-3 {
    padding-bottom: 1rem !important
}

.pl-3,
.px-3 {
    padding-left: 1rem !important
}

.p-4 {
    padding: 2rem !important
}

.pt-4,
.py-4 {
    padding-top: 2rem !important
}

.pr-4,
.px-4 {
    padding-right: 2rem !important
}

.pb-4,
.py-4 {
    padding-bottom: 2rem !important
}

.pl-4,
.px-4 {
    padding-left: 2rem !important
}

.p-5 {
    padding: 3rem !important
}

.pt-5,
.py-5 {
    padding-top: 3rem !important
}

.pr-5,
.px-5 {
    padding-right: 3rem !important
}

.pb-5,
.py-5 {
    padding-bottom: 3rem !important
}

.pl-5,
.px-5 {
    padding-left: 3rem !important
}

.p-10 {
    padding: 10rem !important
}

.pt-10,
.py-10 {
    padding-top: 10rem !important
}

.pr-10,
.px-10 {
    padding-right: 10rem !important
}

.pb-10,
.py-10 {
    padding-bottom: 10rem !important
}

.pl-10,
.px-10 {
    padding-left: 10rem !important
}

.m-n1 {
    margin: -.25rem !important
}

.mt-n1,
.my-n1 {
    margin-top: -.25rem !important
}

.mr-n1,
.mx-n1 {
    margin-right: -.25rem !important
}

.mb-n1,
.my-n1 {
    margin-bottom: -.25rem !important
}

.ml-n1,
.mx-n1 {
    margin-left: -.25rem !important
}

.m-n2 {
    margin: -.5rem !important
}

.mt-n2,
.my-n2 {
    margin-top: -.5rem !important
}

.mr-n2,
.mx-n2 {
    margin-right: -.5rem !important
}

.mb-n2,
.my-n2 {
    margin-bottom: -.5rem !important
}

.ml-n2,
.mx-n2 {
    margin-left: -.5rem !important
}

.m-n3 {
    margin: -1rem !important
}

.mt-n3,
.my-n3 {
    margin-top: -1rem !important
}

.mr-n3,
.mx-n3 {
    margin-right: -1rem !important
}

.mb-n3,
.my-n3 {
    margin-bottom: -1rem !important
}

.ml-n3,
.mx-n3 {
    margin-left: -1rem !important
}

.m-n4 {
    margin: -1.5rem !important
}

.mt-n4,
.my-n4 {
    margin-top: -1.5rem !important
}

.mr-n4,
.mx-n4 {
    margin-right: -1.5rem !important
}

.mb-n4,
.my-n4 {
    margin-bottom: -1.5rem !important
}

.ml-n4,
.mx-n4 {
    margin-left: -1.5rem !important
}

.m-n5 {
    margin: -3rem !important
}

.mt-n5,
.my-n5 {
    margin-top: -3rem !important
}

.mr-n5,
.mx-n5 {
    margin-right: -3rem !important
}

.mb-n5,
.my-n5 {
    margin-bottom: -3rem !important
}

.ml-n5,
.mx-n5 {
    margin-left: -3rem !important
}

.m-auto {
    margin: auto !important
}

.mt-auto,
.my-auto {
    margin-top: auto !important
}

.mr-auto,
.mx-auto {
    margin-right: auto !important
}

.mb-auto,
.my-auto {
    margin-bottom: auto !important
}

.ml-auto,
.mx-auto {
    margin-left: auto !important
}

@media (min-width:576px) {
    .m-sm-0 {
        margin: 0 !important
    }

    .mt-sm-0,
    .my-sm-0 {
        margin-top: 0 !important
    }

    .mr-sm-0,
    .mx-sm-0 {
        margin-right: 0 !important
    }

    .mb-sm-0,
    .my-sm-0 {
        margin-bottom: 0 !important
    }

    .ml-sm-0,
    .mx-sm-0 {
        margin-left: 0 !important
    }

    .m-sm-1 {
        margin: .25rem !important
    }

    .mt-sm-1,
    .my-sm-1 {
        margin-top: .25rem !important
    }

    .mr-sm-1,
    .mx-sm-1 {
        margin-right: .25rem !important
    }

    .mb-sm-1,
    .my-sm-1 {
        margin-bottom: .25rem !important
    }

    .ml-sm-1,
    .mx-sm-1 {
        margin-left: .25rem !important
    }

    .m-sm-2 {
        margin: .5rem !important
    }

    .mt-sm-2,
    .my-sm-2 {
        margin-top: .5rem !important
    }

    .mr-sm-2,
    .mx-sm-2 {
        margin-right: .5rem !important
    }

    .mb-sm-2,
    .my-sm-2 {
        margin-bottom: .5rem !important
    }

    .ml-sm-2,
    .mx-sm-2 {
        margin-left: .5rem !important
    }

    .m-sm-3 {
        margin: 1rem !important
    }

    .mt-sm-3,
    .my-sm-3 {
        margin-top: 1rem !important
    }

    .mr-sm-3,
    .mx-sm-3 {
        margin-right: 1rem !important
    }

    .mb-sm-3,
    .my-sm-3 {
        margin-bottom: 1rem !important
    }

    .ml-sm-3,
    .mx-sm-3 {
        margin-left: 1rem !important
    }

    .m-sm-4 {
        margin: 1.5rem !important
    }

    .mt-sm-4,
    .my-sm-4 {
        margin-top: 1.5rem !important
    }

    .mr-sm-4,
    .mx-sm-4 {
        margin-right: 1.5rem !important
    }

    .mb-sm-4,
    .my-sm-4 {
        margin-bottom: 1.5rem !important
    }

    .ml-sm-4,
    .mx-sm-4 {
        margin-left: 1.5rem !important
    }

    .m-sm-5 {
        margin: 3rem !important
    }

    .mt-sm-5,
    .my-sm-5 {
        margin-top: 3rem !important
    }

    .mr-sm-5,
    .mx-sm-5 {
        margin-right: 3rem !important
    }

    .mb-sm-5,
    .my-sm-5 {
        margin-bottom: 3rem !important
    }

    .ml-sm-5,
    .mx-sm-5 {
        margin-left: 3rem !important
    }

    .p-sm-0 {
        padding: 0 !important
    }

    .pt-sm-0,
    .py-sm-0 {
        padding-top: 0 !important
    }

    .pr-sm-0,
    .px-sm-0 {
        padding-right: 0 !important
    }

    .pb-sm-0,
    .py-sm-0 {
        padding-bottom: 0 !important
    }

    .pl-sm-0,
    .px-sm-0 {
        padding-left: 0 !important
    }

    .p-sm-1 {
        padding: .25rem !important
    }

    .pt-sm-1,
    .py-sm-1 {
        padding-top: .25rem !important
    }

    .pr-sm-1,
    .px-sm-1 {
        padding-right: .25rem !important
    }

    .pb-sm-1,
    .py-sm-1 {
        padding-bottom: .25rem !important
    }

    .pl-sm-1,
    .px-sm-1 {
        padding-left: .25rem !important
    }

    .p-sm-2 {
        padding: .5rem !important
    }

    .pt-sm-2,
    .py-sm-2 {
        padding-top: .5rem !important
    }

    .pr-sm-2,
    .px-sm-2 {
        padding-right: .5rem !important
    }

    .pb-sm-2,
    .py-sm-2 {
        padding-bottom: .5rem !important
    }

    .pl-sm-2,
    .px-sm-2 {
        padding-left: .5rem !important
    }

    .p-sm-3 {
        padding: 1rem !important
    }

    .pt-sm-3,
    .py-sm-3 {
        padding-top: 1rem !important
    }

    .pr-sm-3,
    .px-sm-3 {
        padding-right: 1rem !important
    }

    .pb-sm-3,
    .py-sm-3 {
        padding-bottom: 1rem !important
    }

    .pl-sm-3,
    .px-sm-3 {
        padding-left: 1rem !important
    }

    .p-sm-4 {
        padding: 1.5rem !important
    }

    .pt-sm-4,
    .py-sm-4 {
        padding-top: 1.5rem !important
    }

    .pr-sm-4,
    .px-sm-4 {
        padding-right: 1.5rem !important
    }

    .pb-sm-4,
    .py-sm-4 {
        padding-bottom: 1.5rem !important
    }

    .pl-sm-4,
    .px-sm-4 {
        padding-left: 1.5rem !important
    }

    .p-sm-5 {
        padding: 3rem !important
    }

    .pt-sm-5,
    .py-sm-5 {
        padding-top: 3rem !important
    }

    .pr-sm-5,
    .px-sm-5 {
        padding-right: 3rem !important
    }

    .pb-sm-5,
    .py-sm-5 {
        padding-bottom: 3rem !important
    }

    .pl-sm-5,
    .px-sm-5 {
        padding-left: 3rem !important
    }

    .m-sm-n1 {
        margin: -.25rem !important
    }

    .mt-sm-n1,
    .my-sm-n1 {
        margin-top: -.25rem !important
    }

    .mr-sm-n1,
    .mx-sm-n1 {
        margin-right: -.25rem !important
    }

    .mb-sm-n1,
    .my-sm-n1 {
        margin-bottom: -.25rem !important
    }

    .ml-sm-n1,
    .mx-sm-n1 {
        margin-left: -.25rem !important
    }

    .m-sm-n2 {
        margin: -.5rem !important
    }

    .mt-sm-n2,
    .my-sm-n2 {
        margin-top: -.5rem !important
    }

    .mr-sm-n2,
    .mx-sm-n2 {
        margin-right: -.5rem !important
    }

    .mb-sm-n2,
    .my-sm-n2 {
        margin-bottom: -.5rem !important
    }

    .ml-sm-n2,
    .mx-sm-n2 {
        margin-left: -.5rem !important
    }

    .m-sm-n3 {
        margin: -1rem !important
    }

    .mt-sm-n3,
    .my-sm-n3 {
        margin-top: -1rem !important
    }

    .mr-sm-n3,
    .mx-sm-n3 {
        margin-right: -1rem !important
    }

    .mb-sm-n3,
    .my-sm-n3 {
        margin-bottom: -1rem !important
    }

    .ml-sm-n3,
    .mx-sm-n3 {
        margin-left: -1rem !important
    }

    .m-sm-n4 {
        margin: -1.5rem !important
    }

    .mt-sm-n4,
    .my-sm-n4 {
        margin-top: -1.5rem !important
    }

    .mr-sm-n4,
    .mx-sm-n4 {
        margin-right: -1.5rem !important
    }

    .mb-sm-n4,
    .my-sm-n4 {
        margin-bottom: -1.5rem !important
    }

    .ml-sm-n4,
    .mx-sm-n4 {
        margin-left: -1.5rem !important
    }

    .m-sm-n5 {
        margin: -3rem !important
    }

    .mt-sm-n5,
    .my-sm-n5 {
        margin-top: -3rem !important
    }

    .mr-sm-n5,
    .mx-sm-n5 {
        margin-right: -3rem !important
    }

    .mb-sm-n5,
    .my-sm-n5 {
        margin-bottom: -3rem !important
    }

    .ml-sm-n5,
    .mx-sm-n5 {
        margin-left: -3rem !important
    }

    .m-sm-n10 {
        margin: -6rem !important
    }

    .mt-sm-n10,
    .my-sm-n10 {
        margin-top: -6rem !important
    }

    .mr-sm-n10,
    .mx-sm-n10 {
        margin-right: -6rem !important
    }

    .mb-sm-n10,
    .my-sm-n10 {
        margin-bottom: -6rem !important
    }

    .ml-sm-n10,
    .mx-sm-n10 {
        margin-left: -6rem !important
    }

    .m-sm-auto {
        margin: auto !important
    }

    .mt-sm-auto,
    .my-sm-auto {
        margin-top: auto !important
    }

    .mr-sm-auto,
    .mx-sm-auto {
        margin-right: auto !important
    }

    .mb-sm-auto,
    .my-sm-auto {
        margin-bottom: auto !important
    }

    .ml-sm-auto,
    .mx-sm-auto {
        margin-left: auto !important
    }
}

@media (min-width:768px) {
    .m-md-0 {
        margin: 0 !important
    }

    .mt-md-0,
    .my-md-0 {
        margin-top: 0 !important
    }

    .mr-md-0,
    .mx-md-0 {
        margin-right: 0 !important
    }

    .mb-md-0,
    .my-md-0 {
        margin-bottom: 0 !important
    }

    .ml-md-0,
    .mx-md-0 {
        margin-left: 0 !important
    }

    .m-md-1 {
        margin: .25rem !important
    }

    .mt-md-1,
    .my-md-1 {
        margin-top: .25rem !important
    }

    .mr-md-1,
    .mx-md-1 {
        margin-right: .25rem !important
    }

    .mb-md-1,
    .my-md-1 {
        margin-bottom: .25rem !important
    }

    .ml-md-1,
    .mx-md-1 {
        margin-left: .25rem !important
    }

    .m-md-2 {
        margin: .5rem !important
    }

    .mt-md-2,
    .my-md-2 {
        margin-top: .5rem !important
    }

    .mr-md-2,
    .mx-md-2 {
        margin-right: .5rem !important
    }

    .mb-md-2,
    .my-md-2 {
        margin-bottom: .5rem !important
    }

    .ml-md-2,
    .mx-md-2 {
        margin-left: .5rem !important
    }

    .m-md-3 {
        margin: 1rem !important
    }

    .mt-md-3,
    .my-md-3 {
        margin-top: 1rem !important
    }

    .mr-md-3,
    .mx-md-3 {
        margin-right: 1rem !important
    }

    .mb-md-3,
    .my-md-3 {
        margin-bottom: 1rem !important
    }

    .ml-md-3,
    .mx-md-3 {
        margin-left: 1rem !important
    }

    .m-md-4 {
        margin: 1.5rem !important
    }

    .mt-md-4,
    .my-md-4 {
        margin-top: 1.5rem !important
    }

    .mr-md-4,
    .mx-md-4 {
        margin-right: 1.5rem !important
    }

    .mb-md-4,
    .my-md-4 {
        margin-bottom: 1.5rem !important
    }

    .ml-md-4,
    .mx-md-4 {
        margin-left: 1.5rem !important
    }

    .m-md-5 {
        margin: 3rem !important
    }

    .mt-md-5,
    .my-md-5 {
        margin-top: 3rem !important
    }

    .mr-md-5,
    .mx-md-5 {
        margin-right: 3rem !important
    }

    .mb-md-5,
    .my-md-5 {
        margin-bottom: 3rem !important
    }

    .ml-md-5,
    .mx-md-5 {
        margin-left: 3rem !important
    }

    .p-md-0 {
        padding: 0 !important
    }

    .pt-md-0,
    .py-md-0 {
        padding-top: 0 !important
    }

    .pr-md-0,
    .px-md-0 {
        padding-right: 0 !important
    }

    .pb-md-0,
    .py-md-0 {
        padding-bottom: 0 !important
    }

    .pl-md-0,
    .px-md-0 {
        padding-left: 0 !important
    }

    .p-md-1 {
        padding: .25rem !important
    }

    .pt-md-1,
    .py-md-1 {
        padding-top: .25rem !important
    }

    .pr-md-1,
    .px-md-1 {
        padding-right: .25rem !important
    }

    .pb-md-1,
    .py-md-1 {
        padding-bottom: .25rem !important
    }

    .pl-md-1,
    .px-md-1 {
        padding-left: .25rem !important
    }

    .p-md-2 {
        padding: .5rem !important
    }

    .pt-md-2,
    .py-md-2 {
        padding-top: .5rem !important
    }

    .pr-md-2,
    .px-md-2 {
        padding-right: .5rem !important
    }

    .pb-md-2,
    .py-md-2 {
        padding-bottom: .5rem !important
    }

    .pl-md-2,
    .px-md-2 {
        padding-left: .5rem !important
    }

    .p-md-3 {
        padding: 1rem !important
    }

    .pt-md-3,
    .py-md-3 {
        padding-top: 1rem !important
    }

    .pr-md-3,
    .px-md-3 {
        padding-right: 1rem !important
    }

    .pb-md-3,
    .py-md-3 {
        padding-bottom: 1rem !important
    }

    .pl-md-3,
    .px-md-3 {
        padding-left: 1rem !important
    }

    .p-md-4 {
        padding: 1.5rem !important
    }

    .pt-md-4,
    .py-md-4 {
        padding-top: 1.5rem !important
    }

    .pr-md-4,
    .px-md-4 {
        padding-right: 1.5rem !important
    }

    .pb-md-4,
    .py-md-4 {
        padding-bottom: 1.5rem !important
    }

    .pl-md-4,
    .px-md-4 {
        padding-left: 1.5rem !important
    }

    .p-md-5 {
        padding: 3rem !important
    }

    .pt-md-5,
    .py-md-5 {
        padding-top: 3rem !important
    }

    .pr-md-5,
    .px-md-5 {
        padding-right: 3rem !important
    }

    .pb-md-5,
    .py-md-5 {
        padding-bottom: 3rem !important
    }

    .pl-md-5,
    .px-md-5 {
        padding-left: 3rem !important
    }

    .m-md-n1 {
        margin: -.25rem !important
    }

    .mt-md-n1,
    .my-md-n1 {
        margin-top: -.25rem !important
    }

    .mr-md-n1,
    .mx-md-n1 {
        margin-right: -.25rem !important
    }

    .mb-md-n1,
    .my-md-n1 {
        margin-bottom: -.25rem !important
    }

    .ml-md-n1,
    .mx-md-n1 {
        margin-left: -.25rem !important
    }

    .m-md-n2 {
        margin: -.5rem !important
    }

    .mt-md-n2,
    .my-md-n2 {
        margin-top: -.5rem !important
    }

    .mr-md-n2,
    .mx-md-n2 {
        margin-right: -.5rem !important
    }

    .mb-md-n2,
    .my-md-n2 {
        margin-bottom: -.5rem !important
    }

    .ml-md-n2,
    .mx-md-n2 {
        margin-left: -.5rem !important
    }

    .m-md-n3 {
        margin: -1rem !important
    }

    .mt-md-n3,
    .my-md-n3 {
        margin-top: -1rem !important
    }

    .mr-md-n3,
    .mx-md-n3 {
        margin-right: -1rem !important
    }

    .mb-md-n3,
    .my-md-n3 {
        margin-bottom: -1rem !important
    }

    .ml-md-n3,
    .mx-md-n3 {
        margin-left: -1rem !important
    }

    .m-md-n4 {
        margin: -1.5rem !important
    }

    .mt-md-n4,
    .my-md-n4 {
        margin-top: -1.5rem !important
    }

    .mr-md-n4,
    .mx-md-n4 {
        margin-right: -1.5rem !important
    }

    .mb-md-n4,
    .my-md-n4 {
        margin-bottom: -1.5rem !important
    }

    .ml-md-n4,
    .mx-md-n4 {
        margin-left: -1.5rem !important
    }

    .m-md-n5 {
        margin: -3rem !important
    }

    .mt-md-n5,
    .my-md-n5 {
        margin-top: -3rem !important
    }

    .mr-md-n5,
    .mx-md-n5 {
        margin-right: -3rem !important
    }

    .mb-md-n5,
    .my-md-n5 {
        margin-bottom: -3rem !important
    }

    .ml-md-n5,
    .mx-md-n5 {
        margin-left: -3rem !important
    }

    .m-md-auto {
        margin: auto !important
    }

    .mt-md-auto,
    .my-md-auto {
        margin-top: auto !important
    }

    .mr-md-auto,
    .mx-md-auto {
        margin-right: auto !important
    }

    .mb-md-auto,
    .my-md-auto {
        margin-bottom: auto !important
    }

    .ml-md-auto,
    .mx-md-auto {
        margin-left: auto !important
    }
}

@media (min-width:992px) {
    .m-lg-0 {
        margin: 0 !important
    }

    .mt-lg-0,
    .my-lg-0 {
        margin-top: 0 !important
    }

    .mr-lg-0,
    .mx-lg-0 {
        margin-right: 0 !important
    }

    .mb-lg-0,
    .my-lg-0 {
        margin-bottom: 0 !important
    }

    .ml-lg-0,
    .mx-lg-0 {
        margin-left: 0 !important
    }

    .m-lg-1 {
        margin: .25rem !important
    }

    .mt-lg-1,
    .my-lg-1 {
        margin-top: .25rem !important
    }

    .mr-lg-1,
    .mx-lg-1 {
        margin-right: .25rem !important
    }

    .mb-lg-1,
    .my-lg-1 {
        margin-bottom: .25rem !important
    }

    .ml-lg-1,
    .mx-lg-1 {
        margin-left: .25rem !important
    }

    .m-lg-2 {
        margin: .5rem !important
    }

    .mt-lg-2,
    .my-lg-2 {
        margin-top: .5rem !important
    }

    .mr-lg-2,
    .mx-lg-2 {
        margin-right: .5rem !important
    }

    .mb-lg-2,
    .my-lg-2 {
        margin-bottom: .5rem !important
    }

    .ml-lg-2,
    .mx-lg-2 {
        margin-left: .5rem !important
    }

    .m-lg-3 {
        margin: 1rem !important
    }

    .mt-lg-3,
    .my-lg-3 {
        margin-top: 1rem !important
    }

    .mr-lg-3,
    .mx-lg-3 {
        margin-right: 1rem !important
    }

    .mb-lg-3,
    .my-lg-3 {
        margin-bottom: 1rem !important
    }

    .ml-lg-3,
    .mx-lg-3 {
        margin-left: 1rem !important
    }

    .m-lg-4 {
        margin: 1.5rem !important
    }

    .mt-lg-4,
    .my-lg-4 {
        margin-top: 1.5rem !important
    }

    .mr-lg-4,
    .mx-lg-4 {
        margin-right: 1.5rem !important
    }

    .mb-lg-4,
    .my-lg-4 {
        margin-bottom: 1.5rem !important
    }

    .ml-lg-4,
    .mx-lg-4 {
        margin-left: 1.5rem !important
    }

    .m-lg-5 {
        margin: 3rem !important
    }

    .mt-lg-5,
    .my-lg-5 {
        margin-top: 3rem !important
    }

    .mr-lg-5,
    .mx-lg-5 {
        margin-right: 3rem !important
    }

    .mb-lg-5,
    .my-lg-5 {
        margin-bottom: 3rem !important
    }

    .ml-lg-5,
    .mx-lg-5 {
        margin-left: 3rem !important
    }

    .ml-lg-5,
    .mx-lg-5 {
        margin-left: 3rem !important
    }

    .m-lg-5rem {
        margin: 5rem !important
    }

    .mt-lg-5rem,
    .my-lg-5rem {
        margin-top: 5rem !important
    }

    .mr-lg-5rem,
    .mx-lg-5rem {
        margin-right: 5rem !important
    }

    .mb-lg-5rem,
    .my-lg-5rem {
        margin-bottom: 5rem !important
    }

    .ml-lg-5rem,
    .mx-lg-5rem {
        margin-left: 5rem !important
    }

    .ml-lg-5rem,
    .mx-lg-5rem {
        margin-left: 5rem !important
    }

    .m-lg-10 {
        margin: 5rem !important
    }

    .mt-lg-10,
    .my-lg-10 {
        margin-top: 5rem !important
    }

    .mr-lg-10,
    .mx-lg-10 {
        margin-right: 5rem !important
    }

    .mb-lg-10,
    .my-lg-10 {
        margin-bottom: 5rem !important
    }

    .ml-lg-10,
    .mx-lg-10 {
        margin-left: 5rem !important
    }

    .p-lg-0 {
        padding: 0 !important
    }

    .pt-lg-0,
    .py-lg-0 {
        padding-top: 0 !important
    }

    .pr-lg-0,
    .px-lg-0 {
        padding-right: 0 !important
    }

    .pb-lg-0,
    .py-lg-0 {
        padding-bottom: 0 !important
    }

    .pl-lg-0,
    .px-lg-0 {
        padding-left: 0 !important
    }

    .p-lg-1 {
        padding: .25rem !important
    }

    .pt-lg-1,
    .py-lg-1 {
        padding-top: .25rem !important
    }

    .pr-lg-1,
    .px-lg-1 {
        padding-right: .25rem !important
    }

    .pb-lg-1,
    .py-lg-1 {
        padding-bottom: .25rem !important
    }

    .pl-lg-1,
    .px-lg-1 {
        padding-left: .25rem !important
    }

    .p-lg-2 {
        padding: .5rem !important
    }

    .pt-lg-2,
    .py-lg-2 {
        padding-top: .5rem !important
    }

    .pr-lg-2,
    .px-lg-2 {
        padding-right: .5rem !important
    }

    .pb-lg-2,
    .py-lg-2 {
        padding-bottom: .5rem !important
    }

    .pl-lg-2,
    .px-lg-2 {
        padding-left: .5rem !important
    }

    .p-lg-3 {
        padding: 1rem !important
    }

    .pt-lg-3,
    .py-lg-3 {
        padding-top: 1rem !important
    }

    .pr-lg-3,
    .px-lg-3 {
        padding-right: 1rem !important
    }

    .pb-lg-3,
    .py-lg-3 {
        padding-bottom: 1rem !important
    }

    .pl-lg-3,
    .px-lg-3 {
        padding-left: 1rem !important
    }

    .p-lg-4 {
        padding: 1.5rem !important
    }

    .pt-lg-4,
    .py-lg-4 {
        padding-top: 1.5rem !important
    }

    .pr-lg-4,
    .px-lg-4 {
        padding-right: 1.5rem !important
    }

    .pb-lg-4,
    .py-lg-4 {
        padding-bottom: 1.5rem !important
    }

    .pl-lg-4,
    .px-lg-4 {
        padding-left: 1.5rem !important
    }

    .p-lg-5 {
        padding: 3rem !important
    }

    .pt-lg-5,
    .py-lg-5 {
        padding-top: 3rem !important
    }

    .pr-lg-5,
    .px-lg-5 {
        padding-right: 3rem !important
    }

    .pb-lg-5,
    .py-lg-5 {
        padding-bottom: 3rem !important
    }

    .pl-lg-5,
    .px-lg-5 {
        padding-left: 3rem !important
    }

    .m-lg-n1 {
        margin: -.25rem !important
    }

    .mt-lg-n1,
    .my-lg-n1 {
        margin-top: -.25rem !important
    }

    .mr-lg-n1,
    .mx-lg-n1 {
        margin-right: -.25rem !important
    }

    .mb-lg-n1,
    .my-lg-n1 {
        margin-bottom: -.25rem !important
    }

    .ml-lg-n1,
    .mx-lg-n1 {
        margin-left: -.25rem !important
    }

    .m-lg-n2 {
        margin: -.5rem !important
    }

    .mt-lg-n2,
    .my-lg-n2 {
        margin-top: -.5rem !important
    }

    .mr-lg-n2,
    .mx-lg-n2 {
        margin-right: -.5rem !important
    }

    .mb-lg-n2,
    .my-lg-n2 {
        margin-bottom: -.5rem !important
    }

    .ml-lg-n2,
    .mx-lg-n2 {
        margin-left: -.5rem !important
    }

    .m-lg-n3 {
        margin: -1rem !important
    }

    .mt-lg-n3,
    .my-lg-n3 {
        margin-top: -1rem !important
    }

    .mr-lg-n3,
    .mx-lg-n3 {
        margin-right: -1rem !important
    }

    .mb-lg-n3,
    .my-lg-n3 {
        margin-bottom: -1rem !important
    }

    .ml-lg-n3,
    .mx-lg-n3 {
        margin-left: -1rem !important
    }

    .m-lg-n4 {
        margin: -1.5rem !important
    }

    .mt-lg-n4,
    .my-lg-n4 {
        margin-top: -1.5rem !important
    }

    .mr-lg-n4,
    .mx-lg-n4 {
        margin-right: -1.5rem !important
    }

    .mb-lg-n4,
    .my-lg-n4 {
        margin-bottom: -1.5rem !important
    }

    .ml-lg-n4,
    .mx-lg-n4 {
        margin-left: -1.5rem !important
    }

    .m-lg-n5 {
        margin: -3rem !important
    }

    .mt-lg-n5,
    .my-lg-n5 {
        margin-top: -3rem !important
    }

    .mr-lg-n5,
    .mx-lg-n5 {
        margin-right: -3rem !important
    }

    .mb-lg-n5,
    .my-lg-n5 {
        margin-bottom: -3rem !important
    }

    .ml-lg-n5,
    .mx-lg-n5 {
        margin-left: -3rem !important
    }

    .m-lg-auto {
        margin: auto !important
    }

    .mt-lg-auto,
    .my-lg-auto {
        margin-top: auto !important
    }

    .mr-lg-auto,
    .mx-lg-auto {
        margin-right: auto !important
    }

    .mb-lg-auto,
    .my-lg-auto {
        margin-bottom: auto !important
    }

    .ml-lg-auto,
    .mx-lg-auto {
        margin-left: auto !important
    }
}

@media (min-width:1200px) {
    .m-xl-0 {
        margin: 0 !important
    }

    .mt-xl-0,
    .my-xl-0 {
        margin-top: 0 !important
    }

    .mr-xl-0,
    .mx-xl-0 {
        margin-right: 0 !important
    }

    .mb-xl-0,
    .my-xl-0 {
        margin-bottom: 0 !important
    }

    .ml-xl-0,
    .mx-xl-0 {
        margin-left: 0 !important
    }

    .m-xl-1 {
        margin: .25rem !important
    }

    .mt-xl-1,
    .my-xl-1 {
        margin-top: .25rem !important
    }

    .mr-xl-1,
    .mx-xl-1 {
        margin-right: .25rem !important
    }

    .mb-xl-1,
    .my-xl-1 {
        margin-bottom: .25rem !important
    }

    .ml-xl-1,
    .mx-xl-1 {
        margin-left: .25rem !important
    }

    .m-xl-2 {
        margin: .5rem !important
    }

    .mt-xl-2,
    .my-xl-2 {
        margin-top: .5rem !important
    }

    .mr-xl-2,
    .mx-xl-2 {
        margin-right: .5rem !important
    }

    .mb-xl-2,
    .my-xl-2 {
        margin-bottom: .5rem !important
    }

    .ml-xl-2,
    .mx-xl-2 {
        margin-left: .5rem !important
    }

    .m-xl-3 {
        margin: 1rem !important
    }

    .mt-xl-3,
    .my-xl-3 {
        margin-top: 1rem !important
    }

    .mr-xl-3,
    .mx-xl-3 {
        margin-right: 1rem !important
    }

    .mb-xl-3,
    .my-xl-3 {
        margin-bottom: 1rem !important
    }

    .ml-xl-3,
    .mx-xl-3 {
        margin-left: 1rem !important
    }

    .m-xl-4 {
        margin: 1.5rem !important
    }

    .mt-xl-4,
    .my-xl-4 {
        margin-top: 1.5rem !important
    }

    .mr-xl-4,
    .mx-xl-4 {
        margin-right: 1.5rem !important
    }

    .mb-xl-4,
    .my-xl-4 {
        margin-bottom: 1.5rem !important
    }

    .ml-xl-4,
    .mx-xl-4 {
        margin-left: 1.5rem !important
    }

    .m-xl-5 {
        margin: 3rem !important
    }

    .mt-xl-5,
    .my-xl-5 {
        margin-top: 3rem !important
    }

    .mr-xl-5,
    .mx-xl-5 {
        margin-right: 3rem !important
    }

    .mb-xl-5,
    .my-xl-5 {
        margin-bottom: 3rem !important
    }

    .ml-xl-5,
    .mx-xl-5 {
        margin-left: 3rem !important
    }

    .p-xl-0 {
        padding: 0 !important
    }

    .pt-xl-0,
    .py-xl-0 {
        padding-top: 0 !important
    }

    .pr-xl-0,
    .px-xl-0 {
        padding-right: 0 !important
    }

    .pb-xl-0,
    .py-xl-0 {
        padding-bottom: 0 !important
    }

    .pl-xl-0,
    .px-xl-0 {
        padding-left: 0 !important
    }

    .p-xl-1 {
        padding: .25rem !important
    }

    .pt-xl-1,
    .py-xl-1 {
        padding-top: .25rem !important
    }

    .pr-xl-1,
    .px-xl-1 {
        padding-right: .25rem !important
    }

    .pb-xl-1,
    .py-xl-1 {
        padding-bottom: .25rem !important
    }

    .pl-xl-1,
    .px-xl-1 {
        padding-left: .25rem !important
    }

    .p-xl-2 {
        padding: .5rem !important
    }

    .pt-xl-2,
    .py-xl-2 {
        padding-top: .5rem !important
    }

    .pr-xl-2,
    .px-xl-2 {
        padding-right: .5rem !important
    }

    .pb-xl-2,
    .py-xl-2 {
        padding-bottom: .5rem !important
    }

    .pl-xl-2,
    .px-xl-2 {
        padding-left: .5rem !important
    }

    .p-xl-3 {
        padding: 1rem !important
    }

    .pt-xl-3,
    .py-xl-3 {
        padding-top: 1rem !important
    }

    .pr-xl-3,
    .px-xl-3 {
        padding-right: 1rem !important
    }

    .pb-xl-3,
    .py-xl-3 {
        padding-bottom: 1rem !important
    }

    .pl-xl-3,
    .px-xl-3 {
        padding-left: 1rem !important
    }

    .p-xl-4 {
        padding: 1.5rem !important
    }

    .pt-xl-4,
    .py-xl-4 {
        padding-top: 1.5rem !important
    }

    .pr-xl-4,
    .px-xl-4 {
        padding-right: 1.5rem !important
    }

    .pb-xl-4,
    .py-xl-4 {
        padding-bottom: 1.5rem !important
    }

    .pl-xl-4,
    .px-xl-4 {
        padding-left: 1.5rem !important
    }

    .p-xl-5 {
        padding: 3rem !important
    }

    .pt-xl-5,
    .py-xl-5 {
        padding-top: 3rem !important
    }

    .pr-xl-5,
    .px-xl-5 {
        padding-right: 3rem !important
    }

    .pb-xl-5,
    .py-xl-5 {
        padding-bottom: 3rem !important
    }

    .pl-xl-5,
    .px-xl-5 {
        padding-left: 3rem !important
    }

    .m-xl-n1 {
        margin: -.25rem !important
    }

    .mt-xl-n1,
    .my-xl-n1 {
        margin-top: -.25rem !important
    }

    .mr-xl-n1,
    .mx-xl-n1 {
        margin-right: -.25rem !important
    }

    .mb-xl-n1,
    .my-xl-n1 {
        margin-bottom: -.25rem !important
    }

    .ml-xl-n1,
    .mx-xl-n1 {
        margin-left: -.25rem !important
    }

    .m-xl-n2 {
        margin: -.5rem !important
    }

    .mt-xl-n2,
    .my-xl-n2 {
        margin-top: -.5rem !important
    }

    .mr-xl-n2,
    .mx-xl-n2 {
        margin-right: -.5rem !important
    }

    .mb-xl-n2,
    .my-xl-n2 {
        margin-bottom: -.5rem !important
    }

    .ml-xl-n2,
    .mx-xl-n2 {
        margin-left: -.5rem !important
    }

    .m-xl-n3 {
        margin: -1rem !important
    }

    .mt-xl-n3,
    .my-xl-n3 {
        margin-top: -1rem !important
    }

    .mr-xl-n3,
    .mx-xl-n3 {
        margin-right: -1rem !important
    }

    .mb-xl-n3,
    .my-xl-n3 {
        margin-bottom: -1rem !important
    }

    .ml-xl-n3,
    .mx-xl-n3 {
        margin-left: -1rem !important
    }

    .m-xl-n4 {
        margin: -1.5rem !important
    }

    .mt-xl-n4,
    .my-xl-n4 {
        margin-top: -1.5rem !important
    }

    .mr-xl-n4,
    .mx-xl-n4 {
        margin-right: -1.5rem !important
    }

    .mb-xl-n4,
    .my-xl-n4 {
        margin-bottom: -1.5rem !important
    }

    .ml-xl-n4,
    .mx-xl-n4 {
        margin-left: -1.5rem !important
    }

    .m-xl-n5 {
        margin: -3rem !important
    }

    .mt-xl-n5,
    .my-xl-n5 {
        margin-top: -3rem !important
    }

    .mr-xl-n5,
    .mx-xl-n5 {
        margin-right: -3rem !important
    }

    .mb-xl-n5,
    .my-xl-n5 {
        margin-bottom: -3rem !important
    }

    .ml-xl-n5,
    .mx-xl-n5 {
        margin-left: -3rem !important
    }

    .m-xl-auto {
        margin: auto !important
    }

    .mt-xl-auto,
    .my-xl-auto {
        margin-top: auto !important
    }

    .mr-xl-auto,
    .mx-xl-auto {
        margin-right: auto !important
    }

    .mb-xl-auto,
    .my-xl-auto {
        margin-bottom: auto !important
    }

    .ml-xl-auto,
    .mx-xl-auto {
        margin-left: auto !important
    }
}

.h-8 {
    height: 8rem
}

.stretched-link::after {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    z-index: 1;
    pointer-events: auto;
    content: "";
    background-color: rgba(0, 0, 0, 0)
}

.text-justify {
    text-align: justify !important
}

@media (min-width:1199px) {
    .text-wrap {
        white-space: normal !important
    }

    .text-nowrap {
        white-space: nowrap !important
    }
}

.text-truncate {
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap
}

.text-left {
    text-align: left !important
}

.text-right {
    text-align: right !important
}

.text-center {
    text-align: center !important
}

@media (min-width:576px) {
    .text-sm-left {
        text-align: left !important
    }

    .text-sm-right {
        text-align: right !important
    }

    .text-sm-center {
        text-align: center !important
    }
}

@media (min-width:768px) {
    .text-md-left {
        text-align: left !important
    }

    .text-md-right {
        text-align: right !important
    }

    .text-md-center {
        text-align: center !important
    }
}

@media (min-width:992px) {
    .text-lg-left {
        text-align: left !important
    }

    .text-lg-right {
        text-align: right !important
    }

    .text-lg-center {
        text-align: center !important
    }
}

@media (min-width:1200px) {
    .text-xl-left {
        text-align: left !important
    }

    .text-xl-right {
        text-align: right !important
    }

    .text-xl-center {
        text-align: center !important
    }
}

.text-lowercase {
    text-transform: lowercase !important
}

.text-uppercase {
    text-transform: uppercase !important
}

.text-capitalize {
    text-transform: capitalize !important
}

.font-weight-light {
    font-weight: 300 !important
}

.font-weight-lighter {
    font-weight: lighter !important
}

.font-weight-normal {
    font-weight: 400 !important
}

.font-weight-bold {
    font-weight: 700 !important
}

.font-weight-bolder {
    font-weight: bolder !important
}

.font-italic {
    font-style: italic !important
}

.text-white {
    color: #fff !important
}

.text-green {
    color: #4ab588 !important
}

.text-primary {
    color: #007bff !important
}

a.text-primary:focus,
a.text-primary:hover {
    color: #0056b3 !important
}

.text-secondary {
    color: #6c757d !important
}

a.text-secondary:focus,
a.text-secondary:hover {
    color: #494f54 !important
}

.text-success {
    color: #00897b !important
}

a.text-success:focus,
a.text-success:hover {
    color: #19692c !important
}

.text-info {
    color: #17a2b8 !important
}

a.text-info:focus,
a.text-info:hover {
    color: #0f6674 !important
}

.text-warning {
    color: #ffc107 !important
}

a.text-warning:focus,
a.text-warning:hover {
    color: #ba8b00 !important
}

.text-danger {
    color: #dc3545 !important
}

a.text-danger:focus,
a.text-danger:hover {
    color: #a71d2a !important
}

.text-light {
    color: #f8f9fa !important
}

a.text-light:focus,
a.text-light:hover {
    color: #cbd3da !important
}

.text-dark {
    color: #343a40 !important
}

a.text-dark:focus,
a.text-dark:hover {
    color: #121416 !important
}

.text-body {
    color: #212529 !important
}

.text-muted {
    color: #6c757d !important
}

.text-black-50 {
    color: rgba(0, 0, 0, .5) !important
}

.text-white-50 {
    color: rgba(255, 255, 255, .5) !important
}

.text-hide {
    font: 0/0 a;
    color: transparent;
    text-shadow: none;
    background-color: transparent;
    border: 0
}

.text-decoration-none {
    text-decoration: none !important
}

.text-break {
    word-wrap: break-word !important
}

.text-reset {
    color: inherit !important
}

.visible {
    visibility: visible !important
}

.invisible {
    visibility: hidden !important
}

@media print {

    *,
    ::after,
    ::before {
        text-shadow: none !important;
        box-shadow: none !important
    }

    a:not(.btn) {
        text-decoration: underline
    }

    abbr[title]::after {
        content: " ("attr(title) ")"
    }

    pre {
        white-space: pre-wrap !important
    }

    blockquote,
    pre {
        border: 1px solid #adb5bd;
        page-break-inside: avoid
    }

    thead {
        display: table-header-group
    }

    img,
    tr {
        page-break-inside: avoid
    }

    h2,
    h3,
    p {
        orphans: 3;
        widows: 3
    }

    h2,
    h3 {
        page-break-after: avoid
    }

    @page {
        size: a3
    }

    body {
        min-width: 992px !important
    }

    .container {
        min-width: 992px !important
    }

    .navbar {
        display: none
    }

    .badge {
        border: 1px solid #000
    }

    .table {
        border-collapse: collapse !important
    }

    .table td,
    .table th {
        background-color: #fff !important
    }

    .table-bordered td,
    .table-bordered th {
        border: 1px solid #dee2e6 !important
    }

    .table-dark {
        color: inherit
    }

    .table-dark tbody + tbody,
    .table-dark td,
    .table-dark th,
    .table-dark thead th {
        border-color: #dee2e6
    }

    .table .thead-dark th {
        color: inherit;
        border-color: #dee2e6
    }
}

.cc-selector input {
    margin: 0;
    padding: 0;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none
}

.cc-selector-2 input {
    position: absolute;
    z-index: 999
}

.irankish {
    background-image: url(../images/irankish.png)
}

.mellat {
    background-image: url(../images/mellat.png)
}

.melli {
    background-image: url(../images/melli1.png)
}

.payline {
    background-image: url(../images/payline.png)
}

.zarinpal {
    background-image: url(../images/zarinpal.png)
}

.payir {
    background-image: url(../images/payir.png)
}

.bitpay {
    background-image: url(../images/bitpay.png)
}

.nextpay {
    background-image: url(../images/nextpay.png)
}

.parsian {
    background-image: url(../images/parsian.png)
}

.samankish {
    background-image: url(../images/samankish.png)
}

.samankish2 {
    background-image: url(../images/samankish.png)
}

.cc-selector input:active + .drinkcard-cc,
.cc-selector-2 input:active + .drinkcard-cc {
    opacity: .9
}

.cc-selector input:checked + .drinkcard-cc,
.cc-selector-2 input:checked + .drinkcard-cc {
    -webkit-filter: none;
    -moz-filter: none;
    filter: none
}

.drinkcard-cc {
    cursor: pointer;
    background-size: contain;
    background-repeat: no-repeat;
    display: inline-block;
    width: 100px;
    height: 70px;
    -webkit-transition: all .1s ease-in;
    -moz-transition: all .1s ease-in;
    transition: all .1s ease-in;
    -webkit-filter: brightness(1.8) grayscale(1) opacity(.7);
    -moz-filter: brightness(1.8) grayscale(1) opacity(.7);
    filter: brightness(1.8) grayscale(1) opacity(.7)
}

.drinkcard-cc:hover {
    -webkit-filter: brightness(1.2) grayscale(.5) opacity(.9);
    -moz-filter: brightness(1.2) grayscale(.5) opacity(.9);
    filter: brightness(1.2) grayscale(.5) opacity(.9)
}

html {
    --navbar-height: 4.5em;
    --navbar-sm-height: 8em;
    --navbar-mobile-height: 4em;
    --sidebar-width: 20em;
    --sidebar-collapsed-width: 5em;
    --sidebar-horizontal-height: 4.25em;
    --sidebar-horizontal-collapsed-height: 4em
}

body,
html {
    height: 100%
}

body {
    overflow-x: hidden;
    background-color: #e4e6e9;
    color: #000;
    text-decoration: none !important
}

.body-container {
    background-color: #fff;
    min-height: 100vh;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: column;
    flex-direction: column
}

.body-container.container {
    padding: 0;
    box-shadow: 0 0 1px 1px rgba(0, 0, 0, .05)
}

.body-container:not(.container) {
    max-width: 100vw
}

.main-container {
    -ms-flex: 1 0 auto;
    flex: 1 0 auto;
    display: -ms-flexbox;
    display: flex;
    position: relative;
    max-width: 100vw
}

.main-content {
    max-width: 100%;
    -ms-flex-positive: 1;
    flex-grow: 1;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: column;
    flex-direction: column
}

@media print {

    .body-container,
    .main-container,
    .main-content {
        display: block
    }

    .page-content {
        padding: 0 !important
    }
}

@media (min-width:1220px) {
    .container {
        max-width: calc(100vw - 4rem)
    }
}

@media (min-width:1440px) {
    .container {
        max-width: calc(100vw - 4rem)
    }
}

@media (min-width:1600px) {
    .container.container-plus {
        max-width: calc(100vw - 4rem)
    }
}

@media (max-width:1199.98px) {
    body {
        background-color: #fff
    }

    .container {
        max-width: none
    }

    .body-container {
        max-width: 100vw;
        overflow: hidden
    }
}

.page-content {
    -ms-flex: 1 0 auto;
    flex: 1 0 auto;
    padding: 1rem 0
}

@media (min-width:768px) {
    .page-content {
        padding: 1.25rem 0 0
    }
}

@media (min-width:1200px) {
    .page-content {
        padding: 0;
        min-height: auto;
        width: 100%;
        overflow: hidden;
        background-color: #fff
    }
}

.page-header {
    margin: 0 0 1rem;
    padding-bottom: 1rem;
    padding-top: .5rem;
    border-bottom: 1px dotted #e2e2e2;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -ms-flex-align: center;
    align-items: center
}

.page-header .page-tools {
    -ms-flex-item-align: end;
    align-self: flex-end
}

.page-title {
    padding: 0;
    margin: 0;
    font-size: 1.75rem;
    font-weight: 300
}

.page-title .page-info {
    margin: 0 .25rem;
    font-size: 1.0625rem;
    font-weight: 400;
    display: block
}

@media (min-width:768px) {
    .page-header .page-info {
        display: inline-block
    }
}

.text-black {
    color: #000 !important
}

.text-white {
    color: #fff !important
}

.text-primary {
    color: #2d7bd0 !important
}

a.text-primary[href]:focus,
a.text-primary[href]:hover {
    color: #286fbb !important
}

.text-primary-m1 {
    color: #4087d4 !important
}

a.text-primary-m1:focus,
a.text-primary-m1:hover {
    color: #2e7acc !important
}

.text-primary-m2 {
    color: #5393d8 !important
}

a.text-primary-m2:focus,
a.text-primary-m2:hover {
    color: #3e86d3 !important
}

.text-primary-m3 {
    color: #669fdd !important
}

a.text-primary-m3:focus,
a.text-primary-m3:hover {
    color: #5192d8 !important
}

.text-primary-d1 {
    color: #397cc4 !important
}

a.text-primary-d1:focus,
a.text-primary-d1:hover {
    color: #3370b0 !important
}

.text-primary-d2 {
    color: #296fbb !important
}

a.text-primary-d2:focus,
a.text-primary-d2:hover {
    color: #2463a6 !important
}

.text-primary-d3 {
    color: #2462a6 !important
}

a.text-primary-d3:focus,
a.text-primary-d3:hover {
    color: #1f5691 !important
}

.text-primary-l1 {
    color: #81b0e3 !important
}

a.text-primary-l1:focus,
a.text-primary-l1:hover {
    color: #6ca3de !important
}

.text-primary-l2 {
    color: #94bce7 !important
}

a.text-primary-l2:focus,
a.text-primary-l2:hover {
    color: #7fafe2 !important
}

.text-primary-l3 {
    color: #a7c8eb !important
}

a.text-primary-l3:focus,
a.text-primary-l3:hover {
    color: #92bbe6 !important
}

.text-primary-l4 {
    color: #bad3ef !important
}

a.text-primary-l4:focus,
a.text-primary-l4:hover {
    color: #a5c6ea !important
}

.text-primary-l5 {
    color: #cddff4 !important
}

a.text-primary-l5:focus,
a.text-primary-l5:hover {
    color: #b8d2ef !important
}

.text-caroop {
    color: #191970 !important
}

a.text-caroop[href]:focus,
a.text-caroop[href]:hover {
    color: #369 !important
}

.text-red {
    color: #dc3545 !important
}

a.text-red[href]:focus,
a.text-red[href]:hover {
    color: #dc3545 !important
}

.text-blue {
    color: #478fcc !important
}

a.text-blue[href]:focus,
a.text-blue[href]:hover {
    color: #3683c3 !important
}

.text-blue-m1 {
    color: #5899d1 !important
}

a.text-blue-m1:focus,
a.text-blue-m1:hover {
    color: #448dcb !important
}

.text-blue-m2 {
    color: #68a3d5 !important
}

a.text-blue-m2:focus,
a.text-blue-m2:hover {
    color: #5497cf !important
}

.text-blue-m3 {
    color: #79adda !important
}

a.text-blue-m3:focus,
a.text-blue-m3:hover {
    color: #65a1d4 !important
}

.text-blue-d1 {
    color: #191970 !important
}

a.text-blue-d1:focus,
a.text-blue-d1:hover {
    color: #4180b7 !important
}

.text-blue-d2 {
    color: #4081b8 !important
}

a.text-blue-d2:focus,
a.text-blue-d2:hover {
    color: #3974a5 !important
}

.text-blue-d3 {
    color: #3972a3 !important
}

a.text-blue-d3:focus,
a.text-blue-d3:hover {
    color: #326590 !important
}

.text-blue-l1 {
    color: #91bce0 !important
}

a.text-blue-l1:focus,
a.text-blue-l1:hover {
    color: #7db0da !important
}

.text-blue-l2 {
    color: #a1c6e5 !important
}

a.text-blue-l2:focus,
a.text-blue-l2:hover {
    color: #8dbadf !important
}

.text-blue-l3 {
    color: #b2d0ea !important
}

a.text-blue-l3:focus,
a.text-blue-l3:hover {
    color: #9ec4e5 !important
}

.text-blue-l4 {
    color: #c2daee !important
}

a.text-blue-l4:focus,
a.text-blue-l4:hover {
    color: #aecee8 !important
}

.text-blue-l5 {
    color: #d3e4f3 !important
}

a.text-blue-l5:focus,
a.text-blue-l5:hover {
    color: #bfd8ee !important
}

.text-blue2 {
    color: #3299ed !important
}

a.text-blue2[href]:focus,
a.text-blue2[href]:hover {
    color: #1b8deb !important
}

.text-blue2-m1 {
    color: #44a2ef !important
}

a.text-blue2-m1:focus,
a.text-blue2-m1:hover {
    color: #2d96ed !important
}

.text-blue2-m2 {
    color: #57abf0 !important
}

a.text-blue2-m2:focus,
a.text-blue2-m2:hover {
    color: #409fee !important
}

.text-blue2-m3 {
    color: #69b5f2 !important
}

a.text-blue2-m3:focus,
a.text-blue2-m3:hover {
    color: #52a9f0 !important
}

.text-blue2-d1 {
    color: #3e95dd !important
}

a.text-blue2-d1:focus,
a.text-blue2-d1:hover {
    color: #2889d9 !important
}

.text-blue2-d2 {
    color: #2d8ad5 !important
}

a.text-blue2-d2:focus,
a.text-blue2-d2:hover {
    color: #277dc2 !important
}

.text-blue2-d3 {
    color: #287abe !important
}

a.text-blue2-d3:focus,
a.text-blue2-d3:hover {
    color: #246ca9 !important
}

.text-blue2-l1 {
    color: #84c2f4 !important
}

a.text-blue2-l1:focus,
a.text-blue2-l1:hover {
    color: #6db6f2 !important
}

.text-blue2-l2 {
    color: #96cbf6 !important
}

a.text-blue2-l2:focus,
a.text-blue2-l2:hover {
    color: #7fbff4 !important
}

.text-blue2-l3 {
    color: #a9d4f7 !important
}

a.text-blue2-l3:focus,
a.text-blue2-l3:hover {
    color: #92c8f5 !important
}

.text-blue2-l4 {
    color: #bbddf9 !important
}

a.text-blue2-l4:focus,
a.text-blue2-l4:hover {
    color: #a4d1f7 !important
}

.text-blue2-l5 {
    color: #cee7fb !important
}

a.text-blue2-l5:focus,
a.text-blue2-l5:hover {
    color: #b6dbf9 !important
}

.text-info {
    color: #2daccb !important
}

a.text-info[href]:focus,
a.text-info[href]:hover {
    color: #289ab6 !important
}

.text-info-m1 {
    color: #40b3d0 !important
}

a.text-info-m1:focus,
a.text-info-m1:hover {
    color: #31a8c6 !important
}

.text-info-m2 {
    color: #53bbd4 !important
}

a.text-info-m2:focus,
a.text-info-m2:hover {
    color: #3fb3cf !important
}

.text-info-m3 {
    color: #66c2d9 !important
}

a.text-info-m3:focus,
a.text-info-m3:hover {
    color: #52bad4 !important
}

.text-info-d1 {
    color: #39a5c0 !important
}

a.text-info-d1:focus,
a.text-info-d1:hover {
    color: #3394ac !important
}

.text-info-d2 {
    color: #299bb7 !important
}

a.text-info-d2:focus,
a.text-info-d2:hover {
    color: #2489a2 !important
}

.text-info-d3 {
    color: #248aa2 !important
}

a.text-info-d3:focus,
a.text-info-d3:hover {
    color: #1f788d !important
}

.text-info-l1 {
    color: #81cde0 !important
}

a.text-info-l1:focus,
a.text-info-l1:hover {
    color: #6dc5db !important
}

.text-info-l2 {
    color: #94d5e4 !important
}

a.text-info-l2:focus,
a.text-info-l2:hover {
    color: #80cddf !important
}

.text-info-l3 {
    color: #a7dce9 !important
}

a.text-info-l3:focus,
a.text-info-l3:hover {
    color: #93d4e4 !important
}

.text-info-l4 {
    color: #bae4ee !important
}

a.text-info-l4:focus,
a.text-info-l4:hover {
    color: #a6dce9 !important
}

.text-info-l5 {
    color: #cdebf3 !important
}

a.text-info-l5:focus,
a.text-info-l5:hover {
    color: #b8e3ee !important
}

.text-secondary {
    color: #6f829d !important
}

a.text-secondary[href]:focus,
a.text-secondary[href]:hover {
    color: #627590 !important
}

.text-secondary-m1 {
    color: #7c8da6 !important
}

a.text-secondary-m1:focus,
a.text-secondary-m1:hover {
    color: #6d809c !important
}

.text-secondary-m2 {
    color: #8999af !important
}

a.text-secondary-m2:focus,
a.text-secondary-m2:hover {
    color: #7a8ca5 !important
}

.text-secondary-m3 {
    color: #96a4b7 !important
}

a.text-secondary-m3:focus,
a.text-secondary-m3:hover {
    color: #8797ad !important
}

.text-secondary-d1 {
    color: #728299 !important
}

a.text-secondary-d1:focus,
a.text-secondary-d1:hover {
    color: #65758c !important
}

.text-secondary-d2 {
    color: #64758d !important
}

a.text-secondary-d2:focus,
a.text-secondary-d2:hover {
    color: #59697e !important
}

.text-secondary-d3 {
    color: #59687e !important
}

a.text-secondary-d3:focus,
a.text-secondary-d3:hover {
    color: #4e5c6f !important
}

.text-secondary-l1 {
    color: #a9b4c4 !important
}

a.text-secondary-l1:focus,
a.text-secondary-l1:hover {
    color: #9aa7ba !important
}

.text-secondary-l2 {
    color: #b6bfcd !important
}

a.text-secondary-l2:focus,
a.text-secondary-l2:hover {
    color: #a7b2c3 !important
}

.text-secondary-l3 {
    color: #c3cbd6 !important
}

a.text-secondary-l3:focus,
a.text-secondary-l3:hover {
    color: #b4becc !important
}

.text-secondary-l4 {
    color: #cfd6df !important
}

a.text-secondary-l4:focus,
a.text-secondary-l4:hover {
    color: #c0c9d5 !important
}

.text-secondary-l5 {
    color: #dce1e7 !important
}

a.text-secondary-l5:focus,
a.text-secondary-l5:hover {
    color: #cdd4dd !important
}

.text-default {
    color: #6b97af !important
}

a.text-default[href]:focus,
a.text-default[href]:hover {
    color: #5a8ba6 !important
}

.text-default-m1 {
    color: #78a0b6 !important
}

a.text-default-m1:focus,
a.text-default-m1:hover {
    color: #6794ad !important
}

.text-default-m2 {
    color: #86aabd !important
}

a.text-default-m2:focus,
a.text-default-m2:hover {
    color: #769eb4 !important
}

.text-default-m3 {
    color: #93b3c5 !important
}

a.text-default-m3:focus,
a.text-default-m3:hover {
    color: #82a7bc !important
}

.text-default-d1 {
    color: #6e94a8 !important
}

a.text-default-d1:focus,
a.text-default-d1:hover {
    color: #5f889e !important
}

.text-default-d2 {
    color: #60889e !important
}

a.text-default-d2:focus,
a.text-default-d2:hover {
    color: #567a8e !important
}

.text-default-d3 {
    color: #56798c !important
}

a.text-default-d3:focus,
a.text-default-d3:hover {
    color: #4c6b7c !important
}

.text-default-l1 {
    color: #a6c1cf !important
}

a.text-default-l1:focus,
a.text-default-l1:hover {
    color: #95b5c6 !important
}

.text-default-l2 {
    color: #b4cad6 !important
}

a.text-default-l2:focus,
a.text-default-l2:hover {
    color: #a4becd !important
}

.text-default-l3 {
    color: #c1d3dd !important
}

a.text-default-l3:focus,
a.text-default-l3:hover {
    color: #b1c7d4 !important
}

.text-default-l4 {
    color: #cedde5 !important
}

a.text-default-l4:focus,
a.text-default-l4:hover {
    color: #bdd1dc !important
}

.text-default-l5 {
    color: #dbe6ec !important
}

a.text-default-l5:focus,
a.text-default-l5:hover {
    color: #cadae3 !important
}

.text-success {
    color: #6bae47 !important
}

a.text-success[href]:focus,
a.text-success[href]:hover {
    color: #609c40 !important
}

.text-success-m1 {
    color: #78b558 !important
}

a.text-success-m1:focus,
a.text-success-m1:hover {
    color: #6ba94b !important
}

.text-success-m2 {
    color: #86bd68 !important
}

a.text-success-m2:focus,
a.text-success-m2:hover {
    color: #78b556 !important
}

.text-success-m3 {
    color: #93c479 !important
}

a.text-success-m3:focus,
a.text-success-m3:hover {
    color: #85bc67 !important
}

.text-success-d1 {
    color: #6ea750 !important
}

a.text-success-d1:focus,
a.text-success-d1:hover {
    color: #639648 !important
}

.text-success-d2 {
    color: #609d40 !important
}

a.text-success-d2:focus,
a.text-success-d2:hover {
    color: #558b39 !important
}

.text-success-d3 {
    color: #568b39 !important
}

a.text-success-d3:focus,
a.text-success-d3:hover {
    color: #4b7932 !important
}

.text-success-l1 {
    color: #a6ce91 !important
}

a.text-success-l1:focus,
a.text-success-l1:hover {
    color: #98c67f !important
}

.text-success-l2 {
    color: #b4d6a1 !important
}

a.text-success-l2:focus,
a.text-success-l2:hover {
    color: #a6ce8f !important
}

.text-success-l3 {
    color: #c1ddb2 !important
}

a.text-success-l3:focus,
a.text-success-l3:hover {
    color: #b3d5a0 !important
}

.text-success-l4 {
    color: #cee4c2 !important
}

a.text-success-l4:focus,
a.text-success-l4:hover {
    color: #c0dcb0 !important
}

.text-success-l5 {
    color: #dbecd3 !important
}

a.text-success-l5:focus,
a.text-success-l5:hover {
    color: #cce4c1 !important
}

.text-danger {
    color: #da3737 !important
}

a.text-danger[href]:focus,
a.text-danger[href]:hover {
    color: #d12727 !important
}

.text-danger-m1 {
    color: #dd4949 !important
}

a.text-danger-m1:focus,
a.text-danger-m1:hover {
    color: #d93434 !important
}

.text-danger-m2 {
    color: #e15b5b !important
}

a.text-danger-m2:focus,
a.text-danger-m2:hover {
    color: #dd4545 !important
}

.text-danger-m3 {
    color: #e46d6d !important
}

a.text-danger-m3:focus,
a.text-danger-m3:hover {
    color: #e05757 !important
}

.text-danger-d1 {
    color: #cd4242 !important
}

a.text-danger-d1:focus,
a.text-danger-d1:hover {
    color: #c23333 !important
}

.text-danger-d2 {
    color: #c43232 !important
}

a.text-danger-d2:focus,
a.text-danger-d2:hover {
    color: #b02d2d !important
}

.text-danger-d3 {
    color: #ae2c2c !important
}

a.text-danger-d3:focus,
a.text-danger-d3:hover {
    color: #9a2727 !important
}

.text-danger-l1 {
    color: #e98787 !important
}

a.text-danger-l1:focus,
a.text-danger-l1:hover {
    color: #e57171 !important
}

.text-danger-l2 {
    color: #ec9999 !important
}

a.text-danger-l2:focus,
a.text-danger-l2:hover {
    color: #e88484 !important
}

.text-danger-l3 {
    color: #efabab !important
}

a.text-danger-l3:focus,
a.text-danger-l3:hover {
    color: #eb9696 !important
}

.text-danger-l4 {
    color: #f3bdbd !important
}

a.text-danger-l4:focus,
a.text-danger-l4:hover {
    color: #efa7a7 !important
}

.text-danger-l5 {
    color: #f6cfcf !important
}

a.text-danger-l5:focus,
a.text-danger-l5:hover {
    color: #f2baba !important
}

.text-warning {
    color: #feb902 !important
}

a.text-warning[href]:focus,
a.text-warning[href]:hover {
    color: #e6a701 !important
}

.text-warning-m1 {
    color: #febf19 !important
}

a.text-warning-m1:focus,
a.text-warning-m1:hover {
    color: #fcb701 !important
}

.text-warning-m2 {
    color: #fec630 !important
}

a.text-warning-m2:focus,
a.text-warning-m2:hover {
    color: #febf17 !important
}

.text-warning-m3 {
    color: #fecc46 !important
}

a.text-warning-m3:focus,
a.text-warning-m3:hover {
    color: #fec52d !important
}

.text-warning-d1 {
    color: #ebb015 !important
}

a.text-warning-d1:focus,
a.text-warning-d1:hover {
    color: #d49f12 !important
}

.text-warning-d2 {
    color: #e5a702 !important
}

a.text-warning-d2:focus,
a.text-warning-d2:hover {
    color: #cc9502 !important
}

.text-warning-d3 {
    color: #cb9402 !important
}

a.text-warning-d3:focus,
a.text-warning-d3:hover {
    color: #b28202 !important
}

.text-warning-l1 {
    color: #fed567 !important
}

a.text-warning-l1:focus,
a.text-warning-l1:hover {
    color: #fece4e !important
}

.text-warning-l2 {
    color: #fedb7e !important
}

a.text-warning-l2:focus,
a.text-warning-l2:hover {
    color: #fed465 !important
}

.text-warning-l3 {
    color: #ffe295 !important
}

a.text-warning-l3:focus,
a.text-warning-l3:hover {
    color: #ffdb7c !important
}

.text-warning-l4 {
    color: #ffe8ac !important
}

a.text-warning-l4:focus,
a.text-warning-l4:hover {
    color: #ffe193 !important
}

.text-warning-l5 {
    color: #ffeec2 !important
}

a.text-warning-l5:focus,
a.text-warning-l5:hover {
    color: #ffe7a9 !important
}

.text-orange {
    color: #ff9716 !important
}

a.text-orange[href]:focus,
a.text-orange[href]:hover {
    color: #fc8b00 !important
}

.text-orange-m1 {
    color: #ffa02b !important
}

a.text-orange-m1:focus,
a.text-orange-m1:hover {
    color: #ff9512 !important
}

.text-orange-m2 {
    color: #ffaa40 !important
}

a.text-orange-m2:focus,
a.text-orange-m2:hover {
    color: #ff9f27 !important
}

.text-orange-m3 {
    color: #ffb355 !important
}

a.text-orange-m3:focus,
a.text-orange-m3:hover {
    color: #ffa83c !important
}

.text-orange-d1 {
    color: #ec9426 !important
}

a.text-orange-d1:focus,
a.text-orange-d1:hover {
    color: #e48814 !important
}

.text-orange-d2 {
    color: #e68814 !important
}

a.text-orange-d2:focus,
a.text-orange-d2:hover {
    color: #cf7a12 !important
}

.text-orange-d3 {
    color: #cc7912 !important
}

a.text-orange-d3:focus,
a.text-orange-d3:hover {
    color: #b56b10 !important
}

.text-orange-l1 {
    color: #ffc173 !important
}

a.text-orange-l1:focus,
a.text-orange-l1:hover {
    color: #ffb65a !important
}

.text-orange-l2 {
    color: #ffca88 !important
}

a.text-orange-l2:focus,
a.text-orange-l2:hover {
    color: #ffbf6f !important
}

.text-orange-l3 {
    color: #ffd39d !important
}

a.text-orange-l3:focus,
a.text-orange-l3:hover {
    color: #ffc884 !important
}

.text-orange-l4 {
    color: #ffddb2 !important
}

a.text-orange-l4:focus,
a.text-orange-l4:hover {
    color: #ffd299 !important
}

.text-orange-l5 {
    color: #ffe6c7 !important
}

a.text-orange-l5:focus,
a.text-orange-l5:hover {
    color: #ffdbae !important
}

.text-brown {
    color: #c36446 !important
}

a.text-brown[href]:focus,
a.text-brown[href]:hover {
    color: #b5583b !important
}

.text-brown-m1 {
    color: #c87257 !important
}

a.text-brown-m1:focus,
a.text-brown-m1:hover {
    color: #c26244 !important
}

.text-brown-m2 {
    color: #ce8067 !important
}

a.text-brown-m2:focus,
a.text-brown-m2:hover {
    color: #c87054 !important
}

.text-brown-m3 {
    color: #d38e78 !important
}

a.text-brown-m3:focus,
a.text-brown-m3:hover {
    color: #cd7e65 !important
}

.text-brown-d1 {
    color: #b9684f !important
}

a.text-brown-d1:focus,
a.text-brown-d1:hover {
    color: #ab5c44 !important
}

.text-brown-d2 {
    color: #b05a3f !important
}

a.text-brown-d2:focus,
a.text-brown-d2:hover {
    color: #9d5038 !important
}

.text-brown-d3 {
    color: #9c5038 !important
}

a.text-brown-d3:focus,
a.text-brown-d3:hover {
    color: #894631 !important
}

.text-brown-l1 {
    color: #dba290 !important
}

a.text-brown-l1:focus,
a.text-brown-l1:hover {
    color: #d5927d !important
}

.text-brown-l2 {
    color: #e0b0a1 !important
}

a.text-brown-l2:focus,
a.text-brown-l2:hover {
    color: #daa08e !important
}

.text-brown-l3 {
    color: #e6beb1 !important
}

a.text-brown-l3:focus,
a.text-brown-l3:hover {
    color: #e0ae9e !important
}

.text-brown-l4 {
    color: #ebccc2 !important
}

a.text-brown-l4:focus,
a.text-brown-l4:hover {
    color: #e5bcaf !important
}

.text-brown-l5 {
    color: #f1dad3 !important
}

a.text-brown-l5:focus,
a.text-brown-l5:hover {
    color: #ebcac0 !important
}

.text-yellow {
    color: #f3d61f !important
}

a.text-yellow[href]:focus,
a.text-yellow[href]:hover {
    color: #eccd0d !important
}

.text-yellow-m1 {
    color: #f4da33 !important
}

a.text-yellow-m1:focus,
a.text-yellow-m1:hover {
    color: #f3d61b !important
}

.text-yellow-m2 {
    color: #f5dd47 !important
}

a.text-yellow-m2:focus,
a.text-yellow-m2:hover {
    color: #f4d92f !important
}

.text-yellow-m3 {
    color: #f6e15b !important
}

a.text-yellow-m3:focus,
a.text-yellow-m3:hover {
    color: #f5dd43 !important
}

.text-yellow-d1 {
    color: #e2c92e !important
}

a.text-yellow-d1:focus,
a.text-yellow-d1:hover {
    color: #d8bf1e !important
}

.text-yellow-d2 {
    color: #dbc11c !important
}

a.text-yellow-d2:focus,
a.text-yellow-d2:hover {
    color: #c4ad19 !important
}

.text-yellow-d3 {
    color: #c2ab19 !important
}

a.text-yellow-d3:focus,
a.text-yellow-d3:hover {
    color: #ab9716 !important
}

.text-yellow-l1 {
    color: #f8e679 !important
}

a.text-yellow-l1:focus,
a.text-yellow-l1:hover {
    color: #f7e161 !important
}

.text-yellow-l2 {
    color: #f9ea8d !important
}

a.text-yellow-l2:focus,
a.text-yellow-l2:hover {
    color: #f8e675 !important
}

.text-yellow-l3 {
    color: #faeea1 !important
}

a.text-yellow-l3:focus,
a.text-yellow-l3:hover {
    color: #f9ea89 !important
}

.text-yellow-l4 {
    color: #fbf1b5 !important
}

a.text-yellow-l4:focus,
a.text-yellow-l4:hover {
    color: #faec9d !important
}

.text-yellow-l5 {
    color: #fcf5c9 !important
}

a.text-yellow-l5:focus,
a.text-yellow-l5:hover {
    color: #fbf1b1 !important
}

.text-purple {
    color: #8e58b8 !important
}

a.text-purple[href]:focus,
a.text-purple[href]:hover {
    color: #814aad !important
}

.text-purple-m1 {
    color: #9867be !important
}

a.text-purple-m1:focus,
a.text-purple-m1:hover {
    color: #8c55b6 !important
}

.text-purple-m2 {
    color: #a276c5 !important
}

a.text-purple-m2:focus,
a.text-purple-m2:hover {
    color: #9664bd !important
}

.text-purple-m3 {
    color: #ad85cb !important
}

a.text-purple-m3:focus,
a.text-purple-m3:hover {
    color: #a173c3 !important
}

.text-purple-d1 {
    color: #8c5eb0 !important
}

a.text-purple-d1:focus,
a.text-purple-d1:hover {
    color: #7f50a4 !important
}

.text-purple-d2 {
    color: #804fa6 !important
}

a.text-purple-d2:focus,
a.text-purple-d2:hover {
    color: #734795 !important
}

.text-purple-d3 {
    color: #724693 !important
}

a.text-purple-d3:focus,
a.text-purple-d3:hover {
    color: #653e82 !important
}

.text-purple-l1 {
    color: #bb9bd4 !important
}

a.text-purple-l1:focus,
a.text-purple-l1:hover {
    color: #af89cc !important
}

.text-purple-l2 {
    color: #c5aadb !important
}

a.text-purple-l2:focus,
a.text-purple-l2:hover {
    color: #b998d3 !important
}

.text-purple-l3 {
    color: #d0b9e1 !important
}

a.text-purple-l3:focus,
a.text-purple-l3:hover {
    color: #c4a7d9 !important
}

.text-purple-l4 {
    color: #dac8e8 !important
}

a.text-purple-l4:focus,
a.text-purple-l4:hover {
    color: #ceb6e0 !important
}

.text-purple-l5 {
    color: #e4d7ee !important
}

a.text-purple-l5:focus,
a.text-purple-l5:hover {
    color: #d8c5e6 !important
}

.text-pink {
    color: #d3407f !important
}

a.text-pink[href]:focus,
a.text-pink[href]:hover {
    color: #cb2f72 !important
}

.text-pink-m1 {
    color: #d7518b !important
}

a.text-pink-m1:focus,
a.text-pink-m1:hover {
    color: #d23c7d !important
}

.text-pink-m2 {
    color: #db6296 !important
}

a.text-pink-m2:focus,
a.text-pink-m2:hover {
    color: #d64d88 !important
}

.text-pink-m3 {
    color: #df74a2 !important
}

a.text-pink-m3:focus,
a.text-pink-m3:hover {
    color: #da5f94 !important
}

.text-pink-d1 {
    color: #c74a7f !important
}

a.text-pink-d1:focus,
a.text-pink-d1:hover {
    color: #bd3a72 !important
}

.text-pink-d2 {
    color: #be3a72 !important
}

a.text-pink-d2:focus,
a.text-pink-d2:hover {
    color: #aa3466 !important
}

.text-pink-d3 {
    color: #a93366 !important
}

a.text-pink-d3:focus,
a.text-pink-d3:hover {
    color: #952d5a !important
}

.text-pink-l1 {
    color: #e58cb2 !important
}

a.text-pink-l1:focus,
a.text-pink-l1:hover {
    color: #e077a4 !important
}

.text-pink-l2 {
    color: #e99ebe !important
}

a.text-pink-l2:focus,
a.text-pink-l2:hover {
    color: #e489b0 !important
}

.text-pink-l3 {
    color: #edafc9 !important
}

a.text-pink-l3:focus,
a.text-pink-l3:hover {
    color: #e89abb !important
}

.text-pink-l4 {
    color: #f0c0d5 !important
}

a.text-pink-l4:focus,
a.text-pink-l4:hover {
    color: #ebabc7 !important
}

.text-pink-l5 {
    color: #f4d1e0 !important
}

a.text-pink-l5:focus,
a.text-pink-l5:hover {
    color: #efbcd2 !important
}

.text-grey {
    color: #6e7074 !important
}

a.text-grey[href]:focus,
a.text-grey[href]:hover {
    color: #626367 !important
}

.text-grey-m1 {
    color: #7b7d81 !important
}

a.text-grey-m1:focus,
a.text-grey-m1:hover {
    color: #6f7074 !important
}

.text-grey-m2 {
    color: #888a8d !important
}

a.text-grey-m2:focus,
a.text-grey-m2:hover {
    color: #7b7d80 !important
}

.text-grey-m3 {
    color: #95979a !important
}

a.text-grey-m3:focus,
a.text-grey-m3:hover {
    color: #888a8e !important
}

.text-grey-d1 {
    color: #717276 !important
}

a.text-grey-d1:focus,
a.text-grey-d1:hover {
    color: #656569 !important
}

.text-grey-d2 {
    color: #636568 !important
}

a.text-grey-d2:focus,
a.text-grey-d2:hover {
    color: #57585b !important
}

.text-grey-d3 {
    color: #585a5d !important
}

a.text-grey-d3:focus,
a.text-grey-d3:hover {
    color: #4c4d50 !important
}

.text-grey-l1 {
    color: #a8a9ac !important
}

a.text-grey-l1:focus,
a.text-grey-l1:hover {
    color: #9b9ca0 !important
}

.text-grey-l2 {
    color: #b5b6b8 !important
}

a.text-grey-l2:focus,
a.text-grey-l2:hover {
    color: #a8a9ac !important
}

.text-grey-l3 {
    color: #c2c3c5 !important
}

a.text-grey-l3:focus,
a.text-grey-l3:hover {
    color: #b5b6b9 !important
}

.text-grey-l4 {
    color: #cfd0d1 !important
}

a.text-grey-l4:focus,
a.text-grey-l4:hover {
    color: #c2c3c5 !important
}

.text-grey-l5 {
    color: #dcddde !important
}

a.text-grey-l5:focus,
a.text-grey-l5:hover {
    color: #cfd0d2 !important
}

.text-dark {
    color: #323337 !important
}

a.text-dark[href]:focus,
a.text-dark[href]:hover {
    color: #26272a !important
}

.text-dark-m1 {
    color: #444549 !important
}

a.text-dark-m1:focus,
a.text-dark-m1:hover {
    color: #38393c !important
}

.text-dark-m2 {
    color: #57585b !important
}

a.text-dark-m2:focus,
a.text-dark-m2:hover {
    color: #4b4b4e !important
}

.text-dark-m3 {
    color: #696a6d !important
}

a.text-dark-m3:focus,
a.text-dark-m3:hover {
    color: #5c5d60 !important
}

.text-dark-d1 {
    color: #3e3f42 !important
}

a.text-dark-d1:focus,
a.text-dark-d1:hover {
    color: #323235 !important
}

.text-dark-d2 {
    color: #2d2e32 !important
}

a.text-dark-d2:focus,
a.text-dark-d2:hover {
    color: #212225 !important
}

.text-dark-d3 {
    color: #28292c !important
}

a.text-dark-d3:focus,
a.text-dark-d3:hover {
    color: #1c1d1f !important
}

.text-dark-l1 {
    color: #848587 !important
}

a.text-dark-l1:focus,
a.text-dark-l1:hover {
    color: #77787a !important
}

.text-dark-l2 {
    color: #969799 !important
}

a.text-dark-l2:focus,
a.text-dark-l2:hover {
    color: #898a8c !important
}

.text-dark-l3 {
    color: #a9a9ab !important
}

a.text-dark-l3:focus,
a.text-dark-l3:hover {
    color: #9c9c9e !important
}

.text-dark-l4 {
    color: #bbbcbd !important
}

a.text-dark-l4:focus,
a.text-dark-l4:hover {
    color: #aeafb0 !important
}

.text-dark-l5 {
    color: #cececf !important
}

a.text-dark-l5:focus,
a.text-dark-l5:hover {
    color: #c1c1c2 !important
}

.text-white-tp1 {
    color: rgba(255, 255, 255, .93) !important
}

.text-white-tp2 {
    color: rgba(255, 255, 255, .87) !important
}

.text-white-tp3 {
    color: rgba(255, 255, 255, .8) !important
}

.text-white-tp4 {
    color: rgba(255, 255, 255, .73) !important
}

.text-dark-tp1 {
    color: rgba(0, 0, 0, .9) !important
}

.text-dark-tp2 {
    color: rgba(0, 0, 0, .79) !important
}

.text-dark-tp3 {
    color: rgba(0, 0, 0, .68) !important
}

.text-dark-tp4 {
    color: rgba(0, 0, 0, .57) !important
}

.text-dark-tp5 {
    color: rgba(0, 0, 0, .46) !important
}

.text-body {
    color: #484b51 !important
}

.opacity-1 {
    opacity: .91
}

.opacity-2 {
    opacity: .82
}

.opacity-3 {
    opacity: .73
}

.opacity-4 {
    opacity: .64
}

a {
    color: #191970
}

a:hover {
    color: #38a063
}

.text-40 {
    font-size: 40% !important
}

.text-50 {
    font-size: 50% !important
}

.text-60 {
    font-size: 60% !important
}

.text-70 {
    font-size: 70% !important
}

.text-80 {
    font-size: 80% !important
}

.text-90 {
    font-size: 90% !important
}

.text-100 {
    font-size: 100% !important
}

.text-110 {
    font-size: 110% !important
}

.text-120 {
    font-size: 120% !important
}

.text-130 {
    font-size: 130% !important
}

.text-140 {
    font-size: 140% !important
}

.text-150 {
    font-size: 150% !important
}

.text-160 {
    font-size: 160% !important
}

.text-170 {
    font-size: 170% !important
}

.text-180 {
    font-size: 180% !important
}

.text-190 {
    font-size: 190% !important
}

.text-200 {
    font-size: 200% !important
}

.text-210 {
    font-size: 210% !important
}

.text-220 {
    font-size: 220% !important
}

.text-230 {
    font-size: 230% !important
}

.text-240 {
    font-size: 240% !important
}

.text-250 {
    font-size: 250% !important
}

.text-260 {
    font-size: 260% !important
}

.text-270 {
    font-size: 270% !important
}

.text-280 {
    font-size: 280% !important
}

.text-290 {
    font-size: 290% !important
}

.text-300 {
    font-size: 300% !important
}

.text-95 {
    font-size: 95% !important
}

.text-85 {
    font-size: 85% !important
}

.text-75 {
    font-size: 75% !important
}

.text-105 {
    font-size: 105% !important
}

.text-115 {
    font-size: 115% !important
}

.text-125 {
    font-size: 125% !important
}

.text-xs {
    font-size: .625rem !important
}

.text-sm {
    font-size: .875rem !important
}

.text-md {
    font-size: 1rem !important
}

.text-lg {
    font-size: 1.25rem !important
}

.text-xl {
    font-size: 1.5rem !important
}

.font-900,
.text-900 {
    font-weight: 900 !important
}

.font-bold,
.text-700 {
    font-weight: 700 !important
}

.font-bolder,
.text-600 {
    font-weight: 600 !important
}

.font-medium,
.text-500 {
    font-weight: 500 !important
}

.font-normal,
.text-400 {
    font-weight: 400 !important
}

.font-light,
.font-lighter,
.text-300 {
    font-weight: 300 !important
}

.no-underline {
    text-decoration: none !important
}

.line-through {
    text-decoration: line-through !important
}

.line-height-n {
    line-height: normal !important
}

.letter-spacing {
    letter-spacing: .5px !important
}

.letter-spacing-1 {
    letter-spacing: 1px !important
}

.letter-spacing-2 {
    letter-spacing: 1.5px !important
}

.letter-spacing-3 {
    letter-spacing: 2px !important
}

.letter-spacing-4 {
    letter-spacing: 2.5px !important
}

.bgc-default {
    background-color: #79a9c5 !important
}

.brc-default {
    border-color: #79a9c5 !important
}

.bgc-default-tp1 {
    background-color: rgba(121, 169, 197, .92) !important
}

.brc-default-tp1 {
    border-color: rgba(121, 169, 197, .92) !important
}

.bgc-default-tp2 {
    background-color: rgba(121, 169, 197, .84) !important
}

.brc-default-tp2 {
    border-color: rgba(121, 169, 197, .84) !important
}

.bgc-default-tp3 {
    background-color: rgba(121, 169, 197, .76) !important
}

.brc-default-tp3 {
    border-color: rgba(121, 169, 197, .76) !important
}

.bgc-default-tp4 {
    background-color: rgba(121, 169, 197, .68) !important
}

.brc-default-tp4 {
    border-color: rgba(121, 169, 197, .68) !important
}

.bgc-default-d1 {
    background-color: #6da1c0 !important
}

.bgc-default-d2 {
    background-color: #6099ba !important
}

.bgc-default-m1 {
    background-color: #8db6ce !important
}

.brc-default-m1,
.brc-h-default-m1:hover {
    border-color: #8db6ce !important
}

.bgc-default-m2 {
    background-color: #a1c3d6 !important
}

.brc-default-m2,
.brc-h-default-m2:hover {
    border-color: #a1c3d6 !important
}

.bgc-default-m3 {
    background-color: #b5d0df !important
}

.brc-default-m3,
.brc-h-default-m3:hover {
    border-color: #b5d0df !important
}

.bgc-default-m4 {
    background-color: #c9dce8 !important
}

.brc-default-m4,
.brc-h-default-m4:hover {
    border-color: #c9dce8 !important
}

.bgc-default-l1,
.bgc-h-default-l1:hover {
    background-color: #dce9f0 !important
}

.brc-default-l1 {
    border-color: #dce9f0 !important
}

.bgc-default-l2,
.bgc-h-default-l2:hover {
    background-color: #e6eff4 !important
}

.brc-default-l2 {
    border-color: #e6eff4 !important
}

.bgc-default-l3,
.bgc-h-default-l3:hover {
    background-color: #eef4f8 !important
}

.brc-default-l3 {
    border-color: #eef4f8 !important
}

.bgc-default-l4,
.bgc-h-default-l4:hover {
    background-color: #f3f8fa !important
}

.brc-default-l4 {
    border-color: #f3f8fa !important
}

.bgc-default-l5,
.bgc-h-default-l5:hover {
    background-color: #f9fbfc !important
}

.brc-default-l5 {
    border-color: #f9fbfc !important
}

.bgc-primary {
    background-color: #5899ca !important
}

.brc-primary {
    border-color: #5899ca !important
}

.bgc-primary-tp1 {
    background-color: rgba(88, 153, 202, .92) !important
}

.brc-primary-tp1 {
    border-color: rgba(88, 153, 202, .92) !important
}

.bgc-primary-tp2 {
    background-color: rgba(88, 153, 202, .84) !important
}

.brc-primary-tp2 {
    border-color: rgba(88, 153, 202, .84) !important
}

.bgc-primary-tp3 {
    background-color: rgba(88, 153, 202, .76) !important
}

.brc-primary-tp3 {
    border-color: rgba(88, 153, 202, .76) !important
}

.bgc-primary-tp4 {
    background-color: rgba(88, 153, 202, .68) !important
}

.brc-primary-tp4 {
    border-color: rgba(88, 153, 202, .68) !important
}

.bgc-primary-d1 {
    background-color: #4a91c6 !important
}

.bgc-primary-d2 {
    background-color: #3d88c1 !important
}

.bgc-primary-m1 {
    background-color: #71a8d2 !important
}

.brc-h-primary-m1:hover,
.brc-primary-m1 {
    border-color: #71a8d2 !important
}

.bgc-primary-m2 {
    background-color: #8bb8da !important
}

.brc-h-primary-m2:hover,
.brc-primary-m2 {
    border-color: #8bb8da !important
}

.bgc-primary-m3 {
    background-color: #a4c7e2 !important
}

.brc-h-primary-m3:hover,
.brc-primary-m3 {
    border-color: #a4c7e2 !important
}

.bgc-primary-m4 {
    background-color: #bdd7ea !important
}

.brc-h-primary-m4:hover,
.brc-primary-m4 {
    border-color: #bdd7ea !important
}

.bgc-h-primary-l1:hover,
.bgc-primary-l1 {
    background-color: #d5e5f2 !important
}

.brc-primary-l1 {
    border-color: #d5e5f2 !important
}

.bgc-h-primary-l2:hover,
.bgc-primary-l2 {
    background-color: #e2edf6 !important
}

.brc-primary-l2 {
    border-color: #e2edf6 !important
}

.bgc-h-primary-l3:hover,
.bgc-primary-l3 {
    background-color: #ebf3f9 !important
}

.brc-primary-l3 {
    border-color: #ebf3f9 !important
}

.bgc-h-primary-l4:hover,
.bgc-primary-l4 {
    background-color: #f2f7fb !important
}

.brc-primary-l4 {
    border-color: #f2f7fb !important
}

.bgc-h-primary-l5:hover,
.bgc-primary-l5 {
    background-color: #f9fcfd !important
}

.brc-primary-l5 {
    border-color: #f9fcfd !important
}

.bgc-secondary {
    background-color: #91a3ac !important
}

.brc-secondary {
    border-color: #91a3ac !important
}

.bgc-secondary-tp1 {
    background-color: rgba(145, 163, 172, .92) !important
}

.brc-secondary-tp1 {
    border-color: rgba(145, 163, 172, .92) !important
}

.bgc-secondary-tp2 {
    background-color: rgba(145, 163, 172, .84) !important
}

.brc-secondary-tp2 {
    border-color: rgba(145, 163, 172, .84) !important
}

.bgc-secondary-tp3 {
    background-color: rgba(145, 163, 172, .76) !important
}

.brc-secondary-tp3 {
    border-color: rgba(145, 163, 172, .76) !important
}

.bgc-secondary-tp4 {
    background-color: rgba(145, 163, 172, .68) !important
}

.brc-secondary-tp4 {
    border-color: rgba(145, 163, 172, .68) !important
}

.bgc-secondary-d1 {
    background-color: #879aa4 !important
}

.bgc-secondary-d2 {
    background-color: #7d929d !important
}

.bgc-secondary-m1 {
    background-color: #a1b1b8 !important
}

.brc-h-secondary-m1:hover,
.brc-secondary-m1 {
    border-color: #a1b1b8 !important
}

.bgc-secondary-m2 {
    background-color: #b2bec5 !important
}

.brc-h-secondary-m2:hover,
.brc-secondary-m2 {
    border-color: #b2bec5 !important
}

.bgc-secondary-m3 {
    background-color: #c2ccd1 !important
}

.brc-h-secondary-m3:hover,
.brc-secondary-m3 {
    border-color: #c2ccd1 !important
}

.bgc-secondary-m4 {
    background-color: #d2dadd !important
}

.brc-h-secondary-m4:hover,
.brc-secondary-m4 {
    border-color: #d2dadd !important
}

.bgc-h-secondary-l1:hover,
.bgc-secondary-l1 {
    background-color: #e2e7e9 !important
}

.brc-secondary-l1 {
    border-color: #e2e7e9 !important
}

.bgc-h-secondary-l2:hover,
.bgc-secondary-l2 {
    background-color: #eaedef !important
}

.brc-secondary-l2 {
    border-color: #eaedef !important
}

.bgc-h-secondary-l3:hover,
.bgc-secondary-l3 {
    background-color: #f0f3f4 !important
}

.brc-secondary-l3 {
    border-color: #f0f3f4 !important
}

.bgc-h-secondary-l4:hover,
.bgc-secondary-l4 {
    background-color: #f5f7f7 !important
}

.brc-secondary-l4 {
    border-color: #f5f7f7 !important
}

.bgc-h-secondary-l5:hover,
.bgc-secondary-l5 {
    background-color: #f9fafb !important
}

.brc-secondary-l5 {
    border-color: #f9fafb !important
}

.bgc-info {
    background-color: #57b5da !important
}

.brc-info {
    border-color: #57b5da !important
}

.bgc-info-tp1 {
    background-color: rgba(87, 181, 218, .92) !important
}

.brc-info-tp1 {
    border-color: rgba(87, 181, 218, .92) !important
}

.bgc-info-tp2 {
    background-color: rgba(87, 181, 218, .84) !important
}

.brc-info-tp2 {
    border-color: rgba(87, 181, 218, .84) !important
}

.bgc-info-tp3 {
    background-color: rgba(87, 181, 218, .76) !important
}

.brc-info-tp3 {
    border-color: rgba(87, 181, 218, .76) !important
}

.bgc-info-tp4 {
    background-color: rgba(87, 181, 218, .68) !important
}

.brc-info-tp4 {
    border-color: rgba(87, 181, 218, .68) !important
}

.bgc-info-d1 {
    background-color: #48afd7 !important
}

.bgc-info-d2 {
    background-color: #3aa8d4 !important
}

.bgc-info-m1 {
    background-color: #70c0e0 !important
}

.brc-h-info-m1:hover,
.brc-info-m1 {
    border-color: #70c0e0 !important
}

.bgc-info-m2 {
    background-color: #8acbe5 !important
}

.brc-h-info-m2:hover,
.brc-info-m2 {
    border-color: #8acbe5 !important
}

.bgc-info-m3 {
    background-color: #a3d7eb !important
}

.brc-h-info-m3:hover,
.brc-info-m3 {
    border-color: #a3d7eb !important
}

.bgc-info-m4 {
    background-color: #bde2f0 !important
}

.brc-h-info-m4:hover,
.brc-info-m4 {
    border-color: #bde2f0 !important
}

.bgc-h-info-l1:hover,
.bgc-info-l1 {
    background-color: #d5ecf6 !important
}

.brc-info-l1 {
    border-color: #d5ecf6 !important
}

.bgc-h-info-l2:hover,
.bgc-info-l2 {
    background-color: #e1f2f8 !important
}

.brc-info-l2 {
    border-color: #e1f2f8 !important
}

.bgc-h-info-l3:hover,
.bgc-info-l3 {
    background-color: #ebf6fb !important
}

.brc-info-l3 {
    border-color: #ebf6fb !important
}

.bgc-h-info-l4:hover,
.bgc-info-l4 {
    background-color: #f2f9fc !important
}

.brc-info-l4 {
    border-color: #f2f9fc !important
}

.bgc-h-info-l5:hover,
.bgc-info-l5 {
    background-color: #f9fcfe !important
}

.brc-info-l5 {
    border-color: #f9fcfe !important
}

.bgc-success {
    background-color: #73bd73 !important
}

.brc-success {
    border-color: #73bd73 !important
}

.bgc-success-tp1 {
    background-color: rgba(115, 189, 115, .92) !important
}

.brc-success-tp1 {
    border-color: rgba(115, 189, 115, .92) !important
}

.bgc-success-tp2 {
    background-color: rgba(115, 189, 115, .84) !important
}

.brc-success-tp2 {
    border-color: rgba(115, 189, 115, .84) !important
}

.bgc-success-tp3 {
    background-color: rgba(115, 189, 115, .76) !important
}

.brc-success-tp3 {
    border-color: rgba(115, 189, 115, .76) !important
}

.bgc-success-tp4 {
    background-color: rgba(115, 189, 115, .68) !important
}

.brc-success-tp4 {
    border-color: rgba(115, 189, 115, .68) !important
}

.bgc-success-d1 {
    background-color: #67b767 !important
}

.bgc-success-d2 {
    background-color: #5bb25b !important
}

.bgc-success-m1 {
    background-color: #25a06f !important
}

.brc-h-success-m1:hover,
.brc-success-m1 {
    border-color: #88c788 !important
}

.bgc-success-m2 {
    background-color: #9dd19d !important
}

.brc-h-success-m2:hover,
.brc-success-m2 {
    border-color: #9dd19d !important
}

.bgc-success-m3 {
    background-color: #b2dbb2 !important
}

.brc-h-success-m3:hover,
.brc-success-m3 {
    border-color: #b2dbb2 !important
}

.bgc-success-m4 {
    background-color: #c7e5c7 !important
}

.brc-h-success-m4:hover,
.brc-success-m4 {
    border-color: #c7e5c7 !important
}

.bgc-h-success-l1:hover,
.bgc-success-l1 {
    background-color: #dbeedb !important
}

.brc-success-l1 {
    border-color: #dbeedb !important
}

.bgc-h-success-l2:hover,
.bgc-success-l2 {
    background-color: #e6f3e6 !important
}

.brc-success-l2 {
    border-color: #e6f3e6 !important
}

.bgc-h-success-l3:hover,
.bgc-success-l3 {
    background-color: #eef7ee !important
}

.brc-success-l3 {
    border-color: #eef7ee !important
}

.bgc-h-success-l4:hover,
.bgc-success-l4 {
    background-color: #f4faf4 !important
}

.brc-success-l4 {
    border-color: #f4faf4 !important
}

.bgc-h-success-l5:hover,
.bgc-success-l5 {
    background-color: #fafcfa !important
}

.brc-success-l5 {
    border-color: #fafcfa !important
}

.bgc-danger {
    background-color: red !important
}

.brc-danger {
    border-color: red !important
}

.bgc-danger-tp1 {
    background-color: rgba(221, 106, 87, .92) !important
}

.brc-danger-tp1 {
    border-color: rgba(221, 106, 87, .92) !important
}

.bgc-danger-tp2 {
    background-color: rgba(221, 106, 87, .84) !important
}

.brc-danger-tp2 {
    border-color: rgba(221, 106, 87, .84) !important
}

.bgc-danger-tp3 {
    background-color: rgba(221, 106, 87, .76) !important
}

.brc-danger-tp3 {
    border-color: rgba(221, 106, 87, .76) !important
}

.bgc-danger-tp4 {
    background-color: rgba(221, 106, 87, .68) !important
}

.brc-danger-tp4 {
    border-color: rgba(221, 106, 87, .68) !important
}

.bgc-danger-d1 {
    background-color: #da5d48 !important
}

.bgc-danger-d2 {
    background-color: #d75039 !important
}

.bgc-danger-m1 {
    background-color: #a01800 !important
}

.brc-danger-m1,
.brc-h-danger-m1:hover {
    border-color: #e28171 !important
}

.bgc-danger-m2 {
    background-color: #e7988b !important
}

.brc-danger-m2,
.brc-h-danger-m2:hover {
    border-color: #e7988b !important
}

.bgc-danger-m3 {
    background-color: #edafa4 !important
}

.brc-danger-m3,
.brc-h-danger-m3:hover {
    border-color: #edafa4 !important
}

.bgc-danger-m4 {
    background-color: #f2c5be !important
}

.brc-danger-m4,
.brc-h-danger-m4:hover {
    border-color: #f2c5be !important
}

.bgc-danger-l1,
.bgc-h-danger-l1:hover {
    background-color: #f7dbd6 !important
}

.brc-danger-l1 {
    border-color: #f7dbd6 !important
}

.bgc-danger-l2,
.bgc-h-danger-l2:hover {
    background-color: #f9e6e3 !important
}

.brc-danger-l2 {
    border-color: #f9e6e3 !important
}

.bgc-danger-l3,
.bgc-h-danger-l3:hover {
    background-color: #fbefed !important
}

.brc-danger-l3 {
    border-color: #fbefed !important
}

.bgc-danger-l4,
.bgc-h-danger-l4:hover {
    background-color: #fdf6f4 !important
}

.brc-danger-l4 {
    border-color: #fdf6f4 !important
}

.bgc-danger-l5,
.bgc-h-danger-l5:hover {
    background-color: #fefcfc !important
}

.brc-danger-l5 {
    border-color: #fefcfc !important
}

.bgc-warning {
    background-color: #ff9800 !important
}

.brc-warning {
    border-color: #ff9800 !important
}

.bgc-warning-tp1 {
    background-color: rgba(239, 174, 67, .92) !important
}

.brc-warning-tp1 {
    border-color: rgba(239, 174, 67, .92) !important
}

.bgc-warning-tp2 {
    background-color: rgba(239, 174, 67, .84) !important
}

.brc-warning-tp2 {
    border-color: rgba(239, 174, 67, .84) !important
}

.bgc-warning-tp3 {
    background-color: rgba(239, 174, 67, .76) !important
}

.brc-warning-tp3 {
    border-color: rgba(239, 174, 67, .76) !important
}

.bgc-warning-tp4 {
    background-color: rgba(239, 174, 67, .68) !important
}

.brc-warning-tp4 {
    border-color: rgba(239, 174, 67, .68) !important
}

.bgc-warning-d1 {
    background-color: #eea733 !important
}

.bgc-warning-d2 {
    background-color: #eca022 !important
}

.bgc-warning-m1 {
    background-color: #f1ba60 !important
}

.brc-h-warning-m1:hover,
.brc-warning-m1 {
    border-color: #f1ba60 !important
}

.bgc-warning-m2 {
    background-color: #f4c77c !important
}

.brc-h-warning-m2:hover,
.brc-warning-m2 {
    border-color: #f4c77c !important
}

.bgc-warning-m3 {
    background-color: #f6d399 !important
}

.brc-h-warning-m3:hover,
.brc-warning-m3 {
    border-color: #f6d399 !important
}

.bgc-warning-m4 {
    background-color: #f9dfb5 !important
}

.brc-h-warning-m4:hover,
.brc-warning-m4 {
    border-color: #f9dfb5 !important
}

.bgc-h-warning-l1:hover,
.bgc-warning-l1 {
    background-color: #fbebd0 !important
}

.brc-warning-l1 {
    border-color: #fbebd0 !important
}

.bgc-h-warning-l2:hover,
.bgc-warning-l2 {
    background-color: #fcf1de !important
}

.brc-warning-l2 {
    border-color: #fcf1de !important
}

.bgc-h-warning-l3:hover,
.bgc-warning-l3 {
    background-color: #fdf6ea !important
}

.brc-warning-l3 {
    border-color: #fdf6ea !important
}

.bgc-h-warning-l4:hover,
.bgc-warning-l4 {
    background-color: #fef9f1 !important
}

.brc-warning-l4 {
    border-color: #fef9f1 !important
}

.bgc-h-warning-l5:hover,
.bgc-warning-l5 {
    background-color: #fffdf9 !important
}

.brc-warning-l5 {
    border-color: #fffdf9 !important
}

.bgc-dark {
    background-color: #515559 !important
}

.brc-dark {
    border-color: #515559 !important
}

.bgc-dark-tp1 {
    background-color: #191970
}

.brc-dark-tp1 {
    border-color: rgba(81, 85, 89, .92) !important
}

.bgc-dark-tp2 {
    background-color: rgba(81, 85, 89, .84) !important
}

.brc-dark-tp2 {
    border-color: rgba(81, 85, 89, .84) !important
}

.bgc-dark-tp3 {
    background-color: rgba(81, 85, 89, .76) !important
}

.brc-dark-tp3 {
    border-color: rgba(81, 85, 89, .76) !important
}

.bgc-dark-tp4 {
    background-color: rgba(81, 85, 89, .68) !important
}

.brc-dark-tp4 {
    border-color: rgba(81, 85, 89, .68) !important
}

.bgc-dark-d1 {
    background-color: #484c50 !important
}

.bgc-dark-d2 {
    background-color: #404346 !important
}

.bgc-dark-m1 {
    background-color: #6a6f74 !important
}

.brc-dark-m1,
.brc-h-dark-m1:hover {
    border-color: #6a6f74 !important
}

.bgc-dark-m2 {
    background-color: #83898e !important
}

.brc-dark-m2,
.brc-h-dark-m2:hover {
    border-color: #83898e !important
}

.bgc-dark-m3 {
    background-color: #9ea2a7 !important
}

.brc-dark-m3,
.brc-h-dark-m3:hover {
    border-color: #9ea2a7 !important
}

.bgc-dark-m4 {
    background-color: #b9bcbf !important
}

.brc-dark-m4,
.brc-h-dark-m4:hover {
    border-color: #b9bcbf !important
}

.bgc-dark-l1,
.bgc-h-dark-l1:hover {
    background-color: #d3d5d7 !important
}

.brc-dark-l1 {
    border-color: #d3d5d7 !important
}

.bgc-dark-l2,
.bgc-h-dark-l2:hover {
    background-color: #e0e2e3 !important
}

.brc-dark-l2 {
    border-color: #e0e2e3 !important
}

.bgc-dark-l3,
.bgc-h-dark-l3:hover {
    background-color: #ebeced !important
}

.brc-dark-l3 {
    border-color: #ebeced !important
}

.bgc-dark-l4,
.bgc-h-dark-l4:hover {
    background-color: #f2f3f3 !important
}

.brc-dark-l4 {
    border-color: #f2f3f3 !important
}

.bgc-dark-l5,
.bgc-h-dark-l5:hover {
    background-color: #fafafa !important
}

.brc-dark-l5 {
    border-color: #fafafa !important
}

.bgc-light {
    background-color: #f5f6f9 !important
}

.brc-light {
    border-color: #f5f6f9 !important
}

.bgc-light-tp1 {
    background-color: rgba(245, 246, 249, .92) !important
}

.brc-light-tp1 {
    border-color: rgba(245, 246, 249, .92) !important
}

.bgc-light-tp2 {
    background-color: rgba(245, 246, 249, .84) !important
}

.brc-light-tp2 {
    border-color: rgba(245, 246, 249, .84) !important
}

.bgc-light-tp3 {
    background-color: rgba(245, 246, 249, .76) !important
}

.brc-light-tp3 {
    border-color: rgba(245, 246, 249, .76) !important
}

.bgc-light-tp4 {
    background-color: rgba(245, 246, 249, .68) !important
}

.brc-light-tp4 {
    border-color: rgba(245, 246, 249, .68) !important
}

.bgc-light-d1 {
    background-color: #eaecf2 !important
}

.bgc-light-d2 {
    background-color: #dfe2ec !important
}

.bgc-light-m1 {
    background-color: #f6f7fa !important
}

.brc-h-light-m1:hover,
.brc-light-m1 {
    border-color: #f6f7fa !important
}

.bgc-light-m2 {
    background-color: #f8f9fb !important
}

.brc-h-light-m2:hover,
.brc-light-m2 {
    border-color: #f8f9fb !important
}

.bgc-light-m3 {
    background-color: #f9fafc !important
}

.brc-h-light-m3:hover,
.brc-light-m3 {
    border-color: #f9fafc !important
}

.bgc-light-m4 {
    background-color: #fbfbfc !important
}

.brc-h-light-m4:hover,
.brc-light-m4 {
    border-color: #fbfbfc !important
}

.bgc-h-light-l1:hover,
.bgc-light-l1 {
    background-color: #fcfcfd !important
}

.brc-light-l1 {
    border-color: #fcfcfd !important
}

.bgc-h-light-l2:hover,
.bgc-light-l2 {
    background-color: #fdfdfe !important
}

.brc-light-l2 {
    border-color: #fdfdfe !important
}

.bgc-h-light-l3:hover,
.bgc-light-l3 {
    background-color: #fdfefe !important
}

.brc-light-l3 {
    border-color: #fdfefe !important
}

.bgc-h-light-l4:hover,
.bgc-light-l4 {
    background-color: #fefefe !important
}

.brc-light-l4 {
    border-color: #fefefe !important
}

.bgc-h-light-l5:hover,
.bgc-light-l5 {
    background-color: #fefefe !important
}

.brc-light-l5 {
    border-color: #fefefe !important
}

.bgc-white {
    background-color: #fff !important
}

.brc-white {
    border-color: #fff !important
}

.bgc-white-d1 {
    background-color: #f6f6f6 !important
}

.bgc-white-d2 {
    background-color: #ededed !important
}

.bgc-black {
    background-color: #313539 !important
}

.brc-black {
    border-color: #313539 !important
}

.bgc-black-d1 {
    background-color: #292c2f !important
}

.bgc-black-d2 {
    background-color: #202326 !important
}

.bgc-black-m1 {
    background-color: #4d535a !important
}

.brc-black-m1,
.brc-h-black-m1:hover {
    border-color: #4d535a !important
}

.bgc-black-m2 {
    background-color: #69727a !important
}

.brc-black-m2,
.brc-h-black-m2:hover {
    border-color: #69727a !important
}

.bgc-black-m3 {
    background-color: #889099 !important
}

.brc-black-m3,
.brc-h-black-m3:hover {
    border-color: #889099 !important
}

.bgc-black-m4 {
    background-color: #a9afb5 !important
}

.brc-black-m4,
.brc-h-black-m4:hover {
    border-color: #a9afb5 !important
}

.bgc-black-l1,
.bgc-h-black-l1:hover {
    background-color: #c7cbcf !important
}

.brc-black-l1 {
    border-color: #c7cbcf !important
}

.bgc-black-l2,
.bgc-h-black-l2:hover {
    background-color: #d8dbdd !important
}

.brc-black-l2 {
    border-color: #d8dbdd !important
}

.bgc-black-l3,
.bgc-h-black-l3:hover {
    background-color: #e5e6e8 !important
}

.brc-black-l3 {
    border-color: #e5e6e8 !important
}

.bgc-black-l4,
.bgc-h-black-l4:hover {
    background-color: #eeeff0 !important
}

.brc-black-l4 {
    border-color: #eeeff0 !important
}

.bgc-black-l5,
.bgc-h-black-l5:hover {
    background-color: #f7f7f8 !important
}

.brc-black-l5 {
    border-color: #f7f7f8 !important
}

.bgc-grey {
    background-color: #8d8f95 !important
}

.brc-grey {
    border-color: #8d8f95 !important
}

.bgc-grey-tp1 {
    background-color: rgba(141, 143, 149, .92) !important
}

.brc-grey-tp1 {
    border-color: rgba(141, 143, 149, .92) !important
}

.bgc-grey-tp2 {
    background-color: rgba(141, 143, 149, .84) !important
}

.brc-grey-tp2 {
    border-color: rgba(141, 143, 149, .84) !important
}

.bgc-grey-tp3 {
    background-color: rgba(141, 143, 149, .76) !important
}

.brc-grey-tp3 {
    border-color: rgba(141, 143, 149, .76) !important
}

.bgc-grey-tp4 {
    background-color: rgba(141, 143, 149, .68) !important
}

.brc-grey-tp4 {
    border-color: rgba(141, 143, 149, .68) !important
}

.bgc-grey-d1 {
    background-color: #84868c !important
}

.bgc-grey-d2 {
    background-color: #7b7d84 !important
}

.bgc-grey-m1 {
    background-color: #9ea0a5 !important
}

.brc-grey-m1,
.brc-h-grey-m1:hover {
    border-color: #9ea0a5 !important
}

.bgc-grey-m2 {
    background-color: #afb1b5 !important
}

.brc-grey-m2,
.brc-h-grey-m2:hover {
    border-color: #afb1b5 !important
}

.bgc-grey-m3 {
    background-color: #c1c2c5 !important
}

.brc-grey-m3,
.brc-h-grey-m3:hover {
    border-color: #c1c2c5 !important
}

.bgc-grey-m4 {
    background-color: #d2d3d5 !important
}

.brc-grey-m4,
.brc-h-grey-m4:hover {
    border-color: #d2d3d5 !important
}

.bgc-grey-l1,
.bgc-h-grey-l1:hover {
    background-color: #e2e3e4 !important
}

.brc-grey-l1 {
    border-color: #e2e3e4 !important
}

.bgc-grey-l2,
.bgc-h-grey-l2:hover {
    background-color: #ebebec !important
}

.brc-grey-l2 {
    border-color: #ebebec !important
}

.bgc-grey-l3,
.bgc-h-grey-l3:hover {
    background-color: #f2f2f3 !important
}

.brc-grey-l3 {
    border-color: #f2f2f3 !important
}

.bgc-grey-l4,
.bgc-h-grey-l4:hover {
    background-color: #f6f7f7 !important
}

.brc-grey-l4 {
    border-color: #f6f7f7 !important
}

.bgc-grey-l5,
.bgc-h-grey-l5:hover {
    background-color: #fbfbfb !important
}

.brc-grey-l5 {
    border-color: #fbfbfb !important
}

.bgc-purple {
    background-color: #8d7bbd !important
}

.brc-purple {
    border-color: #8d7bbd !important
}

.bgc-purple-tp1 {
    background-color: rgba(141, 123, 189, .92) !important
}

.brc-purple-tp1 {
    border-color: rgba(141, 123, 189, .92) !important
}

.bgc-purple-tp2 {
    background-color: rgba(141, 123, 189, .84) !important
}

.brc-purple-tp2 {
    border-color: rgba(141, 123, 189, .84) !important
}

.bgc-purple-tp3 {
    background-color: rgba(141, 123, 189, .76) !important
}

.brc-purple-tp3 {
    border-color: rgba(141, 123, 189, .76) !important
}

.bgc-purple-tp4 {
    background-color: rgba(141, 123, 189, .68) !important
}

.brc-purple-tp4 {
    border-color: rgba(141, 123, 189, .68) !important
}

.bgc-purple-d1 {
    background-color: #836fb7 !important
}

.bgc-purple-d2 {
    background-color: #7863b1 !important
}

.bgc-purple-m1 {
    background-color: #9e8fc7 !important
}

.brc-h-purple-m1:hover,
.brc-purple-m1 {
    border-color: #9e8fc7 !important
}

.bgc-purple-m2 {
    background-color: #afa3d1 !important
}

.brc-h-purple-m2:hover,
.brc-purple-m2 {
    border-color: #afa3d1 !important
}

.bgc-purple-m3 {
    background-color: #c1b7db !important
}

.brc-h-purple-m3:hover,
.brc-purple-m3 {
    border-color: #c1b7db !important
}

.bgc-purple-m4 {
    background-color: #d2cbe5 !important
}

.brc-h-purple-m4:hover,
.brc-purple-m4 {
    border-color: #d2cbe5 !important
}

.bgc-h-purple-l1:hover,
.bgc-purple-l1 {
    background-color: #e2ddee !important
}

.brc-purple-l1 {
    border-color: #e2ddee !important
}

.bgc-h-purple-l2:hover,
.bgc-purple-l2 {
    background-color: #ebe7f3 !important
}

.brc-purple-l2 {
    border-color: #ebe7f3 !important
}

.bgc-h-purple-l3:hover,
.bgc-purple-l3 {
    background-color: #f1eff7 !important
}

.brc-purple-l3 {
    border-color: #f1eff7 !important
}

.bgc-h-purple-l4:hover,
.bgc-purple-l4 {
    background-color: #f6f5fa !important
}

.brc-purple-l4 {
    border-color: #f6f5fa !important
}

.bgc-h-purple-l5:hover,
.bgc-purple-l5 {
    background-color: #fbfafd !important
}

.brc-purple-l5 {
    border-color: #fbfafd !important
}

.bgc-pink {
    background-color: #d65c8b !important
}

.brc-pink {
    border-color: #d65c8b !important
}

.bgc-pink-tp1 {
    background-color: rgba(214, 92, 139, .92) !important
}

.brc-pink-tp1 {
    border-color: rgba(214, 92, 139, .92) !important
}

.bgc-pink-tp2 {
    background-color: rgba(214, 92, 139, .84) !important
}

.brc-pink-tp2 {
    border-color: rgba(214, 92, 139, .84) !important
}

.bgc-pink-tp3 {
    background-color: rgba(214, 92, 139, .76) !important
}

.brc-pink-tp3 {
    border-color: rgba(214, 92, 139, .76) !important
}

.bgc-pink-tp4 {
    background-color: rgba(214, 92, 139, .68) !important
}

.brc-pink-tp4 {
    border-color: rgba(214, 92, 139, .68) !important
}

.bgc-pink-d1 {
    background-color: #d24e81 !important
}

.bgc-pink-d2 {
    background-color: #cf3f77 !important
}

.bgc-pink-m1 {
    background-color: #dc759d !important
}

.brc-h-pink-m1:hover,
.brc-pink-m1 {
    border-color: #dc759d !important
}

.bgc-pink-m2 {
    background-color: #e28eae !important
}

.brc-h-pink-m2:hover,
.brc-pink-m2 {
    border-color: #e28eae !important
}

.bgc-pink-m3 {
    background-color: #e9a6c0 !important
}

.brc-h-pink-m3:hover,
.brc-pink-m3 {
    border-color: #e9a6c0 !important
}

.bgc-pink-m4 {
    background-color: #efbfd1 !important
}

.brc-h-pink-m4:hover,
.brc-pink-m4 {
    border-color: #efbfd1 !important
}

.bgc-h-pink-l1:hover,
.bgc-pink-l1 {
    background-color: #f5d6e2 !important
}

.brc-pink-l1 {
    border-color: #f5d6e2 !important
}

.bgc-h-pink-l2:hover,
.bgc-pink-l2 {
    background-color: #f8e3eb !important
}

.brc-pink-l2 {
    border-color: #f8e3eb !important
}

.bgc-h-pink-l3:hover,
.bgc-pink-l3 {
    background-color: #faecf2 !important
}

.brc-pink-l3 {
    border-color: #faecf2 !important
}

.bgc-h-pink-l4:hover,
.bgc-pink-l4 {
    background-color: #fcf3f7 !important
}

.brc-pink-l4 {
    border-color: #fcf3f7 !important
}

.bgc-h-pink-l5:hover,
.bgc-pink-l5 {
    background-color: #fefafc !important
}

.brc-pink-l5 {
    border-color: #fefafc !important
}

.bgc-yellow {
    background-color: #f4e47c !important
}

.brc-yellow {
    border-color: #f4e47c !important
}

.bgc-yellow-radvin {
    background-color: #ff0 !important
}

.brc-yellow-radvin {
    background-color: #ff0 !important
}

.bgc-yellow-tp1 {
    background-color: rgba(244, 228, 124, .92) !important
}

.brc-yellow-tp1 {
    border-color: rgba(244, 228, 124, .92) !important
}

.bgc-yellow-tp2 {
    background-color: rgba(244, 228, 124, .84) !important
}

.brc-yellow-tp2 {
    border-color: rgba(244, 228, 124, .84) !important
}

.bgc-yellow-tp3 {
    background-color: rgba(244, 228, 124, .76) !important
}

.brc-yellow-tp3 {
    border-color: rgba(244, 228, 124, .76) !important
}

.bgc-yellow-tp4 {
    background-color: rgba(244, 228, 124, .68) !important
}

.brc-yellow-tp4 {
    border-color: rgba(244, 228, 124, .68) !important
}

.bgc-yellow-d1 {
    background-color: #f3e16c !important
}

.bgc-yellow-d2 {
    background-color: #f1dd5b !important
}

.bgc-yellow-m1 {
    background-color: #f6e890 !important
}

.brc-h-yellow-m1:hover,
.brc-yellow-m1 {
    border-color: #f6e890 !important
}

.bgc-yellow-m2 {
    background-color: #f7eca4 !important
}

.brc-h-yellow-m2:hover,
.brc-yellow-m2 {
    border-color: #f7eca4 !important
}

.bgc-yellow-m3 {
    background-color: #f9f0b8 !important
}

.brc-h-yellow-m3:hover,
.brc-yellow-m3 {
    border-color: #f9f0b8 !important
}

.bgc-yellow-m4 {
    background-color: #fbf5cc !important
}

.brc-h-yellow-m4:hover,
.brc-yellow-m4 {
    border-color: #fbf5cc !important
}

.bgc-h-yellow-l1:hover,
.bgc-yellow-l1 {
    background-color: #fcf8df !important
}

.brc-yellow-l1 {
    border-color: #fcf8df !important
}

.bgc-h-yellow-l2:hover,
.bgc-yellow-l2 {
    background-color: #fdfbea !important
}

.brc-yellow-l2 {
    border-color: #fdfbea !important
}

.bgc-h-yellow-l3:hover,
.bgc-yellow-l3 {
    background-color: #fefcf1 !important
}

.brc-yellow-l3 {
    border-color: #fefcf1 !important
}

.bgc-h-yellow-l4:hover,
.bgc-yellow-l4 {
    background-color: #fefdf7 !important
}

.brc-yellow-l4 {
    border-color: #fefdf7 !important
}

.bgc-h-yellow-l5:hover,
.bgc-yellow-l5 {
    background-color: #fffefd !important
}

.brc-yellow-l5 {
    border-color: #fffefd !important
}

.bgc-lightgrey {
    background-color: #a9adb3 !important
}

.brc-lightgrey {
    border-color: #a9adb3 !important
}

.bgc-lightgrey-tp1 {
    background-color: rgba(169, 173, 179, .92) !important
}

.brc-lightgrey-tp1 {
    border-color: rgba(169, 173, 179, .92) !important
}

.bgc-lightgrey-tp2 {
    background-color: rgba(169, 173, 179, .84) !important
}

.brc-lightgrey-tp2 {
    border-color: rgba(169, 173, 179, .84) !important
}

.bgc-lightgrey-tp3 {
    background-color: rgba(169, 173, 179, .76) !important
}

.brc-lightgrey-tp3 {
    border-color: rgba(169, 173, 179, .76) !important
}

.bgc-lightgrey-tp4 {
    background-color: rgba(169, 173, 179, .68) !important
}

.brc-lightgrey-tp4 {
    border-color: rgba(169, 173, 179, .68) !important
}

.bgc-lightgrey-d1 {
    background-color: #a0a4ab !important
}

.bgc-lightgrey-d2 {
    background-color: #969ba2 !important
}

.bgc-lightgrey-m1 {
    background-color: #b6b9be !important
}

.brc-h-lightgrey-m1:hover,
.brc-lightgrey-m1 {
    border-color: #b6b9be !important
}

.bgc-lightgrey-m2 {
    background-color: #c3c5ca !important
}

.brc-h-lightgrey-m2:hover,
.brc-lightgrey-m2 {
    border-color: #c3c5ca !important
}

.bgc-lightgrey-m3 {
    background-color: #cfd2d5 !important
}

.brc-h-lightgrey-m3:hover,
.brc-lightgrey-m3 {
    border-color: #cfd2d5 !important
}

.bgc-lightgrey-m4 {
    background-color: #dcdee0 !important
}

.brc-h-lightgrey-m4:hover,
.brc-lightgrey-m4 {
    border-color: #dcdee0 !important
}

.bgc-h-lightgrey-l1:hover,
.bgc-lightgrey-l1 {
    background-color: #e8e9eb !important
}

.brc-lightgrey-l1 {
    border-color: #e8e9eb !important
}

.bgc-h-lightgrey-l2:hover,
.bgc-lightgrey-l2 {
    background-color: #efeff1 !important
}

.brc-lightgrey-l2 {
    border-color: #efeff1 !important
}

.bgc-h-lightgrey-l3:hover,
.bgc-lightgrey-l3 {
    background-color: #f4f4f5 !important
}

.brc-lightgrey-l3 {
    border-color: #f4f4f5 !important
}

.bgc-h-lightgrey-l4:hover,
.bgc-lightgrey-l4 {
    background-color: #f7f8f8 !important
}

.brc-lightgrey-l4 {
    border-color: #f7f8f8 !important
}

.bgc-h-lightgrey-l5:hover,
.bgc-lightgrey-l5 {
    background-color: #fbfbfb !important
}

.brc-lightgrey-l5 {
    border-color: #fbfbfb !important
}

.bgc-brown {
    background-color: #c59c6b !important
}

.brc-brown {
    border-color: #c59c6b !important
}

.bgc-brown-tp1 {
    background-color: rgba(197, 156, 107, .92) !important
}

.brc-brown-tp1 {
    border-color: rgba(197, 156, 107, .92) !important
}

.bgc-brown-tp2 {
    background-color: rgba(197, 156, 107, .84) !important
}

.brc-brown-tp2 {
    border-color: rgba(197, 156, 107, .84) !important
}

.bgc-brown-tp3 {
    background-color: rgba(197, 156, 107, .76) !important
}

.brc-brown-tp3 {
    border-color: rgba(197, 156, 107, .76) !important
}

.bgc-brown-tp4 {
    background-color: rgba(197, 156, 107, .68) !important
}

.brc-brown-tp4 {
    border-color: rgba(197, 156, 107, .68) !important
}

.bgc-brown-d1 {
    background-color: #c0935e !important
}

.bgc-brown-d2 {
    background-color: #bb8b51 !important
}

.bgc-brown-m1 {
    background-color: #ceab81 !important
}

.brc-brown-m1,
.brc-h-brown-m1:hover {
    border-color: #ceab81 !important
}

.bgc-brown-m2 {
    background-color: #d6ba98 !important
}

.brc-brown-m2,
.brc-h-brown-m2:hover {
    border-color: #d6ba98 !important
}

.bgc-brown-m3 {
    background-color: #dfc9ae !important
}

.brc-brown-m3,
.brc-h-brown-m3:hover {
    border-color: #dfc9ae !important
}

.bgc-brown-m4 {
    background-color: #e8d8c4 !important
}

.brc-brown-m4,
.brc-h-brown-m4:hover {
    border-color: #e8d8c4 !important
}

.bgc-brown-l1,
.bgc-h-brown-l1:hover {
    background-color: #f0e6d9 !important
}

.brc-brown-l1 {
    border-color: #f0e6d9 !important
}

.bgc-brown-l2,
.bgc-h-brown-l2:hover {
    background-color: #f4ede4 !important
}

.brc-brown-l2 {
    border-color: #f4ede4 !important
}

.bgc-brown-l3,
.bgc-h-brown-l3:hover {
    background-color: #f8f3ed !important
}

.brc-brown-l3 {
    border-color: #f8f3ed !important
}

.bgc-brown-l4,
.bgc-h-brown-l4:hover {
    background-color: #faf7f3 !important
}

.brc-brown-l4 {
    border-color: #faf7f3 !important
}

.bgc-brown-l5,
.bgc-h-brown-l5:hover {
    background-color: #fdfbf9 !important
}

.brc-brown-l5 {
    border-color: #fdfbf9 !important
}

.bgc-blue {
    background-color: #53abe4 !important
}

.brc-blue {
    border-color: #53abe4 !important
}

.bgc-blue-tp1 {
    background-color: rgba(83, 171, 228, .92) !important
}

.brc-blue-tp1 {
    border-color: rgba(83, 171, 228, .92) !important
}

.bgc-blue-tp2 {
    background-color: rgba(83, 171, 228, .84) !important
}

.brc-blue-tp2 {
    border-color: rgba(83, 171, 228, .84) !important
}

.bgc-blue-tp3 {
    background-color: rgba(83, 171, 228, .76) !important
}

.brc-blue-tp3 {
    border-color: rgba(83, 171, 228, .76) !important
}

.bgc-blue-tp4 {
    background-color: rgba(83, 171, 228, .68) !important
}

.brc-blue-tp4 {
    border-color: rgba(83, 171, 228, .68) !important
}

.bgc-blue-d1 {
    background-color: #44a3e2 !important
}

.bgc-blue-d2 {
    background-color: #349cdf !important
}

.bgc-blue-m1 {
    background-color: #6db8e8 !important
}

.brc-blue-m1,
.brc-h-blue-m1:hover {
    border-color: #191970 !important
}

.bgc-blue-m2 {
    background-color: #87c4ec !important
}

.brc-blue-m2,
.brc-h-blue-m2:hover {
    border-color: #87c4ec !important
}

.bgc-blue-m3 {
    background-color: #a0d1f0 !important
}

.brc-blue-m3,
.brc-h-blue-m3:hover {
    border-color: #a0d1f0 !important
}

.bgc-blue-m4 {
    background-color: #baddf4 !important
}

.brc-blue-m4,
.brc-h-blue-m4:hover {
    border-color: #baddf4 !important
}

.bgc-blue-l1,
.bgc-h-blue-l1:hover {
    background-color: #d3e9f8 !important
}

.brc-blue-l1 {
    border-color: #d3e9f8 !important
}

.bgc-blue-l2,
.bgc-h-blue-l2:hover {
    background-color: #dff0fa !important
}

.brc-blue-l2 {
    border-color: #dff0fa !important
}

.bgc-blue-l3,
.bgc-h-blue-l3:hover {
    background-color: #e9f4fc !important
}

.brc-blue-l3 {
    border-color: #e9f4fc !important
}

.bgc-blue-l4,
.bgc-h-blue-l4:hover {
    background-color: #f1f8fd !important
}

.brc-blue-l4 {
    border-color: #f1f8fd !important
}

.bgc-blue-l5,
.bgc-h-blue-l5:hover {
    background-color: #f8fbfe !important
}

.brc-blue-l5 {
    border-color: #f8fbfe !important
}

.bgc-red {
    background-color: #ed6565 !important
}

.brc-red {
    border-color: #ed6565 !important
}

.bgc-red-tp1 {
    background-color: rgba(237, 101, 101, .92) !important
}

.brc-red-tp1 {
    border-color: rgba(237, 101, 101, .92) !important
}

.bgc-red-tp2 {
    background-color: rgba(237, 101, 101, .84) !important
}

.brc-red-tp2 {
    border-color: rgba(237, 101, 101, .84) !important
}

.bgc-red-tp3 {
    background-color: rgba(237, 101, 101, .76) !important
}

.brc-red-tp3 {
    border-color: rgba(237, 101, 101, .76) !important
}

.bgc-red-tp4 {
    background-color: rgba(237, 101, 101, .68) !important
}

.brc-red-tp4 {
    border-color: rgba(237, 101, 101, .68) !important
}

.bgc-red-d1 {
    background-color: #eb5555 !important
}

.bgc-red-d2 {
    background-color: #e94545 !important
}

.bgc-red-m1 {
    background-color: #f07d7d !important
}

.brc-h-red-m1:hover,
.brc-red-m1 {
    border-color: #f07d7d !important
}

.bgc-red-m2 {
    background-color: #f39494 !important
}

.brc-h-red-m2:hover,
.brc-red-m2 {
    border-color: #f39494 !important
}

.bgc-red-m3 {
    background-color: #f5acac !important
}

.brc-h-red-m3:hover,
.brc-red-m3 {
    border-color: #f5acac !important
}

.bgc-red-m4 {
    background-color: #f8c4c4 !important
}

.brc-h-red-m4:hover,
.brc-red-m4 {
    border-color: #f8c4c4 !important
}

.bgc-h-red-l1:hover,
.bgc-red-l1 {
    background-color: #fbdada !important
}

.brc-red-l1 {
    border-color: #fbdada !important
}

.bgc-h-red-l2:hover,
.bgc-red-l2 {
    background-color: #fce6e6 !important
}

.brc-red-l2 {
    border-color: #fce6e6 !important
}

.bgc-h-red-l3:hover,
.bgc-red-l3 {
    background-color: #fdefef !important
}

.brc-red-l3 {
    border-color: #fdefef !important
}

.bgc-h-red-l4:hover,
.bgc-red-l4 {
    background-color: #fef5f5 !important
}

.brc-red-l4 {
    border-color: #fef5f5 !important
}

.bgc-h-red-l5:hover,
.bgc-red-l5 {
    background-color: #fffcfc !important
}

.brc-red-l5 {
    border-color: #fffcfc !important
}

.bgc-green {
    background-color: #62cb9f !important
}

.brc-green {
    border-color: #62cb9f !important
}

.bgc-green-tp1 {
    background-color: rgba(98, 203, 159, .92) !important
}

.brc-green-tp1 {
    border-color: rgba(98, 203, 159, .92) !important
}

.bgc-green-tp2 {
    background-color: rgba(98, 203, 159, .84) !important
}

.brc-green-tp2 {
    border-color: rgba(98, 203, 159, .84) !important
}

.bgc-green-tp3 {
    background-color: rgba(98, 203, 159, .76) !important
}

.brc-green-tp3 {
    border-color: rgba(98, 203, 159, .76) !important
}

.bgc-green-tp4 {
    background-color: rgba(98, 203, 159, .68) !important
}

.brc-green-tp4 {
    border-color: rgba(98, 203, 159, .68) !important
}

.bgc-green-d1 {
    background-color: #55c797 !important
}

.bgc-green-d2 {
    background-color: #47c28f !important
}

.bgc-green-m1 {
    background-color: #79d3ad !important
}

.brc-green-m1,
.brc-h-green-m1:hover {
    border-color: #79d3ad !important
}

.bgc-green-m2 {
    background-color: #91dabb !important
}

.brc-green-m2,
.brc-h-green-m2:hover {
    border-color: #91dabb !important
}

.bgc-green-m3 {
    background-color: #a8e2ca !important
}

.brc-green-m3,
.brc-h-green-m3:hover {
    border-color: #a8e2ca !important
}

.bgc-green-m4 {
    background-color: #bfead8 !important
}

.brc-green-m4,
.brc-h-green-m4:hover {
    border-color: #bfead8 !important
}

.bgc-green-l1,
.bgc-h-green-l1:hover {
    background-color: #d5f1e5 !important
}

.brc-green-l1 {
    border-color: #d5f1e5 !important
}

.bgc-green-l2,
.bgc-h-green-l2:hover {
    background-color: #e1f5ec !important
}

.brc-green-l2 {
    border-color: #e1f5ec !important
}

.bgc-green-l3,
.bgc-h-green-l3:hover {
    background-color: #eaf8f2 !important
}

.brc-green-l3 {
    border-color: #eaf8f2 !important
}

.bgc-green-l4,
.bgc-h-green-l4:hover {
    background-color: #f0faf6 !important
}

.brc-green-l4 {
    border-color: #f0faf6 !important
}

.bgc-green-l5,
.bgc-h-green-l5:hover {
    background-color: #f7fcfa !important
}

.brc-green-l5 {
    border-color: #f7fcfa !important
}

.bgc-transparent {
    background-color: transparent !important
}

[class*=bgc-h-] {
    transition: background-color .15s
}

.brc-transparent {
    border-color: transparent !important
}

[class*=brc-h-] {
    transition: border-color .15s
}

.brc-black {
    border-color: #000 !important
}

.brc-white {
    border-color: #fff !important
}

.bgc-current {
    background-color: currentColor !important
}

.brc-current {
    border-color: currentColor !important
}

.bgc-black-tp1,
.bgc-h-black-tp1:hover {
    background-color: rgba(0, 0, 0, .9075) !important
}

.bgc-h-white-tp1:hover,
.bgc-white-tp1 {
    background-color: rgba(255, 255, 255, .9075) !important
}

.bgc-black-tp2,
.bgc-h-black-tp2:hover {
    background-color: rgba(0, 0, 0, .815) !important
}

.bgc-h-white-tp2:hover,
.bgc-white-tp2 {
    background-color: rgba(255, 255, 255, .815) !important
}

.bgc-black-tp3,
.bgc-h-black-tp3:hover {
    background-color: rgba(0, 0, 0, .7225) !important
}

.bgc-h-white-tp3:hover,
.bgc-white-tp3 {
    background-color: rgba(255, 255, 255, .7225) !important
}

.bgc-black-tp4,
.bgc-h-black-tp4:hover {
    background-color: rgba(0, 0, 0, .63) !important
}

.bgc-h-white-tp4:hover,
.bgc-white-tp4 {
    background-color: rgba(255, 255, 255, .63) !important
}

.bgc-black-tp5,
.bgc-h-black-tp5:hover {
    background-color: rgba(0, 0, 0, .5375) !important
}

.bgc-h-white-tp5:hover,
.bgc-white-tp5 {
    background-color: rgba(255, 255, 255, .5375) !important
}

.bgc-black-tp6,
.bgc-h-black-tp6:hover {
    background-color: rgba(0, 0, 0, .445) !important
}

.bgc-h-white-tp6:hover,
.bgc-white-tp6 {
    background-color: rgba(255, 255, 255, .445) !important
}

.bgc-black-tp7,
.bgc-h-black-tp7:hover {
    background-color: rgba(0, 0, 0, .3525) !important
}

.bgc-h-white-tp7:hover,
.bgc-white-tp7 {
    background-color: rgba(255, 255, 255, .3525) !important
}

.bgc-black-tp8,
.bgc-h-black-tp8:hover {
    background-color: rgba(0, 0, 0, .26) !important
}

.bgc-h-white-tp8:hover,
.bgc-white-tp8 {
    background-color: rgba(255, 255, 255, .26) !important
}

.bgc-black-tp9,
.bgc-h-black-tp9:hover {
    background-color: rgba(0, 0, 0, .1675) !important
}

.bgc-h-white-tp9:hover,
.bgc-white-tp9 {
    background-color: rgba(255, 255, 255, .1675) !important
}

.bgc-black-tp10,
.bgc-h-black-tp10:hover {
    background-color: rgba(0, 0, 0, .075) !important
}

.bgc-h-white-tp10:hover,
.bgc-white-tp10 {
    background-color: rgba(255, 255, 255, .075) !important
}

.brc-black-tp1 {
    border-color: rgba(0, 0, 0, .9075) !important
}

.brc-white-tp1 {
    border-color: rgba(255, 255, 255, .9075) !important
}

.brc-black-tp2 {
    border-color: rgba(0, 0, 0, .815) !important
}

.brc-white-tp2 {
    border-color: rgba(255, 255, 255, .815) !important
}

.brc-black-tp3 {
    border-color: rgba(0, 0, 0, .7225) !important
}

.brc-white-tp3 {
    border-color: rgba(255, 255, 255, .7225) !important
}

.brc-black-tp4 {
    border-color: rgba(0, 0, 0, .63) !important
}

.brc-white-tp4 {
    border-color: rgba(255, 255, 255, .63) !important
}

.brc-black-tp5 {
    border-color: rgba(0, 0, 0, .5375) !important
}

.brc-white-tp5 {
    border-color: rgba(255, 255, 255, .5375) !important
}

.brc-black-tp6 {
    border-color: rgba(0, 0, 0, .445) !important
}

.brc-white-tp6 {
    border-color: rgba(255, 255, 255, .445) !important
}

.brc-black-tp7 {
    border-color: rgba(0, 0, 0, .3525) !important
}

.brc-white-tp7 {
    border-color: rgba(255, 255, 255, .3525) !important
}

.brc-black-tp8 {
    border-color: rgba(0, 0, 0, .26) !important
}

.brc-white-tp8 {
    border-color: rgba(255, 255, 255, .26) !important
}

.brc-black-tp9 {
    border-color: rgba(0, 0, 0, .1675) !important
}

.brc-white-tp9 {
    border-color: rgba(255, 255, 255, .1675) !important
}

.brc-black-tp10 {
    border-color: rgba(0, 0, 0, .075) !important
}

.brc-white-tp10 {
    border-color: rgba(255, 255, 255, .075) !important
}

.bgc-dark-grad {
    background-image: linear-gradient(rgba(0, 0, 0, .33) 0, rgba(0, 0, 0, 0) 50%, rgba(0, 0, 0, .33) 100%)
}

.bgc-light-grad {
    background-image: linear-gradient(rgba(255, 255, 255, .33) 0, rgba(255, 255, 255, 0) 50%, rgba(255, 255, 255, .33) 100%)
}

.bgc-white-grad {
    background-image: linear-gradient(rgba(255, 255, 255, .87) 0, rgba(255, 255, 255, .33) 50%, rgba(255, 255, 255, .87) 100%)
}

.bg-none {
    background-image: none !important
}

.border-0 {
    border-width: 0 !important;
    border-style: solid !important;
    border-color: transparent
}

.border-none {
    border-width: 0 !important;
    border-style: solid;
    border-color: transparent
}

.border-1 {
    border-width: 1px !important;
    border-style: solid !important;
    border-color: transparent
}

.border-2 {
    border-width: 2px !important;
    border-style: solid !important;
    border-color: transparent
}

.border-3 {
    border-width: 3px !important;
    border-style: solid !important;
    border-color: transparent
}

.border-4 {
    border-width: 4px !important;
    border-style: solid !important;
    border-color: transparent
}

.border-t-0,
.border-y-0 {
    border-top-width: 0 !important;
    border-top-style: solid !important;
    border-top-color: transparent
}

.border-b-0,
.border-y-0 {
    border-bottom-width: 0 !important;
    border-bottom-style: solid !important;
    border-bottom-color: transparent
}

.border-r-0,
.border-x-0 {
    border-left-width: 0 !important;
    border-left-style: solid !important;
    border-left-color: transparent
}

.border-l-0,
.border-x-0 {
    border-right-width: 0 !important;
    border-right-style: solid !important;
    border-right-color: transparent
}

.border-t-1,
.border-y-1 {
    border-top-width: 1px !important;
    border-top-style: solid !important;
    border-top-color: transparent
}

.border-b-1,
.border-y-1 {
    border-bottom-width: 1px !important;
    border-bottom-style: solid !important;
    border-bottom-color: transparent
}

.border-r-1,
.border-x-1 {
    border-left-width: 1px !important;
    border-left-style: solid !important;
    border-left-color: transparent
}

.border-l-1,
.border-x-1 {
    border-right-width: 1px !important;
    border-right-style: solid !important;
    border-right-color: transparent
}

.border-t-2,
.border-y-2 {
    border-top-width: 2px !important;
    border-top-style: solid !important;
    border-top-color: transparent
}

.border-b-2,
.border-y-2 {
    border-bottom-width: 2px !important;
    border-bottom-style: solid !important;
    border-bottom-color: transparent
}

.border-r-2,
.border-x-2 {
    border-left-width: 2px !important;
    border-left-style: solid !important;
    border-left-color: transparent
}

.border-l-2,
.border-x-2 {
    border-right-width: 2px !important;
    border-right-style: solid !important;
    border-right-color: transparent
}

.border-t-3,
.border-y-3 {
    border-top-width: 3px !important;
    border-top-style: solid !important;
    border-top-color: transparent
}

.border-b-3,
.border-y-3 {
    border-bottom-width: 3px !important;
    border-bottom-style: solid !important;
    border-bottom-color: transparent
}

.border-r-3,
.border-x-3 {
    border-left-width: 3px !important;
    border-left-style: solid !important;
    border-left-color: transparent
}

.border-l-3,
.border-x-3 {
    border-right-width: 3px !important;
    border-right-style: solid !important;
    border-right-color: transparent
}

.border-t-4,
.border-y-4 {
    border-top-width: 4px !important;
    border-top-style: solid !important;
    border-top-color: transparent
}

.border-b-4,
.border-y-4 {
    border-bottom-width: 4px !important;
    border-bottom-style: solid !important;
    border-bottom-color: transparent
}

.border-r-4,
.border-x-4 {
    border-left-width: 4px !important;
    border-left-style: solid !important;
    border-left-color: transparent
}

.border-l-4,
.border-x-4 {
    border-right-width: 4px !important;
    border-right-style: solid !important;
    border-right-color: transparent
}

.border-solid {
    border-style: solid !important
}

.border-dotted {
    border-style: dotted !important
}

.border-double {
    border-style: double !important
}

.border-dashed {
    border-style: dashed !important
}

[class*=b-underline-] {
    position: relative
}

[class*=b-underline-]::after {
    content: "";
    display: block;
    position: absolute;
    bottom: -.25rem;
    right: 1px;
    border-bottom: 2px solid;
    border-color: currentColor;
    opacity: .55;
    max-width: 80%
}

[class*=b-underline-n]::after {
    max-width: none
}

.b-centered::after {
    right: 0;
    left: 0;
    margin: 0 auto
}

.b-underline-0::after {
    width: 0
}

.b-underline-n0::after {
    width: calc(100% - 0rem)
}

.b-underline-1::after {
    width: 1rem
}

.b-underline-n1::after {
    width: calc(100% - 1rem)
}

.b-underline-2::after {
    width: 2rem
}

.b-underline-n2::after {
    width: calc(100% - 2rem)
}

.b-underline-3::after {
    width: 3rem
}

.b-underline-n3::after {
    width: calc(100% - 3rem)
}

.b-underline-4::after {
    width: 4rem
}

.b-underline-n4::after {
    width: calc(100% - 4rem)
}

.b-underline-5::after {
    width: 5rem
}

.b-underline-n5::after {
    width: calc(100% - 5rem)
}

.b-hovered::after {
    transition: width .15s, max-width 0s .15s
}

@media (prefers-reduced-motion:reduce) {
    .b-hovered::after {
        transition: none
    }
}

.b-hovered:hover::after {
    width: 100%;
    max-width: 100%;
    transition-delay: 0s, 0s
}

.radius-0 {
    border-radius: 0 !important
}

.radius-1 {
    border-radius: .25rem !important
}

.radius-2 {
    border-radius: .5rem !important
}

.radius-3 {
    border-radius: .75rem !important
}

.radius-4 {
    border-radius: 1rem !important
}

.radius-5 {
    border-radius: 1.25rem !important
}

.radius-1px {
    border-radius: 1px !important
}

.radius-2px {
    border-radius: 2px !important
}

.radius-3px {
    border-radius: 3px !important
}

.radius-5px {
    border-radius: 5px !important
}

.radius-10rem {
    border-radius: 10rem !important
}

.radius-l-0 {
    border-top-right-radius: 0 !important;
    border-bottom-right-radius: 0 !important
}

.radius-t-0 {
    border-top-right-radius: 0 !important;
    border-top-left-radius: 0 !important
}

.radius-r-0 {
    border-bottom-left-radius: 0 !important;
    border-top-left-radius: 0 !important
}

.radius-b-0 {
    border-bottom-right-radius: 0 !important;
    border-bottom-left-radius: 0 !important
}

.radius-l-1 {
    border-top-right-radius: .25rem !important;
    border-bottom-right-radius: .25rem !important
}

.radius-t-1 {
    border-top-right-radius: .25rem !important;
    border-top-left-radius: .25rem !important
}

.radius-r-1 {
    border-bottom-left-radius: .25rem !important;
    border-top-left-radius: .25rem !important
}

.radius-b-1 {
    border-bottom-right-radius: .25rem !important;
    border-bottom-left-radius: .25rem !important
}

.radius-l-2 {
    border-top-right-radius: .5rem !important;
    border-bottom-right-radius: .5rem !important
}

.radius-t-2 {
    border-top-right-radius: .5rem !important;
    border-top-left-radius: .5rem !important
}

.radius-r-2 {
    border-bottom-left-radius: .5rem !important;
    border-top-left-radius: .5rem !important
}

.radius-b-2 {
    border-bottom-right-radius: .5rem !important;
    border-bottom-left-radius: .5rem !important
}

.radius-l-3 {
    border-top-right-radius: .75rem !important;
    border-bottom-right-radius: .75rem !important
}

.radius-t-3 {
    border-top-right-radius: .75rem !important;
    border-top-left-radius: .75rem !important
}

.radius-r-3 {
    border-bottom-left-radius: .75rem !important;
    border-top-left-radius: .75rem !important
}

.radius-b-3 {
    border-bottom-right-radius: .75rem !important;
    border-bottom-left-radius: .75rem !important
}

.radius-l-4 {
    border-top-right-radius: 1rem !important;
    border-bottom-right-radius: 1rem !important
}

.radius-t-4 {
    border-top-right-radius: 1rem !important;
    border-top-left-radius: 1rem !important
}

.radius-r-4 {
    border-bottom-left-radius: 1rem !important;
    border-top-left-radius: 1rem !important
}

.radius-b-4 {
    border-bottom-right-radius: 1rem !important;
    border-bottom-left-radius: 1rem !important
}

.radius-l-5 {
    border-top-right-radius: 1.25rem !important;
    border-bottom-right-radius: 1.25rem !important
}

.radius-t-5 {
    border-top-right-radius: 1.25rem !important;
    border-top-left-radius: 1.25rem !important
}

.radius-r-5 {
    border-bottom-left-radius: 1.25rem !important;
    border-top-left-radius: 1.25rem !important
}

.radius-b-5 {
    border-bottom-right-radius: 1.25rem !important;
    border-bottom-left-radius: 1.25rem !important
}

.radius-round {
    border-radius: 4rem !important
}

.radius-l-round {
    border-top-right-radius: 4rem !important;
    border-bottom-right-radius: 4rem !important
}

.radius-t-round {
    border-top-right-radius: 4rem !important;
    border-top-left-radius: 4rem !important
}

.radius-r-round {
    border-bottom-left-radius: 4rem !important;
    border-top-left-radius: 4rem !important
}

.radius-b-round {
    border-bottom-right-radius: 4rem !important;
    border-bottom-left-radius: 4rem !important
}

.radius-100 {
    border-radius: 100% !important
}

.mw-auto {
    min-width: auto !important
}

.mw-none {
    max-width: none !important
}

.mh-auto {
    min-height: auto !important
}

.mh-none {
    max-height: none !important
}

.minh-100 {
    min-height: 100% !important
}

.minw-100 {
    min-width: 100% !important
}

.w-90 {
    width: 90% !important
}

.h-90 {
    height: 90% !important
}

.w-95 {
    width: 95% !important
}

.h-95 {
    height: 95% !important
}

.w-101 {
    width: calc(100% + 1px) !important
}

.h-101 {
    height: calc(100% + 1px) !important
}

.w-102 {
    width: calc(100% + 2px) !important
}

.h-102 {
    height: calc(100% + 2px) !important
}

.w-1 {
    width: .5rem
}

.w-2 {
    width: 1rem
}

.w-3 {
    width: 1.5rem
}

.w-4 {
    width: 2rem
}

.w-5 {
    width: 2.5rem
}

.w-6 {
    width: 3rem
}

.h-1 {
    height: .5rem
}

.h-2 {
    height: 1rem
}

.h-3 {
    height: 1.5rem
}

.h-4 {
    height: 2rem
}

.h-5 {
    height: 2.5rem
}

.h-6 {
    height: 3rem
}

.m-1px {
    margin: 1px !important
}

.m-n1px {
    margin: -1px !important
}

.ml-1px,
.mx-1px {
    margin-left: 1px !important
}

.mr-1px,
.mx-1px {
    margin-right: 1px !important
}

.ml-n1px,
.mx-n1px {
    margin-left: -1px !important
}

.mr-n1px,
.mx-n1px {
    margin-right: -1px !important
}

.mt-1px,
.my-1px {
    margin-top: 1px !important
}

.mb-1px,
.my-1px {
    margin-bottom: 1px !important
}

.mt-n1px,
.my-n1px {
    margin-top: -1px !important
}

.mb-n1px,
.my-n1px {
    margin-bottom: -1px !important
}

.p-1px {
    padding: 1px !important
}

.pl-1px,
.px-1px {
    padding-left: 1px !important
}

.pr-1px,
.px-1px {
    padding-right: 1px !important
}

.pt-1px,
.py-1px {
    padding-top: 1px !important
}

.pb-1px,
.py-1px {
    padding-bottom: 1px !important
}

.m-2px {
    margin: 2px !important
}

.m-n2px {
    margin: -2px !important
}

.ml-2px,
.mx-2px {
    margin-left: 2px !important
}

.mr-2px,
.mx-2px {
    margin-right: 2px !important
}

.ml-n2px,
.mx-n2px {
    margin-left: -2px !important
}

.mr-n2px,
.mx-n2px {
    margin-right: -2px !important
}

.mt-2px,
.my-2px {
    margin-top: 2px !important
}

.mb-2px,
.my-2px {
    margin-bottom: 2px !important
}

.mt-n2px,
.my-n2px {
    margin-top: -2px !important
}

.mb-n2px,
.my-n2px {
    margin-bottom: -2px !important
}

.p-2px {
    padding: 2px !important
}

.pl-2px,
.px-2px {
    padding-left: 2px !important
}

.pr-2px,
.px-2px {
    padding-right: 2px !important
}

.pt-2px,
.py-2px {
    padding-top: 2px !important
}

.pb-2px,
.py-2px {
    padding-bottom: 2px !important
}

.m-3px {
    margin: 3px !important
}

.m-n3px {
    margin: -3px !important
}

.ml-3px,
.mx-3px {
    margin-left: 3px !important
}

.mr-3px,
.mx-3px {
    margin-right: 3px !important
}

.ml-n3px,
.mx-n3px {
    margin-left: -3px !important
}

.mr-n3px,
.mx-n3px {
    margin-right: -3px !important
}

.mt-3px,
.my-3px {
    margin-top: 3px !important
}

.mb-3px,
.my-3px {
    margin-bottom: 3px !important
}

.mt-n3px,
.my-n3px {
    margin-top: -3px !important
}

.mb-n3px,
.my-n3px {
    margin-bottom: -3px !important
}

.p-3px {
    padding: 3px !important
}

.pl-3px,
.px-3px {
    padding-left: 3px !important
}

.pr-3px,
.px-3px {
    padding-right: 3px !important
}

.pt-3px,
.py-3px {
    padding-top: 3px !important
}

.pb-3px,
.py-3px {
    padding-bottom: 3px !important
}

.m-15 {
    margin: .375rem !important
}

.mt-15,
.my-15 {
    margin-top: .375rem !important
}

.mr-15,
.mx-15 {
    margin-right: .375rem !important
}

.mb-15,
.my-15 {
    margin-bottom: .375rem !important
}

.ml-15,
.mx-15 {
    margin-left: .375rem !important
}

.m-25 {
    margin: .75rem !important
}

.mt-25,
.my-25 {
    margin-top: .75rem !important
}

.mr-25,
.mx-25 {
    margin-right: .75rem !important
}

.mb-25,
.my-25 {
    margin-bottom: .75rem !important
}

.ml-25,
.mx-25 {
    margin-left: .75rem !important
}

.m-35 {
    margin: 1.25rem !important
}

.mt-35,
.my-35 {
    margin-top: 1.25rem !important
}

.mr-35,
.mx-35 {
    margin-right: 1.25rem !important
}

.mb-35,
.my-35 {
    margin-bottom: 1.25rem !important
}

.ml-35,
.mx-35 {
    margin-left: 1.25rem !important
}

.m-425 {
    margin: 1.75rem !important
}

.mt-425,
.my-425 {
    margin-top: 1.75rem !important
}

.mr-425,
.mx-425 {
    margin-right: 1.75rem !important
}

.mb-425,
.my-425 {
    margin-bottom: 1.75rem !important
}

.ml-425,
.mx-425 {
    margin-left: 1.75rem !important
}

.m-45 {
    margin: 2rem !important
}

.mt-45,
.my-45 {
    margin-top: 2rem !important
}

.mr-45,
.mx-45 {
    margin-right: 2rem !important
}

.mb-45,
.my-45 {
    margin-bottom: 2rem !important
}

.ml-45,
.mx-45 {
    margin-left: 2rem !important
}

.p-15 {
    padding: .375rem !important
}

.pt-15,
.py-15 {
    padding-top: .375rem !important
}

.pr-15,
.px-15 {
    padding-right: .375rem !important
}

.pb-15,
.py-15 {
    padding-bottom: .375rem !important
}

.pl-15,
.px-15 {
    padding-left: .375rem !important
}

.p-25 {
    padding: .75rem !important
}

.pt-25,
.py-25 {
    padding-top: .75rem !important
}

.pr-25,
.px-25 {
    padding-right: .75rem !important
}

.pb-25,
.py-25 {
    padding-bottom: .75rem !important
}

.pl-25,
.px-25 {
    padding-left: .75rem !important
}

.p-35 {
    padding: 1.25rem !important
}

.pt-35,
.py-35 {
    padding-top: 1.25rem !important
}

.pr-35,
.px-35 {
    padding-right: 1.25rem !important
}

.pb-35,
.py-35 {
    padding-bottom: 1.25rem !important
}

.pl-35,
.px-35 {
    padding-left: 1.25rem !important
}

.p-425 {
    padding: 1.75rem !important
}

.pt-425,
.py-425 {
    padding-top: 1.75rem !important
}

.pr-425,
.px-425 {
    padding-right: 1.75rem !important
}

.pb-425,
.py-425 {
    padding-bottom: 1.75rem !important
}

.pl-425,
.px-425 {
    padding-left: 1.75rem !important
}

.p-45 {
    padding: 2rem !important
}

.pt-45,
.py-45 {
    padding-top: 2rem !important
}

.pr-45,
.px-45 {
    padding-right: 2rem !important
}

.pb-45,
.py-45 {
    padding-bottom: 2rem !important
}

.pl-45,
.px-45 {
    padding-left: 2rem !important
}

.m-n15 {
    margin: -.375rem !important
}

.mt-n15,
.my-n15 {
    margin-top: -.375rem !important
}

.mr-n15,
.mx-n15 {
    margin-right: -.375rem !important
}

.mb-n15,
.my-n15 {
    margin-bottom: -.375rem !important
}

.ml-n15,
.mx-n15 {
    margin-left: -.375rem !important
}

.m-n25 {
    margin: -.75rem !important
}

.mt-n25,
.my-n25 {
    margin-top: -.75rem !important
}

.mr-n25,
.mx-n25 {
    margin-right: -.75rem !important
}

.mb-n25,
.my-n25 {
    margin-bottom: -.75rem !important
}

.ml-n25,
.mx-n25 {
    margin-left: -.75rem !important
}

.m-n35 {
    margin: -1.25rem !important
}

.mt-n35,
.my-n35 {
    margin-top: -1.25rem !important
}

.mr-n35,
.mx-n35 {
    margin-right: -1.25rem !important
}

.mb-n35,
.my-n35 {
    margin-bottom: -1.25rem !important
}

.ml-n35,
.mx-n35 {
    margin-left: -1.25rem !important
}

.m-n425 {
    margin: -1.75rem !important
}

.mt-n425,
.my-n425 {
    margin-top: -1.75rem !important
}

.mr-n425,
.mx-n425 {
    margin-right: -1.75rem !important
}

.mb-n425,
.my-n425 {
    margin-bottom: -1.75rem !important
}

.ml-n425,
.mx-n425 {
    margin-left: -1.75rem !important
}

.m-n45 {
    margin: -2rem !important
}

.mt-n45,
.my-n45 {
    margin-top: -2rem !important
}

.mr-n45,
.mx-n45 {
    margin-right: -2rem !important
}

.mb-n45,
.my-n45 {
    margin-bottom: -2rem !important
}

.ml-n45,
.mx-n45 {
    margin-left: -2rem !important
}

.d-style.active .d-n-active,
.d-style.collapsed .d-n-collapsed,
.d-style.show .d-n-show,
.d-style:hover .d-n-hover,
.d-style:not(.active) .d-active,
.d-style:not(.collapsed) .d-collapsed,
.d-style:not(.show) .d-show,
.d-style:not(:hover) .d-hover {
    display: none !important
}

.v-active,
.v-collapsed,
.v-hover,
.v-n-active,
.v-n-collapsed,
.v-n-hover,
.v-n-show,
.v-show {
    transition: opacity 120ms, visibility 0s;
    transition-delay: 0s
}

@media (prefers-reduced-motion:reduce) {

    .v-active,
    .v-collapsed,
    .v-hover,
    .v-n-active,
    .v-n-collapsed,
    .v-n-hover,
    .v-n-show,
    .v-show {
        transition: none
    }
}

.d-style.active .v-n-active,
.d-style.collapsed .v-n-collapsed,
.d-style.show .v-n-show,
.d-style:hover .v-n-hover,
.d-style:not(.active) .v-active,
.d-style:not(.collapsed) .v-collapsed,
.d-style:not(.show) .v-show,
.d-style:not(:hover) .v-hover {
    opacity: 0;
    visibility: hidden;
    transition-delay: 0s, 120ms
}

.mb-hover,
.mb-n-hover,
.ml-hover,
.ml-n-hover,
.mr-hover,
.mr-n-hover,
.mt-hover,
.mt-n-hover {
    transition: visibility 0s, -webkit-transform 120ms;
    transition: transform 120ms, visibility 0s;
    transition: transform 120ms, visibility 0s, -webkit-transform 120ms;
    transition-delay: 0s
}

@media (prefers-reduced-motion:reduce) {

    .mb-hover,
    .mb-n-hover,
    .ml-hover,
    .ml-n-hover,
    .mr-hover,
    .mr-n-hover,
    .mt-hover,
    .mt-n-hover {
        transition: none
    }
}

.d-style:hover .mb-n-hover,
.d-style:not(:hover) .mb-hover {
    -webkit-transform: translateY(100%);
    transform: translateY(100%);
    visibility: hidden;
    transition-delay: 0s, 120ms
}

.d-style:hover .mt-n-hover,
.d-style:not(:hover) .mt-hover {
    -webkit-transform: translateY(-100%);
    transform: translateY(-100%);
    visibility: hidden;
    transition-delay: 0s, 120ms
}

.d-style:hover .mr-n-hover,
.d-style:not(:hover) .mr-hover {
    -webkit-transform: translateX(-100%);
    transform: translateX(-100%);
    visibility: hidden;
    transition-delay: 0s, 120ms
}

.d-style:hover .ml-n-hover,
.d-style:not(:hover) .ml-hover {
    -webkit-transform: translateX(100%);
    transform: translateX(100%);
    visibility: hidden;
    transition-delay: 0s, 120ms
}

.d-zoom-1,
.d-zoom-2,
.d-zoom-3,
.dh-zoom-1,
.dh-zoom-2,
.dh-zoom-3 {
    transition: -webkit-transform 180ms;
    transition: transform 180ms;
    transition: transform 180ms, -webkit-transform 180ms
}

@media (prefers-reduced-motion:reduce) {

    .d-zoom-1,
    .d-zoom-2,
    .d-zoom-3,
    .dh-zoom-1,
    .dh-zoom-2,
    .dh-zoom-3 {
        transition: none
    }
}

.d-style:hover .d-zoom-1,
.dh-zoom-1:hover {
    -webkit-transform: scale(1.06);
    transform: scale(1.06)
}

.d-style:hover .d-zoom-2,
.dh-zoom-2:hover {
    -webkit-transform: scale(1.12);
    transform: scale(1.12)
}

.d-style:hover .d-zoom-3,
.dh-zoom-3:hover {
    -webkit-transform: scale(1.18);
    transform: scale(1.18)
}

.pos-rel {
    position: relative !important
}

.pos-abs {
    position: absolute !important
}

.position-bl,
.position-br,
.position-center,
.position-lc,
.position-rc,
.position-tc,
.position-tl,
.position-tr,
position-bc {
    position: absolute !important;
    display: block
}

.position-center {
    right: 50%;
    top: 50%;
    -webkit-transform: translate(50%, -50%);
    transform: translate(50%, -50%)
}

.position-tr {
    right: 0;
    top: 0
}

.position-tl {
    left: 0;
    top: 0
}

.position-br {
    right: 0;
    bottom: 0
}

.position-bl {
    left: 0;
    bottom: 0
}

.position-lc {
    left: 0;
    top: 50%;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%)
}

.position-rc {
    right: 0;
    top: 50%;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%)
}

.position-tc {
    top: 0;
    right: 50%;
    -webkit-transform: translateX(50%);
    transform: translateX(50%)
}

.position-bc {
    bottom: 0;
    right: 50%;
    -webkit-transform: translateX(50%);
    transform: translateX(50%)
}

.rotate-45 {
    -webkit-transform: rotate(-45deg);
    transform: rotate(-45deg)
}

.rotate-n45 {
    -webkit-transform: rotate(45deg);
    transform: rotate(45deg)
}

.align-sub {
    vertical-align: sub !important
}

.overflow-visible {
    overflow: visible !important
}

.flex-equal > * {
    -ms-flex: 1 1 auto;
    flex: 1 1 auto
}

.flex-fill > * {
    -ms-flex-positive: 1;
    flex-grow: 1;
    -ms-flex-preferred-size: 0;
    flex-basis: 0
}

.ace-scroll-mob {
    overflow-y: auto
}

.ace-scroll {
    scrollbar-width: thin;
    scrollbar-color: #9dbad5 #dce3ea;
    -ms-overflow-style: -ms-autohiding-scrollbar
}

.ace-scroll::-webkit-scrollbar {
    width: 8px;
    -webkit-appearance: none;
    appearance: none
}

.ace-scroll::-webkit-scrollbar-thumb {
    background-color: #9dbad5
}

.ace-scroll::-webkit-scrollbar-track {
    background-color: #dce3ea
}

@media (hover:hover) {
    .ace-scrollbar:not(.ace-scroll-mob) {
        scrollbar-width: thin;
        scrollbar-color: #9dbad5 #dce3ea
    }

    .ace-scrollbar:not(.ace-scroll-mob)::-webkit-scrollbar {
        width: 8px;
        -webkit-appearance: none;
        appearance: none
    }

    .ace-scrollbar:not(.ace-scroll-mob)::-webkit-scrollbar-thumb {
        background-color: #9dbad5
    }

    .ace-scrollbar:not(.ace-scroll-mob)::-webkit-scrollbar-track {
        background-color: #dce3ea
    }
}

.ace-scroll {
    overflow-y: hidden
}

.ace-scroll:hover {
    overflow-y: auto;
    overflow-y: overlay
}

.ace-scroll-lock {
    overscroll-behavior-y: none;
    -ms-scroll-chaining: none
}

.ace-scroll-wrap {
    overflow-x: hidden
}

@supports (-webkit-appearance:none) and (overflow:overlay) {
    .ace-scroll-wrap {
        overflow-y: overlay;
        color: transparent;
        transition: color .15s .4s
    }

    @media (prefers-reduced-motion:reduce) {
        .ace-scroll-wrap {
            transition: none
        }
    }

    .ace-scroll-wrap:hover {
        color: #9dbad5;
        transition-delay: 0s
    }

    .ace-scroll-wrap::-webkit-scrollbar-thumb {
        background-color: currentColor;
        border-radius: .5rem;
        border: 1px solid transparent;
        background-clip: content-box
    }

    .ace-scroll-wrap::-webkit-scrollbar-track {
        background-color: transparent
    }
}

@supports (-moz-appearance:none) and (scrollbar-width:none) {
    :root {
        --moz-scrollbar-thin: 8px
    }

    .ace-scroll-wrap {
        overflow-y: scroll;
        scrollbar-width: thin;
        scrollbar-color: transparent transparent;
        transition: scrollbar-color .15s .4s
    }

    @media (prefers-reduced-motion:reduce) {
        .ace-scroll-wrap {
            transition: none
        }
    }

    .ace-scroll-wrap > .ace-scroll-inner {
        min-width: calc(100% + var(--moz-scrollbar-thin))
    }

    .ace-scroll-wrap:hover {
        overflow-y: scroll;
        scrollbar-color: #9dbad5 transparent;
        transition-delay: 0s
    }

    .ace-scroll:not(.ace-scroll-wrap) {
        overflow-x: hidden
    }

    .ace-scroll:not(.ace-scroll-wrap):hover > div,
    .ace-scroll:not(.ace-scroll-wrap):hover > p {
        min-width: calc(100% + var(--moz-scrollbar-thin))
    }

    .sidebar .ace-scroll:not(.ace-scroll-wrap):hover > div,
    .sidebar .ace-scroll:not(.ace-scroll-wrap):hover > p {
        min-width: auto
    }
}

@supports (-moz-appearance:none) and (not (scrollbar-width:none)) {
    :root {
        --moz-scrollbar-thin: 17px
    }

    .ace-scroll {
        overflow-x: hidden
    }

    .ace-scroll:hover {
        overflow-y: scroll
    }

    .ace-scroll:hover > div,
    .ace-scroll:hover > p {
        min-width: calc(100% + var(--moz-scrollbar-thin))
    }

    .sidebar .ace-scroll:hover {
        overflow-y: auto
    }

    .sidebar .ace-scroll:hover > div,
    .sidebar .ace-scroll:hover > p {
        min-width: auto
    }
}

.navbar {
    padding: 0;
    -ms-flex: 0 0 auto;
    flex: 0 0 auto;
    height: 4.5rem;
    height: var(--navbar-height);
    visibility: hidden;
    z-index: 1021
}

.navbar-sm {
    height: 4rem;
    height: var(--navbar-sm-height)
}

@media (max-width:1199.98px) {
    .navbar {
        height: 4rem;
        height: var(--navbar-mobile-height)
    }
}

.navbar-inner {
    height: inherit;
    width: 100%;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-pack: justify;
    justify-content: space-between;
    background-color: inherit;
    visibility: visible
}

.navbar.container > .navbar-inner {
    max-width: inherit
}

.navbar-inner.container {
    padding: 0;
    -ms-flex-wrap: nowrap;
    flex-wrap: nowrap
}

.navbar-inner > .container {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -ms-flex-wrap: nowrap;
    flex-wrap: nowrap;
    -ms-flex-align: stretch;
    align-items: stretch;
    padding: 0;
    height: 100%;
    background-color: inherit;
    position: relative
}

.navbar-brand {
    margin-right: .875rem;
    font-size: 2rem;
    font-family: ASAN_Nastaliq
}

.navbar-intro {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-align: center;
    align-items: center;
    width: 16rem;
    width: var(--sidebar-width);
    height: 100%
}

.navbar-content {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-align: center;
    align-items: center;
    height: 100%;
    -ms-flex: 1 0 auto;
    flex: auto
}

.navbar-toggler:focus {
    outline: 0
}

.navbar-content-section input {
    height: 2rem;
    margin: .5rem 1rem .5rem 1.5rem;
    opacity: .7;
    transition: all .15s
}

@media (prefers-reduced-motion:reduce) {
    .navbar-content-section input {
        transition: none
    }
}

.navbar-content-section input:focus {
    outline: 0;
    opacity: 1
}

.navbar-content-section input:not(:focus):hover {
    opacity: .8
}

@media (max-width:991.98px) {
    .navbar-content {
        margin-right: auto;
        background-color: inherit;
        -ms-flex: 0 0 auto;
        flex: 0 0 auto
    }

    .navbar-content-section {
        position: absolute;
        top: 100%;
        right: 0;
        width: 100%;
        background-color: inherit
    }

    .navbar-content-section input:not(:focus) {
        opacity: .8
    }

    .navbar-content-section .navbar-search-input {
        width: calc(100% - 2rem)
    }
}

.btn-burger {
    cursor: pointer;
    width: 2.5rem;
    height: 2.25rem;
    border-radius: .25rem;
    overflow: hidden;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-align: center;
    align-items: center;
    -ms-flex-pack: center;
    justify-content: center;
    position: relative;
    transition: background-color .15s;
    color: #fff;
    padding: 0
}

@media (prefers-reduced-motion:reduce) {
    .btn-burger {
        transition: none
    }
}

.btn-burger:hover {
    color: #fff;
    background-color: rgba(255, 255, 255, .15)
}

.btn-burger:active {
    -webkit-transform: none !important;
    transform: none !important
}

.btn-burger .bars {
    display: block;
    width: 50%;
    height: 2px;
    position: relative;
    color: inherit;
    background-color: currentColor;
    transition: top .15s, -webkit-transform .15s;
    transition: transform .15s, top .15s;
    transition: transform .15s, top .15s, -webkit-transform .15s
}

@media (prefers-reduced-motion:reduce) {
    .btn-burger .bars {
        transition: none
    }
}

.btn-burger .bars::after,
.btn-burger .bars::before {
    content: "";
    display: block;
    position: absolute;
    right: 0;
    width: 100%;
    height: inherit;
    background-color: inherit;
    color: inherit;
    border-radius: inherit;
    transition: inherit;
    -webkit-transform-origin: inherit;
    transform-origin: inherit
}

.btn-burger .bars::before {
    top: -.375rem
}

.btn-burger .bars::after {
    top: .375rem
}

.btn-burger.burger-dots {
    width: 2.25rem
}

.btn-burger.burger-dots .bars {
    width: .25rem;
    height: .25rem;
    border-radius: .25rem
}

.btn-burger.burger-steps .bars {
    -webkit-transform-origin: right;
    transform-origin: right
}

.btn-burger.burger-steps:hover .bars {
    -webkit-transform: scaleX(.75);
    transform: scaleX(.75)
}

.btn-burger.burger-steps:hover .bars::before {
    -webkit-transform: scaleX(1.25);
    transform: scaleX(1.25)
}

.btn-burger.burger-steps:hover .bars::after {
    -webkit-transform: scaleX(.75);
    transform: scaleX(.75)
}

.btn-burger.burger-arrowed .bars {
    -webkit-transform-origin: right;
    transform-origin: right
}

.btn-burger.burger-arrowed.static:not(.collapsed) .bars::before,
.btn-burger.burger-arrowed:not(.static):hover .bars::before {
    top: 0;
    -webkit-transform: rotate(45deg) scaleX(.66);
    transform: rotate(45deg) scaleX(.66)
}

.btn-burger.burger-arrowed.static:not(.collapsed) .bars::after,
.btn-burger.burger-arrowed:not(.static):hover .bars::after {
    top: 0;
    -webkit-transform: rotate(-45deg) scaleX(.66);
    transform: rotate(-45deg) scaleX(.66)
}

.btn-burger.burger-arrowed:not(.static).collapsed .bars {
    -webkit-transform-origin: left;
    transform-origin: left
}

.btn-burger.burger-arrowed:not(.static).collapsed:hover .bars::before {
    top: 0;
    -webkit-transform: rotate(-45deg) scaleX(.66);
    transform: rotate(-45deg) scaleX(.66)
}

.btn-burger.burger-arrowed:not(.static).collapsed:hover .bars::after {
    top: 0;
    -webkit-transform: rotate(45deg) scaleX(.66);
    transform: rotate(45deg) scaleX(.66)
}

.btn-burger.burger-minus.static:not(.collapsed) .bars::after,
.btn-burger.burger-minus.static:not(.collapsed) .bars::before,
.btn-burger.burger-minus:not(.static):hover .bars::after,
.btn-burger.burger-minus:not(.static):hover .bars::before {
    top: 0
}

.btn-burger.burger-times .bars {
    -webkit-transform-origin: center;
    transform-origin: center
}

.btn-burger.burger-times.static:not(.collapsed) .bars,
.btn-burger.burger-times:not(.static):hover .bars {
    visibility: hidden
}

.btn-burger.burger-times.static:not(.collapsed) .bars::before,
.btn-burger.burger-times:not(.static):hover .bars::before {
    top: 0;
    visibility: visible;
    -webkit-transform: rotate(45deg) scaleX(.9);
    transform: rotate(45deg) scaleX(.9)
}

.btn-burger.burger-times.static:not(.collapsed) .bars::after,
.btn-burger.burger-times:not(.static):hover .bars::after {
    top: 0;
    visibility: visible;
    -webkit-transform: rotate(-45deg) scaleX(.9);
    transform: rotate(-45deg) scaleX(.9)
}

.btn-burger.burger-compact.static:not(.collapsed) .bars,
.btn-burger.burger-compact:not(.static):hover .bars {
    -webkit-transform-origin: center;
    transform-origin: center;
    -webkit-transform: scaleX(.8);
    transform: scaleX(.8)
}

.btn-burger.burger-compact.static:not(.collapsed) .bars::before,
.btn-burger.burger-compact:not(.static):hover .bars::before {
    top: -.25rem
}

.btn-burger.burger-compact.static:not(.collapsed) .bars::after,
.btn-burger.burger-compact:not(.static):hover .bars::after {
    top: .25rem
}

.navbar .nav > .nav-item > .nav-link:not(.disabled) {
    border-radius: 0;
    transition: background-color 150ms, color 150ms
}

@media (prefers-reduced-motion:reduce) {
    .navbar .nav > .nav-item > .nav-link:not(.disabled) {
        transition: none
    }
}

.navbar .navbar-nav .nav .dropdown-toggle::after {
    display: none
}

.navbar .nav > .nav-item > .nav-link {
    padding-top: 0;
    padding-bottom: 0
}

@media (min-width:992px) {
    .navbar .navbar-menu.navbar-collapse {
        height: 100%;
        -ms-flex-positive: 0;
        flex-grow: inherit
    }

    .navbar .navbar-nav {
        height: 100%;
        -ms-flex-align: center;
        align-items: center
    }

    .navbar .navbar-nav > .nav {
        height: 100%
    }

    .navbar-inner.container .navbar-nav .nav > .nav-item:last-of-type,
    .navbar-inner.container .navbar-nav .nav > .nav-item:last-of-type::after {
        border-left-width: 0
    }

    .navbar .navbar-nav > .nav > .nav-item {
        height: 100%
    }

    .navbar .navbar-nav > .nav > .nav-item > .btn,
    .navbar .navbar-nav > .nav > .nav-item > .nav-link {
        height: 100%;
        display: -ms-flexbox;
        display: flex;
        -ms-flex-align: center;
        align-items: center;
        position: relative
    }

    .navbar .navbar-nav > .nav > .nav-item > .btn > .caret,
    .navbar .navbar-nav > .nav > .nav-item > .nav-link > .caret {
        margin: 0 .5rem 0 .25rem
    }

    .navbar .navbar-nav > .nav > .nav-item > .btn .badge,
    .navbar .navbar-nav > .nav > .nav-item > .nav-link .badge {
        position: absolute;
        top: .5rem;
        left: .5rem
    }

    .navbar .navbar-nav > .nav > .nav-item > .btn .badge-dot,
    .navbar .navbar-nav > .nav > .nav-item > .nav-link .badge-dot {
        top: -.125rem;
        left: -.125rem
    }

    .navbar .navbar-nav > .nav > .nav-item > .btn .badge-tr,
    .navbar .navbar-nav > .nav > .nav-item > .nav-link .badge-tr {
        top: 0;
        left: 0
    }

    .navbar .navbar-nav > .nav > .nav-item > .btn {
        border-width: 0;
        border-radius: 0
    }

    .navbar .navbar-nav > .nav.has-active-border > .nav-item > .btn:not(.disabled),
    .navbar .navbar-nav > .nav.has-active-border > .nav-item > .nav-link:not(.disabled) {
        position: relative
    }

    .navbar .navbar-nav > .nav.has-active-border > .nav-item > .btn:not(.disabled)::before,
    .navbar .navbar-nav > .nav.has-active-border > .nav-item > .nav-link:not(.disabled)::before {
        content: "";
        position: absolute;
        bottom: 1px;
        right: 2px;
        left: 2px;
        margin-right: auto;
        margin-left: auto;
        width: 0;
        transition: width 150ms;
        height: 3px;
        border-radius: 3px;
        background-color: rgba(255, 255, 255, .73)
    }
}

@media (min-width:992px) and (prefers-reduced-motion:reduce) {

    .navbar .navbar-nav > .nav.has-active-border > .nav-item > .btn:not(.disabled)::before,
    .navbar .navbar-nav > .nav.has-active-border > .nav-item > .nav-link:not(.disabled)::before {
        transition: none
    }
}

@media (min-width:992px) {

    .navbar .navbar-nav > .nav.has-active-border > .nav-item.show > .btn:not(.disabled),
    .navbar .navbar-nav > .nav.has-active-border > .nav-item.show > .nav-link:not(.disabled) {
        position: relative
    }

    .navbar .navbar-nav > .nav.has-active-border > .nav-item.show > .btn:not(.disabled)::before,
    .navbar .navbar-nav > .nav.has-active-border > .nav-item.show > .nav-link:not(.disabled)::before {
        width: calc(100% - 4px)
    }

    .navbar .navbar-nav > .nav > .nav-item > .nav-link {
        padding-right: .75rem;
        padding-left: .75rem
    }

    .navbar .navbar-nav > .nav > .nav-item > .nav-link:focus {
        outline: 0
    }

    .navbar .navbar-nav > .nav.nav-compact {
        height: 80%;
        min-height: 3.5rem
    }

    .navbar .navbar-nav > .nav.nav-compact-2 {
        height: 65%;
        min-height: 3rem
    }

    .navbar .navbar-nav > .nav.nav-compact-3 {
        height: 55%;
        min-height: 2.5rem
    }

    .navbar .navbar-nav > .nav.nav-compact-2 > .nav-item,
    .navbar .navbar-nav > .nav.nav-compact-3 > .nav-item,
    .navbar .navbar-nav > .nav.nav-compact > .nav-item {
        border-width: 0 !important;
        max-height: 100%
    }

    .navbar .navbar-nav > .nav.nav-compact-2 > .nav-item > .btn,
    .navbar .navbar-nav > .nav.nav-compact-2 > .nav-item > .nav-link,
    .navbar .navbar-nav > .nav.nav-compact-3 > .nav-item > .btn,
    .navbar .navbar-nav > .nav.nav-compact-3 > .nav-item > .nav-link,
    .navbar .navbar-nav > .nav.nav-compact > .nav-item > .btn,
    .navbar .navbar-nav > .nav.nav-compact > .nav-item > .nav-link {
        border-radius: .25rem
    }

    .navbar .navbar-nav > .nav.border-0 > .nav-item {
        border-width: 0 !important
    }

    .navbar .navbar-nav > .nav.border-0 > .nav-item > .nav-link::after {
        display: none
    }

    .navbar .navbar-nav > .nav.has-active-border > .nav-item.border-0 > .btn::before,
    .navbar .navbar-nav > .nav.has-active-border > .nav-item.border-0 > .nav-link::before {
        display: none !important
    }

    .navbar .navbar-nav .dropdown-menu {
        max-height: calc(100vh - 4.5rem - .25rem);
        max-height: calc(100vh - var(--navbar-height) - .25rem);
        overflow: hidden auto;
        margin-top: 0
    }

    .navbar .navbar-nav .dropdown-menu.dropdown-caret {
        overflow: visible
    }

    .navbar .navbar-nav > .nav:not(.has-active-border):not([class*=nav-compact]) .dropdown-caret:not(.dropdown-menu) {
        position: absolute;
        width: 0;
        height: 0;
        z-index: 1001;
        right: calc(50% - .25rem);
        bottom: -1px;
        border-width: 0 .5rem .5rem;
        border-style: solid;
        border-bottom-color: #fff;
        border-left-color: transparent !important;
        border-right-color: transparent !important;
        opacity: 0;
        background-color: transparent;
        -webkit-transform-origin: bottom center;
        transform-origin: bottom center;
        -webkit-transform: scale(0);
        transform: scale(0);
        transition: all 150ms
    }
}

@media (min-width:992px) and (prefers-reduced-motion:reduce) {
    .navbar .navbar-nav > .nav:not(.has-active-border):not([class*=nav-compact]) .dropdown-caret:not(.dropdown-menu) {
        transition: none
    }
}

@media (min-width:992px) {
    .navbar .navbar-nav > .nav:not(.has-active-border):not([class*=nav-compact]) > .nav-item.show .dropdown-caret:not(.dropdown-menu) {
        -webkit-transform: none;
        transform: none;
        opacity: 1
    }
}

@media (min-width:992px) {
    .navbar .nav-user-name {
        display: block;
        max-width: 100px;
        text-overflow: ellipsis;
        white-space: nowrap;
        overflow: hidden
    }

    .navbar .dropdown-mega > .dropdown-menu {
        width: 100%;
        right: 0;
        left: 0;
        padding: 1.5rem
    }

    .navbar .dropdown-mega > .dropdown-lg {
        width: 48rem;
        max-width: calc(100vw - 1rem);
        left: 0;
        right: auto
    }

    .navbar .dropdown-mega > .dropdown-md {
        width: 36rem;
        max-width: calc(100vw - 1rem);
        left: 0;
        right: auto
    }

    .navbar .dropdown-mega > .dropdown-sm {
        width: 28rem;
        max-width: calc(100vw - 1rem);
        left: 0;
        right: auto
    }

    .navbar .dropdown-mega > .dropdown-xs {
        width: 20rem;
        max-width: calc(100vw - 1rem);
        left: 0;
        right: auto
    }

    .navbar .dropdown-mega.pos-rel > .dropdown-lg.dropdown-center {
        right: calc(-24rem + 50%)
    }

    .navbar .dropdown-mega.pos-rel > .dropdown-md.dropdown-center {
        right: calc(-18rem + 50%)
    }

    .navbar .dropdown-mega.pos-rel > .dropdown-sm.dropdown-center {
        right: calc(-14rem + 50%)
    }

    .navbar .dropdown-mega.pos-rel > .dropdown-xs.dropdown-center {
        right: calc(-10rem + 50%)
    }

    .navbar .dropdown-mega.pos-rel > .dropdown-menu-right {
        right: auto;
        left: -2rem
    }

    .navbar .dropdown.dropdown-mega {
        position: static
    }
}

.navbar .navbar-content-section input {
    font-size: .95rem
}

.navbar .navbar-content-section input::-webkit-input-placeholder {
    font-size: .9025rem
}

.navbar .navbar-content-section input::-moz-placeholder {
    font-size: .9025rem
}

.navbar .navbar-content-section input:-ms-input-placeholder {
    font-size: .9025rem
}

.navbar .navbar-content-section input::-ms-input-placeholder {
    font-size: .9025rem
}

.navbar .navbar-content-section input::placeholder {
    font-size: .9025rem
}

@media (max-width:991.98px) {

    .navbar .dropdown-caret.dropdown-menu::after,
    .navbar .dropdown-caret.dropdown-menu::before,
    .navbar .dropdown-caret:not(.dropdown-menu) {
        display: none !important
    }

    .navbar .navbar-intro {
        width: auto
    }

    .navbar .navbar-toggler {
        -ms-flex-item-align: center;
        align-self: center
    }

    .navbar .navbar-collapse {
        position: absolute;
        z-index: 1020;
        transition-duration: 250ms;
        top: 100%;
        left: 0;
        width: 100%;
        max-height: calc(100vh - 4rem - 3rem);
        max-height: calc(100vh - var(--navbar-mobile-height) - 3rem);
        overflow: hidden auto;
        -ms-scroll-chaining: none;
        overscroll-behavior: none;
        border-radius: 0;
        background-color: inherit
    }

    .navbar .navbar-collapse > div {
        background-color: inherit
    }

    .navbar.navbar-fixed .navbar-collapse {
        position: fixed;
        top: 4rem;
        top: var(--navbar-mobile-height);
        max-height: calc(100% - 4rem - .5rem);
        max-height: calc(100% - var(--navbar-mobile-height) - .5rem)
    }

    .navbar .navbar-backdrop::before {
        content: "";
        position: fixed;
        right: 0;
        left: 0;
        top: auto;
        height: 100%;
        background-color: rgba(0, 0, 0, .25);
        z-index: -1
    }

    .navbar .navbar-menu.navbar-hw {
        min-width: 50%;
        max-width: 100%
    }

    .navbar .navbar-menu .navbar-nav > .nav {
        -ms-flex-direction: column;
        flex-direction: column;
        margin-right: 0 !important;
        margin-left: 0 !important
    }

    .navbar .navbar-menu .navbar-nav > .nav > .nav-item {
        margin-right: 0 !important;
        margin-left: 0 !important
    }

    .navbar .navbar-menu .navbar-nav > .nav > .nav-item > .btn,
    .navbar .navbar-menu .navbar-nav > .nav > .nav-item > .nav-link {
        display: -ms-flexbox;
        display: flex;
        -ms-flex-align: center;
        align-items: center;
        text-align: right;
        padding: .75rem 1rem .75rem .75rem;
        border-radius: 0
    }

    .navbar .navbar-menu .navbar-nav > .nav > .nav-item > .btn > .badge,
    .navbar .navbar-menu .navbar-nav > .nav > .nav-item > .nav-link > .badge {
        margin-right: auto;
        margin-left: .75rem;
        top: auto
    }

    .navbar .navbar-menu .navbar-nav > .nav > .nav-item > .btn > .caret,
    .navbar .navbar-menu .navbar-nav > .nav > .nav-item > .nav-link > .caret {
        margin-right: auto;
        margin-left: .25rem;
        transition: -webkit-transform 150ms;
        transition: transform 150ms;
        transition: transform 150ms, -webkit-transform 150ms
    }
}

@media (max-width:991.98px) and (prefers-reduced-motion:reduce) {

    .navbar .navbar-menu .navbar-nav > .nav > .nav-item > .btn > .caret,
    .navbar .navbar-menu .navbar-nav > .nav > .nav-item > .nav-link > .caret {
        transition: none
    }
}

@media (max-width:991.98px) {

    .navbar .navbar-menu .navbar-nav > .nav > .nav-item > .btn > .badge ~ .caret,
    .navbar .navbar-menu .navbar-nav > .nav > .nav-item > .nav-link > .badge ~ .caret {
        margin-right: 0
    }

    .navbar .navbar-menu .navbar-nav > .nav > .nav-item.show > .btn > .caret,
    .navbar .navbar-menu .navbar-nav > .nav > .nav-item.show > .nav-link > .caret {
        -webkit-transform: rotate(180deg);
        transform: rotate(180deg)
    }

    .navbar .navbar-menu .navbar-nav > .nav > .nav-item.show > .btn > .caret[class*="-left"],
    .navbar .navbar-menu .navbar-nav > .nav > .nav-item.show > .nav-link > .caret[class*="-left"] {
        -webkit-transform: rotate(90deg);
        transform: rotate(90deg)
    }

    .navbar .navbar-menu .navbar-nav > .nav > .nav-item.show > .btn > .caret[class*="-right"],
    .navbar .navbar-menu .navbar-nav > .nav > .nav-item.show > .nav-link > .caret[class*="-right"] {
        -webkit-transform: rotate(-90deg);
        transform: rotate(-90deg)
    }

    .navbar .navbar-menu .navbar-nav > .nav .dropdown-menu {
        -webkit-transform: none !important;
        transform: none !important;
        visibility: visible;
        opacity: 1;
        display: none;
        margin: .25rem .5rem .5rem !important;
        border-width: 0;
        max-width: calc(100vw - 1rem);
        width: auto !important;
        box-shadow: none !important
    }

    .navbar .navbar-menu .navbar-nav > .nav .dropdown-menu.show {
        display: block
    }

    .navbar .navbar-menu .navbar-nav > .nav .dropdown-divider {
        margin: .5rem 1rem
    }

    .navbar-menu.navbar-collapse .dropdown[class*=backdrop]::before {
        display: none
    }

    .navbar-collapse [class*=icon-animated] {
        -webkit-animation: none !important;
        animation: none !important
    }

    body.mob-navbar-body {
        overflow-y: hidden
    }
}

@media (max-width:767.98px) {
    .navbar .navbar-menu.navbar-collapse .navbar-nav > .nav .dropdown-menu {
        margin: .25rem !important;
        max-width: calc(100vw - .5rem)
    }
}

.sticky-trigger {
    position: absolute;
    top: -1px;
    width: 0;
    height: 0;
    z-index: -1
}

@media (max-width:575.98px) {
    .sticky-nav-sm {
        position: -webkit-sticky;
        position: sticky;
        top: 0;
        z-index: 997
    }
}

@media (max-width:767.98px) {
    .sticky-nav-md {
        position: -webkit-sticky;
        position: sticky;
        top: 0;
        z-index: 997
    }
}

@media (max-width:991.98px) {
    .sticky-nav-lg {
        position: -webkit-sticky;
        position: sticky;
        top: 0;
        z-index: 997
    }
}

@media (max-width:1199.98px) {
    .sticky-nav-xl {
        position: -webkit-sticky;
        position: sticky;
        top: 0;
        z-index: 997
    }
}

.sticky-nav {
    position: -webkit-sticky;
    position: sticky;
    top: 0;
    z-index: 997
}

.navbar-fixed + div .sticky-nav {
    top: 4.5rem;
    top: var(--navbar-height)
}

.navbar-fixed + div .sticky-nav .sticky-trigger {
    top: calc(-4.5rem - 1px);
    top: calc(-1 * var(--navbar-height) - 1px)
}

.navbar-sm.navbar-fixed + div .sticky-nav {
    top: 4rem;
    top: var(--navbar-sm-height)
}

.navbar-sm.navbar-fixed + div .sticky-nav .sticky-trigger {
    top: calc(-4rem - 1px);
    top: calc(-1 * var(--navbar-sm-height) - 1px)
}

.sticky-nav .is-stuck[class*=sticky-nav] {
    z-index: 1018
}

@media (max-width:1199.98px) {
    .navbar-fixed + div [class*=sticky-nav] {
        top: 4rem;
        top: var(--navbar-mobile-height)
    }

    .navbar-fixed + div [class*=sticky-nav] .sticky-trigger {
        top: calc(-4rem - 1px);
        top: calc(-1 * var(--navbar-mobile-height) - 1px)
    }
}

.sidebar {
    -ms-flex: 0 0 auto;
    flex: 0 0 auto;
    min-height: 100%;
    width: 16rem;
    width: var(--sidebar-width);
    position: absolute;
    z-index: 1020;
    visibility: hidden
}

.navbar ~ .main-container > .sidebar:not(.sidebar-fixed) {
    z-index: 999
}

.sidebar .sidebar-inner {
    width: inherit;
    height: 100%;
    overflow-x: hidden;
    overflow-y: hidden;
    padding: inherit;
    visibility: visible;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: column;
    flex-direction: column
}

.sidebar .ace-scroll,
.sidebar .sidebar-section {
    width: 16rem;
    width: var(--sidebar-width);
    white-space: nowrap
}

.sidebar .fadeable {
    transition: opacity 150ms 0s, visibility 0s 150ms
}

@media (prefers-reduced-motion:reduce) {
    .sidebar .fadeable {
        transition: none
    }
}

.sidebar .fadeinable {
    position: absolute;
    right: 0;
    width: 5rem;
    width: var(--sidebar-collapsed-width);
    min-height: 3rem;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-line-pack: center;
    align-content: center;
    -ms-flex-align: center;
    align-items: center;
    -ms-flex-pack: center;
    justify-content: center;
    opacity: 0;
    visibility: hidden;
    transition: opacity 150ms 0s, visibility 0s 0s
}

@media (prefers-reduced-motion:reduce) {
    .sidebar .fadeinable {
        transition: none
    }
}

@media screen and (-ms-high-contrast:active),
(-ms-high-contrast:none) {
    .sidebar .fadeinable {
        top: 0
    }
}

@media (min-width:1200px) {
    .sidebar-right {
        direction: ltr;
        -ms-flex-order: 10;
        order: 10
    }

    .sidebar-right .sidebar-inner {
        direction: rtl
    }

    .sidebar {
        will-change: width;
        transition: width 150ms
    }
}

@media (min-width:1200px) and (prefers-reduced-motion:reduce) {
    .sidebar {
        transition: none
    }
}

@media (min-width:1200px) {
    .sidebar.toggling {
        overflow: hidden;
        pointer-events: none
    }

    .sidebar.toggling [data-toggle=sidebar]:not(.pointer-none) {
        pointer-events: auto
    }

    .sidebar.toggling.collapsed .fadeable {
        transition-delay: 0s, 150ms
    }

    .sidebar.toggling:not(.collapsed) .fadeable {
        transition-delay: 0s
    }

    .sidebar.collapsed {
        width: 5rem;
        width: var(--sidebar-collapsed-width)
    }

    .sidebar.collapsed .fadeable {
        opacity: 0;
        visibility: hidden
    }

    .sidebar.collapsed .fadeinable {
        opacity: 1;
        visibility: visible;
        transition-delay: 0s, 150ms
    }
}

@-webkit-keyframes hideScrollbars {
    from {
        overflow-y: auto;
        overflow-y: overlay
    }
}

@keyframes hideScrollbars {
    from {
        overflow-y: auto;
        overflow-y: overlay
    }
}

.sidebar .ace-scroll {
    overflow-x: hidden;
    overscroll-behavior: none;
    -ms-scroll-chaining: none;
    -ms-flex-positive: 1;
    flex-grow: 1
}

.sidebar .ace-scroll:not(:hover) {
    -webkit-animation: 2s hideScrollbars;
    animation: 2s hideScrollbars
}

.sidebar .ace-scroll:hover {
    overflow-y: auto;
    overflow-y: overlay
}

@media screen and (-ms-high-contrast:active),
(-ms-high-contrast:none) {
    .sidebar .ace-scroll {
        -webkit-animation: none !important;
        animation: none !important;
        overflow-y: auto;
        height: 50%
    }
}

.sidebar .ace-scroll-mob {
    overflow-x: hidden;
    overflow-y: auto;
    -ms-flex-positive: 1;
    flex-grow: 1;
    -webkit-animation: none !important;
    animation: none !important;
    overscroll-behavior: none;
    -ms-scroll-chaining: none
}

@media (hover:none) {
    .sidebar .ace-scroll {
        overflow-x: hidden;
        overflow-y: auto;
        -webkit-animation: none !important;
        animation: none !important;
        overscroll-behavior: none;
        -ms-scroll-chaining: none
    }
}

@media (prefers-reduced-motion:reduce) {
    .sidebar .ace-scroll {
        -webkit-animation: none !important;
        animation: none !important
    }
}

@media (min-width:1200px) {

    .sidebar.expandable .ace-scroll,
    .sidebar.expandable .nav,
    .sidebar.expandable .sidebar-section {
        width: inherit
    }

    .sidebar.expandable:not(.sidebar-spaced) .nav > .nav-item {
        width: inherit
    }

    .sidebar.expandable .nav > .nav-item > .nav-link,
    .sidebar.expandable .nav > .nav-item > .submenu,
    .sidebar.expandable .sidebar-section-item {
        width: 16rem;
        width: var(--sidebar-width);
        white-space: nowrap
    }

    .sidebar.expandable.collapsed:not(.sidebar-fixed) .sidebar-inner {
        position: absolute;
        top: 0
    }

    .sidebar.expandable.collapsed .sidebar-inner {
        transition: width 150ms ease-out .4s
    }
}

@media (min-width:1200px) and (prefers-reduced-motion:reduce) {
    .sidebar.expandable.collapsed .sidebar-inner {
        transition: none
    }
}

@media (min-width:1200px) {

    .sidebar.expandable.collapsed .sidebar-inner.has-focus,
    .sidebar.expandable.collapsed .sidebar-inner:hover {
        width: 16rem;
        width: var(--sidebar-width);
        transition-delay: 80ms
    }

    .sidebar.expandable.collapsed .sidebar-inner .fadeable {
        transition-delay: .4s, 550ms
    }

    .sidebar.expandable.collapsed .sidebar-inner.has-focus .fadeable,
    .sidebar.expandable.collapsed .sidebar-inner:hover .fadeable {
        opacity: 1;
        visibility: visible;
        transition-delay: 80ms, 80ms
    }

    .sidebar.expandable.collapsed .sidebar-inner .fadeinable {
        transition-delay: .4s, 550ms
    }

    .sidebar.expandable.collapsed .sidebar-inner.has-focus .fadeinable,
    .sidebar.expandable.collapsed .sidebar-inner:hover .fadeinable {
        opacity: 0;
        visibility: hidden;
        transition-delay: 80ms;
        transition-duration: 0s
    }

    .sidebar.expandable.collapsed .sidebar-inner .hideable {
        max-height: 0;
        overflow: hidden;
        transition: max-height 0s .4s
    }
}

@media (min-width:1200px) and (prefers-reduced-motion:reduce) {
    .sidebar.expandable.collapsed .sidebar-inner .hideable {
        transition: none
    }
}

@media (min-width:1200px) {

    .sidebar.expandable.collapsed .sidebar-inner.has-focus .hideable,
    .sidebar.expandable.collapsed .sidebar-inner:hover .hideable {
        max-height: 2000px;
        transition-delay: 80ms
    }

    .sidebar.expandable.collapsed .sidebar-inner .hideable.fadeable {
        visibility: visible;
        transition: max-height 0s .4s, opacity 0s .4s
    }
}

@media (min-width:1200px) and (prefers-reduced-motion:reduce) {
    .sidebar.expandable.collapsed .sidebar-inner .hideable.fadeable {
        transition: none
    }
}

@media (min-width:1200px) {

    .sidebar.expandable.collapsed .sidebar-inner.has-focus .hideable.fadeable,
    .sidebar.expandable.collapsed .sidebar-inner:hover .hideable.fadeable {
        transition-delay: 80ms, 80ms;
        transition-duration: 0s, 150ms
    }

    .sidebar.expandable.collapsed.toggling .fadeable {
        transition-delay: 0s, 150ms
    }

    .sidebar.expandable.collapsed.toggling:not(.collapsed) .fadeable {
        transition-delay: 0s, 0s
    }

    .sidebar.expandable.collapsed.toggling .fadeinable {
        transition-delay: 0s, 0s
    }

    .sidebar.expandable.collapsed.toggling .sidebar-inner {
        transition: none
    }
}

@-webkit-keyframes navItemHidden {
    from {
        -webkit-transform: scale(0);
        transform: scale(0)
    }

    to {
        -webkit-transform: scale(0);
        transform: scale(0)
    }
}

@keyframes navItemHidden {
    from {
        -webkit-transform: scale(0);
        transform: scale(0)
    }

    to {
        -webkit-transform: scale(0);
        transform: scale(0)
    }
}

@media (min-width:1200px) {

    .sidebar.hoverable:not(.collapsed):not(.sidebar-hover) .nav > .nav-item > .nav-link > .nav-text,
    .sidebar.hoverable:not(.collapsed):not(.sidebar-hover) .submenu,
    .sidebar.toggling:not(.collapsed) .nav > .nav-item > .nav-link > .nav-text,
    .sidebar.toggling:not(.collapsed) .submenu,
    .sidebar:not(.hoverable):not(.sidebar-hover) .nav > .nav-item > .nav-link > .nav-text,
    .sidebar:not(.hoverable):not(.sidebar-hover) .submenu {
        -webkit-transform: none !important;
        transform: none !important
    }
}

@media (max-width:1199.98px) {

    .sidebar .nav > .nav-item > .nav-link > .nav-text,
    .sidebar .submenu {
        -webkit-transform: none !important;
        transform: none !important
    }
}

@media (min-width:1200px) {

    .sidebar.hoverable:not(.collapsed):not(.toggling) .ace-scroll,
    .sidebar.hoverable:not(.collapsed):not(.toggling) .nav,
    .sidebar.hoverable:not(.collapsed):not(.toggling) .sidebar-section,
    .sidebar.hoverable:not(.collapsed):not(.toggling) .sidebar-section-item {
        width: inherit
    }

    .sidebar.hoverable.collapsed .ace-scroll,
    .sidebar.hoverable.collapsed .ace-scroll-mob,
    .sidebar.hoverable.collapsed .sidebar-inner {
        overflow: visible;
        -webkit-animation: none;
        animation: none
    }

    .sidebar.hoverable.collapsed .submenu-inner {
        overflow: visible
    }

    .sidebar.hoverable.collapsed.toggling .ace-scroll,
    .sidebar.hoverable.collapsed.toggling .ace-scroll-mob,
    .sidebar.hoverable.collapsed.toggling .sidebar-inner,
    .sidebar.hoverable.collapsed.toggling .submenu-inner {
        overflow: hidden
    }

    .sidebar.hoverable.collapsed .ace-scroll,
    .sidebar.hoverable.collapsed .sidebar-section {
        width: auto;
        white-space: nowrap
    }

    .sidebar.hoverable.collapsed .sidebar-section-item {
        width: 5rem;
        width: var(--sidebar-collapsed-width)
    }

    .sidebar.hoverable.collapsed.toggling .nav > .nav-item > .nav-link > .nav-text,
    .sidebar.hoverable.collapsed.toggling .sub-arrow,
    .sidebar.hoverable.collapsed.toggling .submenu {
        display: none
    }

    .sidebar.hoverable.collapsed.toggling .sidebar-section .fadeable {
        display: none
    }

    .sidebar.hoverable.collapsed.toggling .fadeinable {
        transition: none
    }

    .sidebar.hoverable.collapsed .nav-item-caption .fadeable,
    .sidebar.hoverable.collapsed .nav > .nav-item > .nav-link > .nav-text,
    .sidebar.hoverable.collapsed .sidebar-section-item .fadeable,
    .sidebar.hoverable.collapsed .sub-arrow,
    .sidebar.hoverable.collapsed .submenu {
        -webkit-animation: 1s navItemHidden;
        animation: 1s navItemHidden
    }

    .sidebar.hoverable.collapsed .nav > .nav-item > .nav-link > .nav-text,
    .sidebar.hoverable.collapsed .sub-arrow,
    .sidebar.hoverable.collapsed .submenu {
        transition: margin 150ms, opacity 150ms, visibility 0s;
        transition-delay: .8s, .8s, 950ms
    }
}

@media (min-width:1200px) and (prefers-reduced-motion:reduce) {

    .sidebar.hoverable.collapsed .nav > .nav-item > .nav-link > .nav-text,
    .sidebar.hoverable.collapsed .sub-arrow,
    .sidebar.hoverable.collapsed .submenu {
        transition: none
    }
}

@media (min-width:1200px) {

    .sidebar.hoverable.collapsed .nav-item-caption:hover .fadeable,
    .sidebar.hoverable.collapsed .nav-item:hover > .sub-arrow,
    .sidebar.hoverable.collapsed .nav-item:hover > .submenu,
    .sidebar.hoverable.collapsed .nav > .nav-item:hover > .nav-link > .nav-text,
    .sidebar.hoverable.collapsed .sidebar-section-item:hover .fadeable {
        -webkit-animation-duration: 0s;
        animation-duration: 0s;
        transition-delay: .1s, .1s, 0s
    }

    .sidebar.hoverable.collapsed .nav > .nav-item:hover > .nav-link > .nav-text,
    .sidebar.hoverable.collapsed .nav > .nav-item:hover > .sub-arrow,
    .sidebar.hoverable.collapsed .nav > .nav-item:hover > .submenu {
        transition-delay: 0s
    }

    .sidebar.hoverable.collapsed .sidebar-inner:hover .nav-item:not(:hover) > .sub-arrow,
    .sidebar.hoverable.collapsed .sidebar-inner:hover .nav-item:not(:hover) > .submenu,
    .sidebar.hoverable.collapsed .sidebar-inner:hover .nav > .nav-item:not(:hover) > .nav-link > .nav-text {
        transition: none
    }

    .sidebar.hoverable.collapsed .nav-item {
        position: relative
    }

    .sidebar.hoverable.collapsed .nav > .nav-item > .nav-link > .nav-text,
    .sidebar.hoverable.collapsed .sub-arrow,
    .sidebar.hoverable.collapsed .submenu {
        position: absolute !important;
        right: 100%;
        z-index: 2;
        margin-right: -11px;
        opacity: 0;
        visibility: hidden
    }

    .sidebar.hoverable.collapsed .nav > .nav-item > .nav-link > .nav-text,
    .sidebar.hoverable.collapsed .submenu {
        top: 0;
        min-width: 14rem;
        min-width: calc(var(--sidebar-width) - 2rem);
        box-shadow: -2px 1px 2px 0 rgba(0, 0, 0, .1);
        border: 1px solid #d1d1d1
    }

    .sidebar.hoverable.collapsed .nav > .nav-item > .nav-link > .nav-text {
        display: -ms-flexbox;
        display: flex;
        -ms-flex-align: center;
        align-items: center;
        height: 100%
    }

    .sidebar.hoverable.collapsed .nav > .nav-item > .nav-link > .nav-text .badge {
        margin-right: auto !important;
        float: none
    }

    .sidebar.hoverable.collapsed .nav > .nav-item > .submenu {
        top: calc(100% - 3px);
        border-top-color: #e1e1e1
    }

    .sidebar.hoverable.collapsed .nav-item .nav-item > .submenu {
        top: -.125rem
    }

    .sidebar.hoverable.collapsed .submenu-inner {
        border-width: 0 !important;
        margin: 0 .125rem
    }

    .sidebar.hoverable.collapsed .nav-item:hover > .sub-arrow,
    .sidebar.hoverable.collapsed .nav-item:hover > .submenu,
    .sidebar.hoverable.collapsed .nav > .nav-item:hover > .nav-link > .nav-text {
        margin-right: -2px;
        opacity: 1;
        visibility: visible
    }

    .sidebar.hoverable.collapsed .nav-item > .submenu {
        display: block;
        height: auto !important
    }

    .sidebar.hoverable.collapsed .nav > .nav-item > .submenu {
        border-radius: 0 0 .375rem .375rem
    }

    .sidebar.hoverable.collapsed .nav > .nav-item > .nav-link.dropdown-toggle > .nav-text {
        border-radius: .375rem .375rem 0 0
    }

    .sidebar.hoverable.collapsed .nav > .nav-item > .nav-link > .nav-text {
        border-radius: .375rem
    }

    .sidebar.hoverable.collapsed .nav > .nav-item > .submenu .submenu {
        border-radius: .375rem
    }
}

@media (min-width:1200px) {

    .sidebar.hoverable.collapsed .sidebar-section-item .fadeable,
    .sidebar.sidebar-h .sidebar-section-item .fadeable {
        position: absolute;
        right: 0;
        z-index: 2;
        min-height: inherit;
        min-width: 16rem;
        min-width: var(--sidebar-width);
        display: -ms-flexbox;
        display: flex;
        -ms-flex-align: center;
        align-items: center;
        -ms-flex-pack: center;
        justify-content: center;
        background-color: #fff;
        box-shadow: inset 0 0 0 1px rgba(0, 0, 0, .2), -2px 1px 2px 0 rgba(0, 0, 0, .1);
        border-radius: .375rem;
        transition: opacity 150ms, visibility 0s, background-color 0s, box-shadow 0s;
        transition-delay: .8s, 950ms, 950ms, 950ms
    }
}

@media (min-width:1200px) and (prefers-reduced-motion:reduce) {

    .sidebar.hoverable.collapsed .sidebar-section-item .fadeable,
    .sidebar.sidebar-h .sidebar-section-item .fadeable {
        transition: none
    }
}

@media (min-width:1200px) {

    .sidebar.hoverable.collapsed .sidebar-section-item[class*=fadeable-] .fadeable,
    .sidebar.sidebar-h .sidebar-section-item[class*=fadeable-] .fadeable {
        margin-right: -11px;
        transition: opacity 150ms, margin 150ms, visibility 0s, background-color 0s, box-shadow 0s;
        transition-delay: .8s, .8s, 950ms, 950ms, 950ms
    }
}

@media (min-width:1200px) and (prefers-reduced-motion:reduce) {

    .sidebar.hoverable.collapsed .sidebar-section-item[class*=fadeable-] .fadeable,
    .sidebar.sidebar-h .sidebar-section-item[class*=fadeable-] .fadeable {
        transition: none
    }
}

@media (min-width:1200px) {

    .sidebar.hoverable.collapsed .sidebar-section-item:hover .fadeable,
    .sidebar.sidebar-h .sidebar-section-item:hover .fadeable {
        opacity: 1;
        visibility: visible;
        transition-delay: 0s
    }

    .sidebar.hoverable.collapsed .sidebar-section-item:focus-within .fadeable,
    .sidebar.sidebar-h .sidebar-section-item:focus-within .fadeable {
        opacity: 1;
        visibility: visible;
        transition-delay: 0s
    }

    .sidebar.hoverable.collapsed .sidebar-section-item.fadeable-left:hover .fadeable,
    .sidebar.sidebar-h .sidebar-section-item.fadeable-left:hover .fadeable {
        margin-right: -2px;
        transition-delay: 0s
    }

    .sidebar.hoverable.collapsed .sidebar-section-item.fadeable-left:focus-within .fadeable,
    .sidebar.sidebar-h .sidebar-section-item.fadeable-left:focus-within .fadeable {
        margin-right: -2px;
        transition-delay: 0s
    }

    .sidebar.hoverable.collapsed .sidebar-section-item .fadeinable,
    .sidebar.sidebar-h .sidebar-section-item .fadeinable {
        position: relative
    }

    .sidebar.hoverable.collapsed .sidebar-section-item:not(:hover) .fadeinable,
    .sidebar.sidebar-h .sidebar-section-item:not(:hover) .fadeinable {
        transition-delay: 0s, .8s
    }

    .sidebar.hoverable.collapsed .sidebar-section-item:hover .fadeinable,
    .sidebar.sidebar-h .sidebar-section-item:hover .fadeinable {
        opacity: 0;
        visibility: hidden
    }

    .sidebar.hoverable.collapsed .sidebar-section-item.fadeable-left .fadeable,
    .sidebar.sidebar-h .sidebar-section-item.fadeable-left .fadeable {
        right: 100%
    }

    .sidebar.hoverable.collapsed .sidebar-section-item.fadeable-left .fadeinable,
    .sidebar.sidebar-h .sidebar-section-item.fadeable-left .fadeinable {
        opacity: 1;
        visibility: visible;
        transition: none
    }

    .sidebar.hoverable.collapsed .sidebar-section-item.fadeable-top .fadeable,
    .sidebar.sidebar-h .sidebar-section-item.fadeable-top .fadeable {
        top: 0
    }

    .sidebar.hoverable.collapsed .sidebar-section-item.fadeable-bottom .fadeable,
    .sidebar.sidebar-h .sidebar-section-item.fadeable-bottom .fadeable {
        bottom: 0
    }

    .sidebar.hoverable.collapsed .sidebar-section-item .sub-arrow,
    .sidebar.sidebar-h .sidebar-section-item .sub-arrow {
        right: auto;
        left: 100%;
        opacity: 1;
        visibility: visible;
        margin-right: auto !important;
        transition: none;
        -webkit-animation: none;
        animation: none
    }

    .sidebar.hoverable.collapsed .sidebar-section-item .sub-arrow::after,
    .sidebar.sidebar-h .sidebar-section-item .sub-arrow::after {
        border-left-color: #fff
    }

    .sidebar.hoverable.collapsed .sidebar-section-item.fadeable-top .sub-arrow,
    .sidebar.sidebar-h .sidebar-section-item.fadeable-top .sub-arrow {
        top: 1.25rem
    }

    .sidebar.hoverable.collapsed .sidebar-section-item.fadeable-bottom .sub-arrow,
    .sidebar.sidebar-h .sidebar-section-item.fadeable-bottom .sub-arrow {
        top: auto;
        bottom: 2.5rem
    }

    .sidebar.hoverable.collapsed .sidebar-inner:hover .sidebar-section-item:not(:hover) .fadeable,
    .sidebar.hoverable.collapsed .sidebar-inner:hover .sidebar-section-item:not(:hover) .fadeinable,
    .sidebar.sidebar-h .sidebar-inner:hover .sidebar-section-item:not(:hover) .fadeable,
    .sidebar.sidebar-h .sidebar-inner:hover .sidebar-section-item:not(:hover) .fadeinable {
        transition: none
    }

    .sidebar.hoverable.collapsed .nav-item-caption .fadeable,
    .sidebar.sidebar-h .nav-item-caption .fadeable {
        width: 0
    }
}

@media (min-width:1200px) {

    .sidebar-hover:not(.collapsed) .nav-item > .nav-link > .caret,
    .sidebar.hoverable.collapsed .nav-item > .nav-link > .caret {
        -webkit-transform: none;
        transform: none
    }

    .sidebar-hover:not(.collapsed) .nav-item > .nav-link > .caret[class*="-down"],
    .sidebar.hoverable.collapsed .nav-item > .nav-link > .caret[class*="-down"] {
        -webkit-transform: rotate(90deg) !important;
        transform: rotate(90deg) !important
    }

    .sidebar-hover:not(.collapsed) .nav-item > .nav-link > .caret[class*="-up"],
    .sidebar.hoverable.collapsed .nav-item > .nav-link > .caret[class*="-up"] {
        -webkit-transform: rotate(-90deg) !important;
        transform: rotate(-90deg) !important
    }

    .sidebar-hover:not(.collapsed) .nav-item > .nav-link > .caret[class*="-left"],
    .sidebar-hover:not(.collapsed) .nav-item > .nav-link > .caret[class*="-right"],
    .sidebar.hoverable.collapsed .nav-item > .nav-link > .caret[class*="-left"],
    .sidebar.hoverable.collapsed .nav-item > .nav-link > .caret[class*="-right"] {
        -webkit-transform: scaleX(-1) !important;
        transform: scaleX(-1) !important
    }

    .sidebar-hover.toggling .sidebar-inner {
        overflow: hidden !important
    }

    .sidebar-hover:not(.collapsed) .ace-scroll,
    .sidebar-hover:not(.collapsed) .ace-scroll-mob,
    .sidebar-hover:not(.collapsed) .sidebar-inner {
        overflow: visible;
        -webkit-animation: none !important;
        animation: none !important;
        -webkit-animation-duration: 0s;
        animation-duration: 0s
    }

    .sidebar-hover:not(.collapsed) .submenu-inner {
        overflow: visible
    }

    .sidebar-hover:not(.collapsed) .nav-item {
        position: relative
    }

    .sidebar-hover:not(.collapsed) .nav-item .nav-item > .nav-link {
        padding-right: 1.5rem !important
    }

    .sidebar-hover:not(.collapsed) .nav-item .nav-item > .nav-link > .nav-text::before {
        margin-right: 2px
    }

    .sidebar-hover:not(.collapsed) .sub-arrow,
    .sidebar-hover:not(.collapsed) .submenu {
        -webkit-animation: 1s navItemHidden;
        animation: 1s navItemHidden;
        position: absolute !important;
        right: 100%;
        z-index: 2;
        margin-right: -11px;
        opacity: 0;
        visibility: hidden;
        transition: margin 150ms, opacity 150ms, visibility 0s;
        transition-delay: .8s, .8s, 950ms
    }
}

@media (min-width:1200px) and (prefers-reduced-motion:reduce) {

    .sidebar-hover:not(.collapsed) .sub-arrow,
    .sidebar-hover:not(.collapsed) .submenu {
        transition: none
    }
}

@media (min-width:1200px) {
    .sidebar-hover:not(.collapsed) .sidebar-section-item .fadeable .sub-arrow {
        transition: none
    }

    .sidebar-hover:not(.collapsed) .submenu {
        top: 0;
        min-width: 14rem;
        min-width: calc(var(--sidebar-width) - 2rem);
        box-shadow: -2px 1px 2px 0 rgba(0, 0, 0, .1);
        border: 1px solid #d1d1d1;
        border-radius: .375rem
    }

    .sidebar-hover:not(.collapsed) .sub-arrow::after {
        border-left-color: #fff
    }

    .sidebar-hover:not(.collapsed) .nav > .nav-item:hover > .sub-arrow,
    .sidebar-hover:not(.collapsed) .nav > .nav-item:hover > .submenu {
        transition-delay: 0s
    }

    .sidebar-hover:not(.collapsed) .sidebar-inner:hover .nav-item:not(:hover) > .sub-arrow,
    .sidebar-hover:not(.collapsed) .sidebar-inner:hover .nav-item:not(:hover) > .submenu {
        transition: none
    }

    .sidebar-hover:not(.collapsed) .nav-item:hover > .sub-arrow,
    .sidebar-hover:not(.collapsed) .nav-item:hover > .submenu {
        margin-right: -2px;
        opacity: 1;
        visibility: visible;
        -webkit-animation-duration: 0s;
        animation-duration: 0s;
        transition-delay: .1s, .1s, 0s
    }

    .sidebar-hover:not(.collapsed) .nav-item > .submenu {
        display: block;
        height: auto !important
    }

    .sidebar-hover:not(.collapsed) .nav > .nav-item .submenu {
        top: -.125rem;
        background-color: #fff
    }

    .sidebar-hover:not(.collapsed) .nav > .nav-item > .submenu {
        top: -.5rem
    }

    .sidebar-hover:not(.collapsed) .submenu-inner {
        border-width: 0 !important;
        margin: 0 .125rem;
        padding-top: .125rem;
        padding-bottom: .125rem
    }

    .sidebar-hover:not(.collapsed) .nav-item .nav-link:not(.dropdown-toggle) ~ .sub-arrow {
        display: none !important
    }
}

@media (min-width:1200px) {
    .sidebar.hideable {
        transition-duration: 150ms
    }

    .sidebar.hideable .sidebar-inner {
        transition: width 150ms, visibility 150ms
    }
}

@media (min-width:1200px) and (prefers-reduced-motion:reduce) {
    .sidebar.hideable .sidebar-inner {
        transition: none
    }
}

@media (min-width:1200px) {
    .sidebar.hideable.collapsed {
        width: 0;
        overflow: hidden
    }

    .sidebar.hideable.collapsed .sidebar-inner {
        visibility: hidden;
        width: 0;
        overflow: hidden;
        transition-delay: 0s, 150ms;
        transition-duration: 150ms, 0s
    }
}

.sidebar .nav {
    -ms-flex-direction: column;
    flex-direction: column
}

.sidebar .nav-item,
.sidebar .nav-link {
    position: relative
}

.sidebar .nav-link:focus {
    outline: 0
}

.sidebar .nav > .nav-item > .nav-link {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-align: center;
    align-items: center;
    min-height: 3.75em;
    padding: .5em 1.5em .5em .5em;
    text-shadow: none;
    text-decoration: none;
    white-space: nowrap;
    transition: background-color 150ms, color 150ms
}

@media screen and (-ms-high-contrast:active),
(-ms-high-contrast:none) {
    .sidebar .nav > .nav-item > .nav-link {
        height: 3.75em
    }
}

@media (prefers-reduced-motion:reduce) {
    .sidebar .nav > .nav-item > .nav-link {
        transition: none
    }
}

.sidebar .nav > .nav-item > .nav-link::before {
    content: "";
    position: absolute;
    z-index: 1;
    right: 0;
    top: 0;
    bottom: 0;
    border: 0 solid transparent;
    border-width: 0 .25rem 0 0;
    transition: border-color 150ms
}

@media (prefers-reduced-motion:reduce) {
    .sidebar .nav > .nav-item > .nav-link::before {
        transition: none
    }
}

.sidebar .nav.active-on-right > .nav-item > .nav-link::before {
    right: auto !important;
    left: 1px
}

.sidebar .nav > .nav-item > .nav-link > .nav-icon {
    min-width: 1.25rem;
    margin-left: 2rem;
    margin-right: .25rem
}

.sidebar .nav > .nav-item > .nav-link > .nav-icon:not(.fadeinable) {
    transition: color 150ms
}

@media (prefers-reduced-motion:reduce) {
    .sidebar .nav > .nav-item > .nav-link > .nav-icon:not(.fadeinable) {
        transition: none
    }
}

.sidebar .nav > .nav-item > .nav-link > .nav-icon.nav-icon-round {
    width: 2.125rem;
    height: 2.125rem;
    margin-right: 0;
    border-radius: 2rem;
    color: #fff !important;
    font-size: 1rem;
    text-align: center;
    line-height: 2;
    padding-right: 1px
}

.sidebar .nav-text {
    -ms-flex-positive: 1;
    flex-grow: 1;
    white-space: nowrap;
    word-break: break-all;
    margin-left: 3px
}

.sidebar .nav-text .badge {
    float: left
}

.sidebar .nav > .nav-item > .submenu {
    position: relative
}

.sidebar .nav > .nav-item > .submenu > .submenu-inner {
    padding-top: .25rem;
    padding-bottom: .25rem
}

.sidebar .nav > .nav-item > .submenu > .submenu-inner > .nav-item:not(:last-child) {
    margin-bottom: 1px
}

.sidebar .submenu-inner {
    list-style-type: none;
    margin: 0;
    padding-right: 0;
    padding-left: 0;
    overflow-y: hidden
}

.sidebar .submenu.collapsing {
    transition: height .35s ease !important
}

@media (prefers-reduced-motion:reduce) {
    .sidebar .submenu.collapsing {
        transition: none !important
    }
}

.sidebar .submenu .nav-link {
    min-height: 3rem
}

.sidebar .submenu .submenu .nav-link {
    margin-top: 1px;
    margin-bottom: 1px
}

.sidebar .submenu .nav-link {
    padding: .625rem 3rem .75rem 0;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-align: center;
    align-items: center
}

.sidebar .submenu .nav-icon {
    margin-left: .25rem;
    vertical-align: baseline;
    opacity: .85
}

.sidebar .submenu .nav-item.active > .nav-link > .nav-icon,
.sidebar .submenu .nav-link:hover > .nav-icon {
    opacity: 1
}

.sidebar .caret {
    margin-right: auto;
    margin-left: 1rem
}

.sidebar .nav-item > .nav-link > .caret {
    transition: opacity 150ms, -webkit-transform 150ms;
    transition: transform 150ms, opacity 150ms;
    transition: transform 150ms, opacity 150ms, -webkit-transform 150ms
}

@media (prefers-reduced-motion:reduce) {
    .sidebar .nav-item > .nav-link > .caret {
        transition: none
    }
}

.sidebar .nav-item.open > .nav-link > .caret {
    -webkit-transform: scaleX(-1);
    transform: scaleX(-1)
}

.sidebar .nav-item.open > .nav-link > .caret.rt-90,
.sidebar .nav-item.open > .nav-link > .caret[class*="-right"] {
    -webkit-transform: rotate(90deg);
    transform: rotate(90deg)
}

.sidebar .nav-item.open > .nav-link > .caret.rt-n90,
.sidebar .nav-item.open > .nav-link > .caret[class*="-left"] {
    -webkit-transform: rotate(90deg);
    transform: rotate(90deg)
}

.sidebar .nav-item.open > .nav-link > .caret.caret-shown,
.sidebar .nav-item:not(.open) > .nav-link > .caret.caret-hidden {
    -webkit-transform: none;
    transform: none;
    display: inline-block
}

.sidebar .nav-item.open > .nav-link > .caret.caret-hidden,
.sidebar .nav-item:not(.open) > .nav-link > .caret.caret-shown {
    -webkit-transform: none;
    transform: none;
    display: none
}

.sidebar .submenu .caret {
    margin-left: 1.5rem
}

.sidebar .nav > .nav-item.is-toggling:not(.open):not(.active):not(:hover) > .nav-link {
    transition: none
}

@media (min-width:1200px) {
    .sidebar.hoverable.collapsed .nav-item .nav-item > .nav-link {
        padding-right: 1.5rem
    }

    .sidebar.hoverable.collapsed .nav-item .nav-item > .nav-link > .nav-text::before {
        margin-right: 2px
    }

    .sidebar.hoverable.collapsed .nav > .nav-item > .nav-link > .caret {
        display: none
    }

    .sidebar.hoverable.collapsed .nav-item .nav-item::before,
    .sidebar.hoverable.collapsed .nav > .nav-item > .submenu::before {
        display: none
    }

    .sidebar.hoverable.collapsed .nav > .nav-item > .nav-link > .nav-text {
        padding: 0 .75rem;
        color: #3d78b1;
        background-color: #f8f8f8;
        font-size: .9125rem;
        font-weight: 600
    }

    .sidebar.hoverable.collapsed .nav > .nav-item > .nav-link.dropdown-toggle > .nav-text {
        cursor: default
    }

    .sidebar.hoverable.collapsed.sidebar-spaced:not(.toggling) .nav > .nav-item {
        width: auto;
        overflow: visible
    }

    .sidebar.hoverable.collapsed.sidebar-spaced:not(.toggling) .nav > .nav-item > .nav-link {
        border-radius: inherit;
        padding: 0;
        -ms-flex-pack: center;
        justify-content: center
    }

    .sidebar.hoverable.collapsed.sidebar-spaced:not(.toggling) .nav > .nav-item > .nav-link > .nav-icon {
        margin: 0
    }

    .sidebar.hoverable.collapsed .submenu {
        background-color: #fff
    }

    .sub-arrow {
        position: absolute;
        visibility: hidden;
        top: calc(50% - .625rem);
        margin-top: -1px;
        box-shadow: none;
        border: none
    }

    .sub-arrow::after,
    .sub-arrow::before {
        content: "";
        position: absolute;
        top: 0;
        height: 0;
        width: 0;
        border: .625rem solid transparent
    }

    .sub-arrow::after {
        border-left-color: #f8f8f8;
        left: -2px
    }

    .sub-arrow::before {
        border-left-color: #d1d1d1;
        left: -1px
    }

    .nav-item .nav-item .sub-arrow::after {
        border-left-color: #fff
    }

    .submenu-pullup .sub-arrow::after {
        border-left-color: #fff
    }

    .sidebar.collapsed:not(.hoverable) .sub-arrow,
    .sidebar.expandable:not(.sidebar-hover) .sub-arrow {
        display: none !important
    }
}

.sidebar .nav-link.dropdown-toggle::after {
    display: none
}

.sidebar .nav-item-caption {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-align: center;
    align-items: center;
    position: relative;
    padding: 0 .325rem;
    margin: .5rem 0
}

.sidebar .nav-item + .nav-item-caption {
    margin-top: 2rem
}

.sidebar .nav-item-divider {
    margin: .5rem
}

.sidebar .submenu .nav-item-divider {
    margin: .25rem 3rem .25rem .75rem
}

.sidebar .submenu .submenu .nav-item-divider {
    margin-right: 4rem
}

@media (min-width:1200px) {
    .sidebar.collapsed .sidebar-inner:not(.is-hover) .nav-item-divider.hideable {
        margin: 0;
        visibility: hidden
    }

    .sidebar.collapsed .sidebar-inner:not(.is-hover) .nav-item + .nav-item-caption.hideable {
        margin-top: 0
    }

    .sidebar.collapsed.hoverable .submenu .nav-item-divider {
        margin: .5rem 1rem
    }
}

.sidebar-section-item {
    min-height: 3.5rem;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-align: center;
    align-items: center;
    -ms-flex-pack: center;
    justify-content: center;
    position: relative;
    -ms-flex: 0 0 auto;
    flex: 0 0 auto
}

.sidebar-shortcuts-mini .btn {
    display: inline-block;
    width: .75rem;
    height: .75rem;
    border-radius: 1rem;
    padding: 0;
    margin: 0 1px
}

.sidebar-search-input {
    width: 12rem;
    width: calc(var(--sidebar-width) - 4rem);
    height: 2rem;
    line-height: 2;
    background-color: transparent;
    border-width: 0;
    border-bottom: 1px solid transparent
}

.sidebar-search-input:focus {
    outline: 0
}

.sidebar-search-input::-webkit-input-placeholder {
    font-size: .925rem;
    line-height: 2
}

.sidebar-search-input::-moz-placeholder {
    font-size: .925rem;
    line-height: 2
}

.sidebar-search-input:-ms-input-placeholder {
    font-size: .925rem;
    line-height: 2
}

.sidebar-search-input::-ms-input-placeholder {
    font-size: .925rem;
    line-height: 2
}

.sidebar-search-input::placeholder {
    font-size: .925rem;
    line-height: 2
}

@media (min-width:1200px) {
    .sidebar.expandable .sidebar-inner:not(.has-focus) .sidebar-search-input:focus {
        transition: font-size 0s 0s
    }
}

@media (min-width:1200px) and (prefers-reduced-motion:reduce) {
    .sidebar.expandable .sidebar-inner:not(.has-focus) .sidebar-search-input:focus {
        transition: none
    }
}

@media (min-width:1200px) {
    .sidebar.expandable.collapsed:not(:hover) .sidebar-inner:not(.has-focus) .sidebar-search-input:focus {
        font-size: 0;
        transition-delay: .4s
    }

    .sidebar.expandable.collapsed:hover .sidebar-inner:not(.has-focus) .sidebar-search-input:focus {
        transition-delay: .2s
    }
}

@media (max-width:1199.98px) {
    .sidebar {
        max-width: 0;
        visibility: hidden
    }

    .sidebar .sidebar-inner {
        visibility: visible;
        -webkit-transform: translateX(100%) translateX(1px);
        transform: translateX(100%) translateX(1px);
        transition: -webkit-transform .3s;
        transition: transform .3s;
        transition: transform .3s, -webkit-transform .3s
    }
}

@media (max-width:1199.98px) and (prefers-reduced-motion:reduce) {
    .sidebar .sidebar-inner {
        transition: none
    }
}

@media (max-width:1199.98px) {
    .sidebar:not(.sidebar-fixed) .sidebar-inner {
        position: relative;
        top: var(--navbar-mobile-height);
        min-height: auto;
        height: auto;
        max-height: 0;
        transition: max-height 0s .3s, -webkit-transform .3s 0s;
        transition: transform .3s 0s, max-height 0s .3s;
        transition: transform .3s 0s, max-height 0s .3s, -webkit-transform .3s 0s
    }
}

@media (max-width:1199.98px) and (prefers-reduced-motion:reduce) {
    .sidebar:not(.sidebar-fixed) .sidebar-inner {
        transition: none
    }
}

@media (max-width:1199.98px) {

    .sidebar .ace-scroll,
    .sidebar .sidebar-section-item {
        width: auto
    }

    .sidebar-visible .sidebar-inner {
        -webkit-transform: translateX(0);
        transform: translateX(0)
    }

    .sidebar-visible:not(.sidebar-fixed) .sidebar-inner {
        transition-delay: 0s !important;
        max-height: 1000vh
    }

    .sidebar-push:not(.sidebar-fixed) .sidebar-inner {
        height: 100%;
        max-height: none
    }

    .sidebar:not(.sidebar-push) .sidebar-inner .nav-item:last-child::after {
        display: none
    }

    .sidebar-push {
        transition: max-width .3s
    }
}

@media (max-width:1199.98px) and (prefers-reduced-motion:reduce) {
    .sidebar-push {
        transition: none
    }
}

@media (max-width:1199.98px) {
    .sidebar-push.sidebar-visible {
        max-width: 16rem;
        max-width: var(--sidebar-width)
    }

    .sidebar-push.sidebar-visible ~ .main-content {
        min-width: 100vw;
        max-width: 100vw;
        overflow-x: hidden
    }

    .sidebar-backdrop::before {
        content: "";
        position: fixed;
        right: 0;
        top: 0;
        width: 100%;
        height: 100%;
        background-color: #000;
        opacity: 0;
        display: block;
        pointer-events: none;
        visibility: hidden;
        transition: opacity 150ms 0s, visibility 0s 150ms
    }
}

@media (max-width:1199.98px) and (prefers-reduced-motion:reduce) {
    .sidebar-backdrop::before {
        transition: none
    }
}

@media (max-width:1199.98px) {

    .sidebar-visible .sidebar-backdrop::before,
    .sidebar-visible.sidebar-backdrop::before {
        visibility: visible;
        pointer-events: all;
        opacity: .33;
        transition-delay: 0s
    }

    .sidebar.sidebar-spaced .nav > .nav-item {
        width: auto;
        margin-left: .875rem
    }

    body.mob-sidebar-body,
    body.mob-sidebarswipe-body {
        overflow-y: hidden
    }

    .sidebar-visible [data-toggle-mobile=sidebar] {
        pointer-events: auto !important
    }
}

@media (max-width:991.98px) {
    .sidebar-fixed.sidebar-push {
        max-width: 0;
        min-width: 0;
        width: 0;
        transition: width .3s, min-width .3s, max-width .3s
    }
}

@media (max-width:991.98px) and (prefers-reduced-motion:reduce) {
    .sidebar-fixed.sidebar-push {
        transition: none
    }
}

@media (max-width:991.98px) {
    .sidebar-fixed.sidebar-push.sidebar-visible {
        width: 75vw;
        max-width: 320px;
        min-width: 16rem;
        min-width: var(--sidebar-width)
    }

    .sidebar-fixed .sidebar-inner {
        width: 75vw;
        max-width: 320px;
        min-width: 16rem;
        min-width: var(--sidebar-width)
    }

    .sidebar-fixed .sidebar-inner .ace-scroll,
    .sidebar-fixed .sidebar-inner .sidebar-search-input,
    .sidebar-fixed .sidebar-inner .sidebar-section {
        width: auto
    }

    .sidebar-fixed .sidebar-inner .sidebar-search-input {
        max-width: calc(100% - 1rem)
    }
}

@media (min-width:1200px) {
    .sidebar.sidebar-h {
        will-change: unset;
        transition: none;
        min-height: auto;
        height: 4.25rem;
        height: var(--sidebar-horizontal-height);
        width: 100%
    }

    .sidebar.sidebar-h .sidebar-inner {
        top: auto !important;
        bottom: auto !important;
        -ms-flex-direction: row;
        flex-direction: row;
        overflow: visible;
        height: inherit !important
    }

    .sidebar.sidebar-h .ace-scroll {
        overflow: visible !important;
        width: auto;
        height: auto
    }

    .sidebar.sidebar-h .nav {
        -ms-flex-direction: row;
        flex-direction: row;
        -ms-flex-wrap: nowrap;
        flex-wrap: nowrap
    }

    .sidebar.sidebar-h .nav > .nav-item {
        width: auto;
        margin-bottom: 0 !important;
        margin: 0 1px;
        position: relative;
        height: 100%;
        display: flex;
        align-items: center
    }

    .sidebar.sidebar-h .nav > .nav-item > .nav-link {
        width: auto;
        height: 100%;
        padding-right: .75em;
        padding-left: .75em;
        position: relative
    }

    .sidebar.sidebar-h .nav > .nav-item > .nav-link .nav-icon {
        margin-right: 0;
        margin-left: .125em
    }

    .sidebar.sidebar-h .nav > .nav-item > .nav-link .nav-text {
        -ms-flex-positive: 0;
        flex-grow: 0;
        margin-right: 0
    }

    .sidebar.sidebar-h .nav > .nav-item > .nav-link .nav-text .badge {
        float: none
    }

    .sidebar.sidebar-h .nav > .nav-item > .nav-link > .caret {
        display: none
    }

    .sidebar.sidebar-h .nav > .nav-item.active > .nav-link {
        font-weight: 600
    }

    .sidebar.sidebar-h .nav.nav-link-rounded > .nav-item > .nav-link {
        border-radius: .25em .25em 0 0
    }

    .sidebar.sidebar-h .nav-fill.text-center > .nav-item > .nav-link {
        -ms-flex-pack: center;
        justify-content: center
    }

    .sidebar.sidebar-h .nav-fill .nav-item .nav-item {
        text-align: right
    }

    .sidebar.sidebar-h .nav-item-caption {
        display: none
    }

    .sidebar.sidebar-h .nav > .nav-item > .submenu {
        position: absolute !important;
        top: 100% !important;
        right: 0 !important;
        min-width: 15rem;
        min-width: calc(var(--sidebar-width) - 1rem);
        margin-right: 0;
        margin-top: -11px
    }

    .sidebar.sidebar-h .nav > .nav-item:hover > .submenu {
        margin-right: 0 !important;
        margin-top: -2px !important
    }

    .sidebar.sidebar-h .nav > .nav-item > .nav-link::before {
        top: auto !important;
        bottom: 1px !important;
        right: 1px !important;
        left: 1px !important;
        border-width: 3px 0 0 0
    }

    .sidebar.sidebar-h .nav.active-on-right > .nav-item > .nav-link::before {
        bottom: auto !important;
        top: 1px !important;
        right: 0 !important;
        left: 0 !important;
        border-width: 0 0 3px 0
    }

    .sidebar.sidebar-h .nav.has-active-border > .nav-item.active::before,
    .sidebar.sidebar-h .nav.has-active-border > .nav-item.active > .nav-link::before {
        right: 0 !important;
        left: 0 !important;
        bottom: 1px !important;
        top: auto;
        border-width: 3px 0 0 0
    }

    .sidebar.sidebar-h .align-items-xl-end .nav.active-on-right > .nav-item.active::before,
    .sidebar.sidebar-h .align-items-xl-end .nav.active-on-right > .nav-item > .nav-link::before {
        top: 0 !important
    }

    .sidebar.sidebar-h .nav.nav-spaced > .nav-item {
        margin-right: .2rem;
        margin-left: .2rem
    }

    .sidebar.sidebar-h .nav.nav-spaced > .nav-item > .nav-link {
        padding-right: .2rem;
        padding-left: .2rem;
        margin-top: .2rem;
        margin-bottom: .2rem
    }

    .sidebar.sidebar-h .nav.has-active-arrow > .nav-item.active > .nav-link::after {
        display: block !important;
        top: auto;
        bottom: -1px;
        left: auto;
        right: calc(50% - .625rem);
        border-left: .625rem solid transparent;
        border-right: .625rem solid transparent;
        border-top-width: 0;
        border-bottom: .625rem solid #fff;
        z-index: 1
    }

    .sidebar.sidebar-h .nav.has-active-arrow .nav-item .nav-item.active > .nav-link::after {
        display: none !important
    }

    .sidebar.sidebar-h .nav > .nav-item > .sub-arrow,
    .sidebar.sidebar-h .sidebar-section-item.fadeable-below .sub-arrow {
        top: calc(100% - 1.25rem + 1px);
        bottom: auto;
        right: 1rem !important;
        left: auto;
        margin-right: 0 !important;
        margin-top: -11px
    }

    .sidebar.sidebar-h .nav > .nav-item > .sub-arrow::after,
    .sidebar.sidebar-h .nav > .nav-item > .sub-arrow::before,
    .sidebar.sidebar-h .sidebar-section-item.fadeable-below .sub-arrow::after,
    .sidebar.sidebar-h .sidebar-section-item.fadeable-below .sub-arrow::before {
        border: .625rem solid;
        border-color: transparent;
        left: auto;
        border-left-color: transparent !important
    }

    .sidebar.sidebar-h .nav > .nav-item > .sub-arrow::after,
    .sidebar.sidebar-h .sidebar-section-item.fadeable-below .sub-arrow::after {
        border-bottom-color: #d1d1d1;
        top: -1px;
        z-index: 0
    }

    .sidebar.sidebar-h .nav > .nav-item > .sub-arrow::before,
    .sidebar.sidebar-h .sidebar-section-item.fadeable-below .sub-arrow::before {
        border-bottom-color: #fff;
        z-index: 1
    }

    .sidebar.sidebar-h .nav.has-active-arrow > .nav-item > .sub-arrow {
        right: calc(50% - .625rem) !important
    }

    .sidebar.sidebar-h:not(.sidebar-hover) .nav > .nav-item.open > .sub-arrow {
        display: block
    }

    .sidebar.sidebar-h.sidebar-hover .nav > .nav-item:hover > .sub-arrow {
        margin-top: -2px
    }

    .sidebar.sidebar-h .sidebar-section-item.fadeable-below .fadeable .sub-arrow {
        top: calc(-1.25rem + 1px);
        margin-top: 0 !important
    }

    .sidebar.sidebar-h .sidebar-section-item.fadeable-right .fadeable .sub-arrow {
        right: auto !important;
        left: 2rem
    }

    .sidebar.sidebar-h .nav > .nav-item.submenu-right > .submenu,
    .sidebar.sidebar-h .nav > .nav-item:last-of-type > .submenu {
        right: auto !important;
        left: 0 !important
    }

    .sidebar.sidebar-h .nav:not(.has-active-arrow) > .nav-item.submenu-right > .sub-arrow,
    .sidebar.sidebar-h .nav:not(.has-active-arrow) > .nav-item:last-of-type > .sub-arrow {
        right: auto !important;
        left: 2rem !important
    }

    .sidebar.sidebar-h .sidebar-section {
        width: auto;
        display: -ms-inline-flexbox;
        display: inline-flex;
        -ms-flex-direction: row;
        flex-direction: row
    }

    .sidebar.sidebar-h .sidebar-section-item .fadeable {
        -webkit-animation: 1s navItemHidden;
        animation: 1s navItemHidden;
        opacity: 0;
        visibility: hidden
    }

    .sidebar.sidebar-h .sidebar-section-item.fadeable-below .fadeable {
        top: 100% !important;
        right: 0 !important;
        margin-right: 0 !important;
        margin-top: -11px
    }

    .sidebar.sidebar-h .sidebar-section-item.fadeable-right .fadeable {
        right: auto !important;
        left: 0
    }

    .sidebar.sidebar-h .sidebar-section-item .fadeinable {
        opacity: 1 !important;
        visibility: visible !important;
        transition: none
    }

    .sidebar.sidebar-h .sidebar-section-item:hover .fadeable {
        opacity: 1;
        visibility: visible;
        transition-delay: 0s;
        margin-right: 0 !important;
        margin-top: -2px
    }

    .sidebar.sidebar-h .sidebar-section-item:focus-within .fadeable {
        margin-top: -2px
    }

    .sidebar.sidebar-h .sidebar-section:first-child .sidebar-section-item.fadeable-center:not(:first-child) .fadeable,
    .sidebar.sidebar-h .sidebar-section:not(:first-child) .sidebar-section-item.fadeable-center .fadeable {
        right: 50% !important;
        -webkit-transform: translateX(50%);
        transform: translateX(50%)
    }

    .sidebar.sidebar-h .sidebar-section:first-child .sidebar-section-item.fadeable-center:not(:first-child) .fadeable .sub-arrow,
    .sidebar.sidebar-h .sidebar-section:not(:first-child) .sidebar-section-item.fadeable-center .fadeable .sub-arrow {
        right: calc(50% - .625rem) !important
    }

    .sidebar-h.collapsed-h {
        height: 4rem;
        height: var(--sidebar-horizontal-collapsed-height)
    }

    .sidebar-h.collapsed-h .nav > .nav-item > .nav-link > .nav-text {
        display: none
    }

    .sidebar-h.collapsed-h .nav > .nav-item > .nav-link > .nav-icon {
        margin: 0 .625em
    }

    .navbar:not(.navbar-fixed) ~ .main-container .sidebar-h.sidebar-fixed,
    .navbar:not(.navbar-fixed) ~ .sidebar-h.sidebar-fixed {
        position: -webkit-sticky;
        position: sticky;
        top: 0
    }

    .navbar:not(.navbar-fixed) ~ .main-container .sidebar-h.sidebar-fixed .sidebar-inner,
    .navbar:not(.navbar-fixed) ~ .sidebar-h.sidebar-fixed .sidebar-inner {
        position: relative
    }

    .main-container .sidebar-h.sidebar-fixed {
        position: -webkit-sticky;
        position: sticky;
        top: 0
    }

    .main-container .sidebar-h.sidebar-fixed .sidebar-inner {
        position: relative
    }

    .main-container .navbar-fixed ~ .sidebar-h.sidebar-fixed,
    .navbar-fixed ~ .main-container .sidebar-h.sidebar-fixed {
        top: 4.5rem;
        top: var(--navbar-height)
    }

    .main-container .navbar-fixed.navbar-sm ~ .sidebar-h.sidebar-fixed,
    .navbar-fixed.navbar-sm ~ .main-container .sidebar-h.sidebar-fixed {
        top: 4rem;
        top: var(--navbar-sm-height)
    }

    .sidebar-h.sidebar-fixed ~ .main-container .sidebar-fixed .sidebar-inner {
        margin-top: 4.25rem;
        margin-top: var(--sidebar-horizontal-height)
    }

    .collapsed-h.sidebar-fixed ~ .main-container .sidebar-fixed .sidebar-inner {
        margin-top: 4rem;
        margin-top: var(--sidebar-horizontal-collapsed-height)
    }
}

@media (min-width:1600px) {

    .container .sidebar-h .sidebar-section:first-child .sidebar-section-item.fadeable-center:first-child .fadeable,
    .sidebar-h .container .sidebar-section:first-child .sidebar-section-item.fadeable-center:first-child .fadeable {
        right: 50% !important;
        -webkit-transform: translateX(50%);
        transform: translateX(50%)
    }

    .container .sidebar-h .sidebar-section:first-child .sidebar-section-item.fadeable-center:first-child .fadeable .sub-arrow,
    .sidebar-h .container .sidebar-section:first-child .sidebar-section-item.fadeable-center:first-child .fadeable .sub-arrow {
        right: calc(50% - .625rem) !important
    }
}

@media (min-width:1750px) {

    .container-plus .sidebar-h .sidebar-section:first-child .sidebar-section-item.fadeable-center:first-child .fadeable,
    .sidebar-h .container-plus .sidebar-section:first-child .sidebar-section-item.fadeable-center:first-child .fadeable {
        right: 50% !important;
        -webkit-transform: translateX(50%);
        transform: translateX(50%)
    }

    .container-plus .sidebar-h .sidebar-section:first-child .sidebar-section-item.fadeable-center:first-child .fadeable .sub-arrow,
    .sidebar-h .container-plus .sidebar-section:first-child .sidebar-section-item.fadeable-center:first-child .fadeable .sub-arrow {
        right: calc(50% - .625rem) !important
    }
}

@media (max-width:1199.98px) {
    .sidebar-h .nav.nav-fill .nav-item {
        -ms-flex: unset;
        flex: unset;
        text-align: right
    }

    .sidebar-h .container {
        height: 100%
    }
}

.nav.has-active-arrow .nav-item.active > .nav-link::after {
    content: "";
    display: none;
    position: absolute;
    z-index: 0;
    width: 0;
    height: 0;
    margin: 0;
    left: 0;
    top: calc(50% - .625rem);
    border-left: .625rem solid #fff;
    border-right: none;
    border-top: .625rem solid transparent;
    border-bottom: .625rem solid transparent
}

.nav.has-active-arrow .nav-item.active:not(.open) > .nav-link::after {
    display: block
}

.nav.has-active-arrow .nav-item.active.open .nav-item.active:not(.open) > .nav-link::after {
    display: block
}

.nav.has-active-arrow .nav-item.active:not(.open) .nav-item.active:not(.open) > .nav-link::after {
    display: none
}

@media (min-width:1200px) {

    .sidebar.expandable.collapsed.toggling .nav.has-active-arrow > .nav-item > .nav-link,
    .sidebar.expandable:not(.collapsed).toggling .nav.has-active-arrow > .nav-item.active:not(.open) > .nav-link {
        position: static
    }

    .sidebar.expandable.sidebar-spaced.toggling .nav.has-active-arrow .nav-item.active > .nav-link::after,
    .sidebar.expandable.sidebar-spaced:not(.collapsed) .nav.has-active-arrow .nav-item.active > .nav-link::after {
        display: none !important
    }

    .sidebar.expandable.collapsed:not(.toggling) .nav.has-active-arrow > .nav-item.active > .nav-link::after {
        left: auto !important;
        right: 4.375rem;
        right: calc(var(--sidebar-collapsed-width) - .625rem)
    }

    .sidebar.expandable.collapsed:not(.toggling).sidebar-spaced .nav.has-active-arrow > .nav-item.active > .nav-link::after {
        margin-right: calc(-.4375rem - 2px)
    }

    .sidebar.expandable.collapsed .nav.has-active-arrow .nav-item .nav-item > .nav-link::after {
        display: none !important
    }

    .sidebar.expandable.collapsed .nav.has-active-arrow > .nav-item.active > .nav-link::after {
        transition: visibility 0s 550ms;
        display: block
    }
}

@media (min-width:1200px) and (prefers-reduced-motion:reduce) {
    .sidebar.expandable.collapsed .nav.has-active-arrow > .nav-item.active > .nav-link::after {
        transition: none
    }
}

@media (min-width:1200px) {

    .sidebar.expandable.collapsed .sidebar-inner.has-focus .nav.has-active-arrow > .nav-item.active > .nav-link::after,
    .sidebar.expandable.collapsed .sidebar-inner:hover .nav.has-active-arrow > .nav-item.active > .nav-link::after {
        visibility: hidden;
        transition-delay: 80ms
    }

    .sidebar.hoverable.collapsed .nav.has-active-arrow > .nav-item.active > .nav-link::after {
        display: block;
        left: -1px
    }

    .sidebar.hoverable.collapsed .nav.has-active-arrow .nav-item .nav-item.active > .nav-link::after {
        display: none !important
    }
}

@media (max-width:1199.98px) {
    .sidebar:not(.sidebar-push) .nav.has-active-arrow .nav-item.active > .nav-link::after {
        display: none !important
    }
}

.nav.has-active-border > .nav-item.active::before {
    position: absolute;
    z-index: 1;
    right: 0;
    top: 0;
    bottom: 0;
    border: 0 solid transparent;
    border-right-width: .25rem
}

.nav.has-active-border > .nav-item.active[class*=brc-]::before {
    border-right-color: inherit
}

.nav.has-active-border .nav-item.active > .nav-link::before {
    position: absolute;
    z-index: 1;
    right: 0;
    top: 0;
    bottom: 0;
    border: 0 solid transparent;
    border-right-width: .25rem
}

.nav.has-active-border > .nav-item.active[class*=brc-] .nav-item,
.nav.has-active-border > .nav-item.active[class*=brc-] .nav-link,
.nav.has-active-border > .nav-item.active[class*=brc-] .nav-link::before,
.nav.has-active-border > .nav-item.active[class*=brc-] .submenu,
.nav.has-active-border > .nav-item.active[class*=brc-] .submenu-inner {
    border-right-color: inherit
}

.nav.has-active-border .nav-item.active.open > .nav-link::before {
    display: none
}

.nav.has-active-border .nav-item.active:not(.open) .nav-item > .nav-link::before {
    display: none
}

@media (min-width:1200px) {
    .sidebar.expandable.collapsed .sidebar-inner .nav.has-active-border > .nav-item.active > .nav-link::before {
        display: block
    }

    .sidebar.expandable.collapsed .sidebar-inner.has-focus .nav.has-active-border > .nav-item.active.open > .nav-link::before,
    .sidebar.expandable.collapsed .sidebar-inner.is-hover .nav.has-active-border > .nav-item.active.open > .nav-link::before {
        visibility: hidden
    }

    .sidebar.expandable.collapsed .sidebar-inner.has-focus .nav.has-active-border > .nav-item.active:not(.open) > .nav-link::before,
    .sidebar.expandable.collapsed .sidebar-inner.is-hover .nav.has-active-border > .nav-item.active:not(.open) > .nav-link::before {
        visibility: visible
    }
}

.nav.has-active-border.active-on-top .nav-item.active::before {
    display: none !important
}

.nav.has-active-border.active-on-top .nav-item.active > .nav-link::before {
    display: block !important;
    visibility: visible !important
}

.nav.has-active-border.active-on-top .nav-item .nav-item.active > .nav-link::before {
    display: none !important
}

@media (min-width:1200px) {
    .sidebar.hoverable.collapsed .nav.has-active-border > .nav-item.active > .nav-link::before {
        display: block !important;
        visibility: visible !important
    }

    .sidebar.hoverable.collapsed .nav.has-active-border .nav-item .nav-item.active > .nav-link::before {
        display: none !important
    }
}

.nav.has-active-border.active-on-right .nav-item.active > .nav-link::before,
.nav.has-active-border.active-on-right > .nav-item.active::before {
    right: auto !important;
    left: 1px
}

@media (min-width:1200px) {

    .collapsed:not(.toggling) .sidebar-inner:not(.is-hover) .nav.active-on-right .nav-item.active > .nav-link::before,
    .collapsed:not(.toggling) .sidebar-inner:not(.is-hover) .nav.active-on-right > .nav-item.active::before {
        right: 5rem !important;
        right: var(--sidebar-collapsed-width) !important;
        margin-right: calc(-.25rem - 1px);
        left: auto
    }
}

.sidebar-spaced .nav.has-active-arrow .nav-item.active > .nav-link::after {
    display: none !important
}

@media (min-width:1200px) {
    .sidebar-spaced.sidebar-color.hoverable.collapsed .nav.has-active-border > .nav-item.active > .nav-link::before {
        display: none !important
    }
}

@media (min-width:1200px) {

    .body-container:not(.container) .sidebar:not(.sidebar-spaced) .nav.has-active-border .nav-item > .nav-link::before,
    .body-container:not(.container) .sidebar:not(.sidebar-spaced) .nav.has-active-border > .nav-item.active::before {
        right: 1px
    }
}

@media (max-width:1199.98px) {

    .sidebar .nav.has-active-border .nav-item > .nav-link::before,
    .sidebar .nav.has-active-border > .nav-item.active::before {
        right: 1px
    }
}

.sidebar-spaced .nav > .nav-item {
    width: 14.25rem;
    width: calc(var(--sidebar-width) - 1.75rem);
    margin-right: .875rem;
    border-radius: .325rem;
    overflow: hidden;
    margin-bottom: .25rem;
    pointer-events: none
}

.sidebar-spaced .nav > .nav-item::after,
.sidebar-spaced .nav > .nav-item::before {
    display: none !important
}

.sidebar-spaced .nav > .nav-item > .nav-link,
.sidebar-spaced .nav > .nav-item > .submenu {
    max-width: 100%;
    pointer-events: all
}

.sidebar-spaced .nav > .nav-item > .nav-link {
    min-height: 3.25rem
}

.sidebar-spaced .nav > .nav-item > .nav-link > .nav-icon {
    margin-right: 0
}

.sidebar-spaced .nav > .nav-item > .submenu {
    border-width: 0
}

.sidebar-spaced .caret {
    margin-left: .25rem
}

.sidebar-spaced .submenu .caret {
    margin-left: .875rem
}

.sidebar-spaced .submenu .nav-link {
    margin-right: 2px;
    margin-left: 2px
}

.sidebar-spaced.sidebar-color .nav > .nav-item {
    transition: none;
    border-radius: .5rem
}

@media (min-width:1200px) {
    .sidebar-spaced.expandable.collapsed .sidebar-inner:not(.is-hover) .nav > .nav-item {
        margin-right: .4375rem
    }

    .sidebar-spaced.hoverable.collapsed .nav > .nav-item {
        margin-right: .5775rem;
        margin-left: .5775rem
    }

    .sidebar-spaced.hoverable.collapsed .nav > .nav-item > .submenu {
        border-width: 1px
    }
}

@media (min-width:1200px) {
    .sidebar-spaced.sidebar.collapsed .sidebar-inner:not(.is-hover) .nav > .nav-item > .nav-link > .nav-icon-round {
        margin-right: -.625rem
    }

    .sidebar-spaced.expandable .nav > .nav-item:not(.open):not(.active):not(:hover) > .submenu {
        background-color: transparent
    }

    .sidebar-spaced.hoverable:not(.collapsed) .nav > .nav-item:not(.open):not(.active):not(:hover) > .submenu {
        background-color: transparent
    }

    .sidebar-spaced.hideable .nav > .nav-item:not(.open):not(.active):not(:hover) > .submenu {
        background-color: transparent
    }
}

@media (max-width:1199.98px) {
    .sidebar-spaced .nav > .nav-item:not(.open):not(.active):not(:hover) > .submenu {
        background-color: transparent
    }
}

.navbar-default {
    background-color: #2087c5
}

.navbar-default .navbar-toggler:focus,
.navbar-default .navbar-toggler:hover {
    background-color: rgba(255, 255, 255, .1)
}

.navbar-default .navbar-toggler[aria-expanded=true] {
    background-color: rgba(0, 0, 0, .1)
}

.navbar-default .navbar-nav > .nav > .nav-item > .nav-link:not(.disabled) {
    color: rgba(255, 255, 255, .92);
    background-color: transparent
}

.navbar-default .navbar-nav > .nav > .nav-item:hover > .nav-link:not(.disabled) {
    background-color: rgba(255, 255, 255, .1)
}

.navbar-default .navbar-nav > .nav > .nav-item > .nav-link:active:not(.disabled) {
    background-color: rgba(0, 0, 0, .1)
}

.navbar-default .navbar-nav > .nav.has-active-border > .nav-item > .nav-link:not(.disabled)::before {
    background-color: rgba(255, 255, 255, .73)
}

.navbar-default .navbar-nav > .nav > .nav-item.show > .nav-link:not(.disabled) {
    background-color: rgba(0, 0, 0, .15)
}

@media (min-width:992px) {
    .navbar-default .navbar-intro {
        background-color: rgba(0, 0, 0, .075)
    }

    .navbar-default .navbar-nav > .nav > .nav-item {
        border: 0 solid rgba(0, 0, 0, .1)
    }

    .navbar-default .navbar-nav > .nav > .nav-item {
        border-width: 0 1px 0 0
    }

    .navbar-default .navbar-nav > .nav > .nav-item:last-of-type {
        border-width: 0 1px
    }

    .navbar-default .navbar-nav > .nav > .nav-item.show,
    .navbar-default .navbar-nav > .nav > .nav-item.show + .nav-item {
        border-color: rgba(0, 0, 0, .2)
    }

    .navbar-default .navbar-nav > .nav > .nav-item > .nav-link::after {
        content: none
    }
}

@media (max-width:991.98px) {
    .navbar-default .navbar-content-section input {
        border-bottom-color: rgba(255, 255, 255, .7)
    }

    .navbar-default .navbar-collapse {
        border: 0 solid rgba(34, 85, 117, .2);
        border-width: 1px 0
    }

    .navbar-default .navbar-collapse > .navbar-nav > .nav > .nav-item {
        border-bottom: 1px solid rgba(255, 255, 255, .1)
    }

    .navbar-default .navbar-collapse > .navbar-nav > .nav > .nav-item.dropdown.show {
        background-color: rgba(0, 0, 0, .1)
    }

    .navbar-default .navbar-collapse > .navbar-nav > .nav > .nav-item > .nav-link.active {
        background-color: rgba(0, 0, 0, .1)
    }

    .navbar-default .navbar-collapse > .navbar-nav > .nav > .nav-item.show > .nav-link {
        background-color: transparent
    }
}

@media (min-width:992px) {
    .navbar-default .navbar-fixed > .navbar-inner {
        box-shadow: 0 0 4px 1px rgba(0, 0, 0, .1), inset -1px -1px 0 0 rgba(0, 0, 0, .05)
    }

    .navbar-default .navbar-fixed.container {
        box-shadow: 0 0 0 1px rgba(0, 0, 0, .1)
    }

    .navbar-default .navbar-fixed.container .navbar-inner {
        right: auto;
        left: auto
    }
}

.navbar-default .navbar-content-section input {
    background-color: transparent;
    color: #fff;
    border-width: 0 0 1px;
    border-style: solid;
    border-color: transparent
}

.navbar-default .navbar-content-section input:focus {
    border-color: rgba(255, 255, 255, .7)
}

.navbar-default .navbar-content-section input:not(:focus):hover {
    border-color: rgba(255, 255, 255, .7)
}

.navbar-default .navbar-content-section input::-webkit-input-placeholder {
    color: rgba(255, 255, 255, .7)
}

.navbar-default .navbar-content-section input::-moz-placeholder {
    color: rgba(255, 255, 255, .7)
}

.navbar-default .navbar-content-section input:-ms-input-placeholder {
    color: rgba(255, 255, 255, .7)
}

.navbar-default .navbar-content-section input::-ms-input-placeholder {
    color: rgba(255, 255, 255, .7)
}

.navbar-default .navbar-content-section input::placeholder {
    color: rgba(255, 255, 255, .7)
}

.navbar-default .navbar-content-section input::-moz-placeholder {
    color: #fff
}

.sidebar-default {
    background-color: #f7f7f7
}

.sidebar-default .sidebar-inner {
    background: inherit;
    box-shadow: inset 1px 0 0 0 #dbdfe2
}

.sidebar-default.toggling.has-open:not(.collapsed) .sidebar-inner {
    border-left: 1px solid #dbdfe2
}

@media (min-width:1200px) {
    .sidebar-default:not(.sidebar-h) .nav {
        position: relative;
        right: -1px
    }

    .sidebar-default:not(.sidebar-h) .nav > .nav-item.active:not(.open) > .nav-link {
        right: 1px
    }

    .sidebar-default:not(.sidebar-h) .nav.has-active-border .submenu .nav-link::before,
    .sidebar-default:not(.sidebar-h) .nav.has-active-border > .nav-item.open > .nav-link::before {
        margin-right: 1px
    }

    .sidebar-default.hoverable.collapsed:not(.sidebar-h) .nav {
        right: auto
    }

    .sidebar-default.hoverable.collapsed:not(.sidebar-h) .nav .nav-item > .nav-link {
        right: auto
    }

    .sidebar-default.hoverable.collapsed:not(.sidebar-h) .nav.has-active-border .submenu .nav-link::before,
    .sidebar-default.hoverable.collapsed:not(.sidebar-h) .nav.has-active-border > .nav-item > .nav-link::before {
        margin-right: auto
    }
}

@media (min-width:1200px) {
    .sidebar-default.sidebar-h .nav > .nav-item.active > .nav-link {
        top: 1px
    }

    .sidebar-default.sidebar-h .nav.active-on-right > .nav-item::before,
    .sidebar-default.sidebar-h .nav.active-on-right > .nav-item > .nav-link::before {
        bottom: auto !important;
        top: 0 !important
    }

    .sidebar-default.sidebar-h .align-items-xl-end .nav.active-on-right > .nav-item::before,
    .sidebar-default.sidebar-h .align-items-xl-end .nav.active-on-right > .nav-item > .nav-link::before {
        top: -1px !important
    }
}

@media (max-width:1199.98px) {
    .sidebar-default.sidebar-push .nav {
        position: relative;
        right: -1px
    }

    .sidebar-default.sidebar-push .nav > .nav-item.active:not(.open) > .nav-link {
        right: 1px
    }

    .sidebar-default.sidebar-push .nav.has-active-border .submenu .nav-link::before,
    .sidebar-default.sidebar-push .nav.has-active-border > .nav-item.open > .nav-link::before {
        margin-right: 1px
    }
}

@media (max-width:1199.98px) {
    .sidebar-default:not(.sidebar-push) .sidebar-inner {
        box-shadow: none;
        border-left: 1px solid #d0d5d9
    }

    .sidebar-default:not(.sidebar-fixed) .sidebar-inner {
        border-bottom: 1px solid #d0d5d9
    }
}

.sidebar-default .nav > .nav-item {
    margin-bottom: 1px
}

.sidebar-default .nav > .nav-item > .nav-link {
    color: #4e4e4e;
    font-size: 1rem
}

.sidebar-default .nav > .nav-item > .nav-link > .nav-icon {
    color: #5c5c5c;
    font-size: 1.25em
}

.sidebar-default .nav > .nav-item.open > .nav-link {
    color: #313131
}

.sidebar-default.sidebar-spaced .nav > .nav-item.open:not(.active) > .nav-link {
    background-color: #e7eaef
}

.sidebar-default .nav > .nav-item.open > .nav-link > .nav-icon {
    color: #4a4a4a
}

.sidebar-default .nav > .nav-item > .nav-link:hover {
    background-color: #e7eaef;
    color: #2e2f30
}

.sidebar-default .nav > .nav-item > .nav-link:hover > .nav-icon {
    color: #454647
}

.sidebar-default .nav > .nav-item > .submenu {
    background-color: #fdfdfd
}

.sidebar-default .submenu .nav-link {
    color: #616161;
    font-size: .95rem
}

.sidebar-default .submenu .nav-item.open > .nav-link {
    color: #2a7ab8
}

.sidebar-default .submenu .nav-item > .nav-link:hover {
    color: #3576a9;
    background-color: #f0f5f9
}

.sidebar-default .submenu .nav-icon {
    color: #99a0a8;
    font-size: 1.1875rem
}

.sidebar-default .submenu .nav-link:hover > .nav-icon {
    color: #92afd0
}

.sidebar-default .submenu .nav-item.open > .nav-link > .nav-icon {
    color: #92afd0
}

.sidebar-default .submenu .nav-item.active > .nav-link > .nav-icon {
    color: #70a1d1
}

.sidebar-default .caret {
    color: inherit;
    opacity: .75
}

.sidebar-default .open > .nav-link > .caret {
    opacity: .82
}

.sidebar-default .nav-item > .nav-link:hover > .caret {
    opacity: .82
}

.sidebar-default .nav-item.active > .nav-link > .caret {
    opacity: .82
}

.sidebar-default .nav-item.active.open > .nav-link > .caret {
    opacity: .92
}

.sidebar-default .nav > .nav-item.active {
    border: 1px solid #dbdfe2;
    border-width: 1px 0
}

@media (min-width:1200px) {
    .sidebar-default.sidebar-h .nav > .nav-item.active {
        border-width: 0 1px
    }
}

.sidebar-default .nav > .nav-item.active > .nav-link {
    color: #3c7db9;
    background-color: #fff
}

.sidebar-default .nav > .nav-item.active:not(.open) > .nav-link {
    font-weight: 600
}

.sidebar-default .nav > .nav-item.active > .nav-link > .nav-icon {
    color: #427fb8
}

.sidebar-default .submenu .nav-item.active > .nav-link {
    color: #2a7ab8
}

.sidebar-default .submenu .nav-item.active > .nav-link > .nav-icon {
    color: #70a1d1
}

.sidebar-default .submenu .nav-item.active:not(.open) > .nav-link {
    background-color: #f0f5f9;
    font-weight: 600
}

@media (min-width:1200px) {

    .sidebar-default.hoverable.collapsed .submenu .nav-item.active.open > .nav-link,
    .sidebar-default.sidebar-hover:not(.collapsed) .submenu .nav-item.active.open > .nav-link {
        color: #2a7ab8;
        background-color: #f0f5f9;
        font-weight: 600
    }

    .sidebar-default.hoverable.collapsed .submenu .nav-item.active > .nav-link > .nav-text::before,
    .sidebar-default.sidebar-hover:not(.collapsed) .submenu .nav-item.active > .nav-link > .nav-text::before {
        content: "";
        display: block;
        opacity: 1
    }
}

.sidebar-default .nav.has-active-border .nav-item.active > .nav-link::before {
    content: "";
    border-color: #4b95ce;
    top: -1px;
    bottom: -1px
}

.sidebar-default .submenu .nav-link {
    padding-right: 3.75em
}

.sidebar-default .submenu .submenu .nav-link {
    padding-right: 4.675em
}

.sidebar-default .submenu .submenu .submenu .nav-link {
    padding-right: 5.325em
}

.sidebar-default .submenu .nav-text::before {
    display: none;
    position: absolute;
    right: 2.75em;
    z-index: 1;
    opacity: .65;
    top: calc(50% - .1875rem);
    width: .375rem;
    height: .375rem;
    border-radius: .75rem;
    background-color: currentColor
}

.sidebar-default .submenu .submenu .nav-text::before {
    right: 3.675em
}

.sidebar-default .submenu .submenu .submenu .nav-text::before {
    right: 4.325em
}

.sidebar-default .submenu .nav-item > .nav-link:hover > .nav-text::before {
    content: "";
    display: block;
    opacity: .8
}

.sidebar-default .submenu .nav-item.active:not(.open) > .nav-link > .nav-text::before {
    content: "";
    display: block;
    opacity: 1
}

@media (min-width:1200px) {

    .sidebar-default.hoverable.collapsed .submenu .nav-text::before,
    .sidebar-default.sidebar-hover:not(.collapsed) .submenu .nav-text::before {
        right: calc(.5em + 1px) !important
    }
}

.sidebar-default .nav-item-caption {
    color: #717580;
    font-size: .875rem
}

.sidebar-default .nav-item-divider {
    border-top: 1px solid #dde3e6
}

.sidebar-default .submenu .nav-item-divider {
    border-top-color: #eceff1
}

.sidebar-default .nav > .nav-item > .submenu > .submenu-inner {
    border: 1px solid #e6e9eb;
    border-width: 1px 0
}

.sidebar-default .nav > .nav-item.active > .submenu > .submenu-inner {
    border-bottom-width: 0
}

.sidebar-default .nav > .nav-item.is-toggling + .nav-item.active,
.sidebar-default .nav > .nav-item.open + .nav-item.active {
    margin-top: -2px
}

.sidebar-default .ace-scroll {
    scrollbar-color: #9dbad5 #dce3ea
}

.sidebar-default .ace-scroll::-webkit-scrollbar-track {
    background-color: #dce3ea;
    border-left: 1px solid #f7f7f7
}

.sidebar-default .ace-scroll::-webkit-scrollbar-thumb {
    background-color: #9dbad5;
    border-left: 1px solid #f7f7f7
}

.sidebar-default.sidebar-spaced .nav {
    margin-right: 0
}

.sidebar-default.sidebar-spaced .nav > .nav-item.active:not(.open) > .nav-link {
    right: auto
}

.sidebar-default.sidebar-spaced .nav > .nav-item.active {
    border-width: 1px;
    border-color: #d0d5d9
}

@media (min-width:1200px) {
    .sidebar-default.toggling .nav > .nav-item.active.open {
        transition: none
    }

    .sidebar-default.expandable.collapsed .sidebar-inner:not(.is-hover) .nav > .nav-item.open:not(.active),
    .sidebar-default.hoverable.collapsed .nav > .nav-item.open:not(.active) {
        border-color: transparent;
        background-color: transparent
    }

    .sidebar-default.expandable.collapsed .sidebar-inner:not(.is-hover) .nav > .nav-item.open:not(.active) > .nav-link,
    .sidebar-default.hoverable.collapsed .nav > .nav-item.open:not(.active) > .nav-link {
        color: #4e4e4e;
        background-color: transparent
    }

    .sidebar-default.expandable.collapsed .sidebar-inner:not(.is-hover) .nav > .nav-item.open:not(.active) > .nav-link > .nav-icon,
    .sidebar-default.hoverable.collapsed .nav > .nav-item.open:not(.active) > .nav-link > .nav-icon {
        color: #5c5c5c
    }

    .sidebar-default.expandable.collapsed .sidebar-inner:not(.is-hover) .nav > .nav-item.active.open,
    .sidebar-default.hoverable.collapsed .nav > .nav-item.active.open {
        border-width: 1px 0;
        transition: none
    }
}

.sidebar-default .sidebar-search-input {
    color: rgba(68, 80, 92, .9);
    border-bottom-color: rgba(204, 204, 204, .4)
}

.sidebar-default .sidebar-search-input:focus {
    border-bottom-color: rgba(140, 174, 213, .73)
}

.sidebar-default .sidebar-search-input::-webkit-input-placeholder {
    color: rgba(129, 131, 136, .5)
}

.sidebar-default .sidebar-search-input::-moz-placeholder {
    color: rgba(129, 131, 136, .5)
}

.sidebar-default .sidebar-search-input:-ms-input-placeholder {
    color: rgba(129, 131, 136, .5)
}

.sidebar-default .sidebar-search-input::-ms-input-placeholder {
    color: rgba(129, 131, 136, .5)
}

.sidebar-default .sidebar-search-input::placeholder {
    color: rgba(129, 131, 136, .5)
}

.sidebar-default .sidebar-search-input::-moz-placeholder {
    color: #818388
}

.footer {
    width: 100%;
    margin-top: 1.25rem
}

.footer-inner {
    text-align: center;
    padding-left: 0;
    padding-right: 0
}

.footer-fixed .footer-inner {
    position: fixed;
    bottom: 0;
    right: auto;
    left: auto;
    z-index: 1001;
    width: 100%
}

@media (min-width:1200px) {

    .container .footer-fixed,
    .container .main-container,
    .container .main-content {
        max-width: inherit
    }

    .container .footer-fixed .footer-inner {
        max-width: inherit;
        margin-right: auto;
        margin-left: auto
    }
}

@media (min-width:1200px) {
    .footer-fixed .footer-inner {
        padding-right: 16rem;
        padding-right: var(--sidebar-width)
    }

    .sidebar.toggling ~ .main-content .footer-fixed .footer-inner {
        transition: padding-right 150ms
    }
}

@media (min-width:1200px) and (prefers-reduced-motion:reduce) {
    .sidebar.toggling ~ .main-content .footer-fixed .footer-inner {
        transition: none
    }
}

@media (min-width:1200px) {
    .sidebar.collapsed ~ .main-content .footer-fixed .footer-inner {
        padding-right: 5rem;
        padding-right: var(--sidebar-collapsed-width)
    }

    .sidebar.hideable.collapsed ~ .main-content .footer-fixed .footer-inner {
        padding-right: 0
    }
}

.footer-tools {
    position: fixed;
    bottom: 0;
    left: 0;
    z-index: 998
}

.footer .footer-tools {
    left: 10px;
    width: auto
}

.btn-scroll-up {
    opacity: .75;
    -webkit-transform: translateY(150%);
    transform: translateY(150%);
    transition: opacity .2s, -webkit-transform .3s !important;
    transition: transform .3s, opacity .2s !important;
    transition: transform .3s, opacity .2s, -webkit-transform .3s !important
}

@media (prefers-reduced-motion:reduce) {
    .btn-scroll-up {
        transition: none
    }
}

.btn-scroll-up:hover {
    opacity: .92
}

.btn-scroll-up.scroll-btn-visible {
    -webkit-transform: none;
    transform: none
}

@media (prefers-reduced-motion:reduce) {
    .btn-scroll-up {
        transition: none !important
    }
}

.scroll-btn-observe {
    position: absolute;
    top: 90vh;
    bottom: auto;
    left: 0;
    height: 0;
    width: 0;
    visibility: hidden;
    pointer-events: none
}

@media (min-width:600px) {
    .scroll-btn-observe {
        top: 70vh
    }
}

@media (min-width:850px) {
    .scroll-btn-observe {
        top: 40vh
    }
}

.navbar-fixed > .navbar-inner {
    position: fixed;
    top: 0;
    right: 0;
    left: 0
}

@media (min-width:992px) {
    .navbar-fixed.container .navbar-inner {
        right: auto;
        left: auto
    }

    .main-content .navbar-fixed {
        box-shadow: none
    }

    .main-content .navbar-fixed .navbar-inner {
        right: 0;
        left: 0;
        width: auto
    }
}

.main-content .navbar {
    z-index: 1018
}

@media (max-width:1199.98px) {
    .main-content .navbar {
        z-index: 1025
    }
}

@media (max-width:575.98px) {
    .navbar-fixed-sm > .navbar-inner {
        position: fixed;
        top: 0;
        right: 0;
        left: 0
    }
}

@media (max-width:767.98px) {
    .navbar-fixed-md > .navbar-inner {
        position: fixed;
        top: 0;
        right: 0;
        left: 0
    }
}

@media (max-width:991.98px) {
    .navbar-fixed-lg > .navbar-inner {
        position: fixed;
        top: 0;
        right: 0;
        left: 0
    }
}

@media (min-width:1200px) {
    .main-content .navbar-fixed .navbar-inner {
        right: 0;
        transition: right 150ms
    }
}

@media (min-width:1200px) and (prefers-reduced-motion:reduce) {
    .main-content .navbar-fixed .navbar-inner {
        transition: none
    }
}

@media (min-width:1200px) {
    .container .main-content .navbar-fixed {
        direction: ltr
    }

    .container .main-content .navbar-fixed .navbar-inner.container {
        right: auto;
        left: auto;
        width: 100%;
        transition: padding-right 150ms;
        padding-right: 16rem;
        padding-right: var(--sidebar-width)
    }
}

@media (min-width:1200px) and (prefers-reduced-motion:reduce) {
    .container .main-content .navbar-fixed .navbar-inner.container {
        transition: none
    }
}

@media (min-width:1200px) {
    .sidebar.collapsed ~ .main-content .navbar-fixed .navbar-inner {
        right: 5rem;
        right: var(--sidebar-collapsed-width)
    }

    .container .sidebar.collapsed ~ .main-content .navbar-fixed .navbar-inner.container {
        right: auto;
        left: auto;
        padding-right: 5rem;
        padding-right: var(--sidebar-collapsed-width)
    }

    .sidebar.collapsed.hideable ~ .main-content .navbar-fixed .navbar-inner {
        right: 0
    }

    .container .sidebar.collapsed.hideable ~ .main-content .navbar-fixed .navbar-inner.container {
        padding-right: 0
    }
}

@media (max-width:1199.98px) {

    .container .main-content .navbar-fixed .navbar-inner,
    .main-content .navbar-fixed .navbar-inner {
        right: auto;
        left: auto;
        width: 100%
    }
}

.sidebar-fixed {
    z-index: 1020
}

.sidebar-fixed .sidebar-inner {
    position: fixed;
    top: 0;
    bottom: 0;
    height: auto
}

.main-container .sidebar-fixed {
    z-index: 1019
}

.main-content .sidebar-fixed {
    z-index: 1017
}

@media (min-width:1200px) {
    .navbar ~ .main-container .sidebar-fixed > .sidebar-inner {
        top: 4.5rem;
        top: var(--navbar-height)
    }

    .navbar-sm ~ .main-container .sidebar-fixed > .sidebar-inner {
        top: 4rem;
        top: var(--navbar-sm-height)
    }
}

@media (max-width:1199.98px) {
    .sidebar-fixed {
        z-index: 1020
    }

    .navbar ~ .main-container .sidebar-fixed > .sidebar-inner,
    .navbar ~ .sidebar-fixed > .sidebar-inner {
        top: 4rem;
        top: var(--navbar-mobile-height)
    }

    .sidebar-fixed.sidebar-top > .sidebar-inner {
        top: var(--navbar-mobile-height) !important;
        bottom: 3.6rem !important
    }

    .sidebar-fixed.sidebar-top {
        z-index: 1022 !important
    }

    .main-container .sidebar-fixed {
        z-index: 1020
    }
}

.content-nav {
    position: relative;
    min-height: 2.5rem;
    margin: .75rem 1rem;
    padding: 0 .5rem;
    border-radius: .325rem
}

.breadcrumb {
    margin-bottom: 0;
    background-color: transparent
}

.breadcrumb-item {
    font-size: .95rem
}

.breadcrumb-item + .breadcrumb-item::before {
    content: "\203A";
    font-size: 1.25rem;
    vertical-align: baseline;
    line-height: 0;
    height: 0;
    opacity: .85
}

.breadcrumb-item[class*=text-]::before {
    color: inherit !important
}

.card-header {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-pack: justify;
    justify-content: space-between;
    padding-right: 1rem;
    padding-left: 1rem
}

.card-header.card-header-sm {
    padding: .375rem .625rem
}

.card-header.card-header-lg {
    padding: 1.125rem 1.25rem
}

.card-title {
    color: #010165;
    -ms-flex-positive: 1;
    flex-grow: 1;
    line-height: normal;
    margin-bottom: 0;
    text-align: justify
}

.card-title {
    margin-bottom: .75rem
}

.card-subtitle {
    margin-top: -.375rem;
    margin-bottom: 0
}

.card-text {
    padding: 0;
    background-color: #fff;
    border-top: 1px dashed rgba(0, 0, 0, .125);
    padding-top: .5rem;
    padding-bottom: .5rem
}

.card-text:last-child {
    margin-bottom: 0
}

@-webkit-keyframes cardFadeOutIn {
    0% {
        opacity: .5
    }

    70% {
        opacity: .7
    }

    100% {
        opacity: .9
    }
}

@keyframes cardFadeOutIn {
    0% {
        opacity: .5
    }

    70% {
        opacity: .7
    }

    100% {
        opacity: .9
    }
}

.card-expanding {
    position: fixed;
    z-index: 1030;
    transition: all .2s ease-in-out
}

@media (prefers-reduced-motion:reduce) {
    .card-expanding {
        transition: none
    }
}

.card-expanding.card-expand {
    -webkit-animation-name: cardFadeOutIn;
    animation-name: cardFadeOutIn;
    -webkit-animation-duration: .2s;
    animation-duration: .2s
}

@media (prefers-reduced-motion:reduce) {
    .card-expanding.card-expand {
        -webkit-animation-duration: 0s;
        animation-duration: 0s
    }
}

.card-expand {
    z-index: 1030;
    transition-delay: .1s;
    border-radius: 0;
    position: fixed;
    top: 0;
    right: 0;
    width: 100%;
    height: 100%
}

.card-expand > .card-body {
    max-height: none !important
}

.card-toolbar {
    -ms-flex-item-align: end;
    align-self: flex-end;
    position: relative;
    display: -ms-inline-flexbox;
    display: inline-flex;
    -ms-flex-align: center;
    align-items: center;
    padding-right: .5rem
}

.card-toolbar .card-toolbar-btn {
    opacity: .85;
    transition: all .15s;
    margin-right: .625rem;
    font-size: 1.075rem;
    display: inline-block
}

@media (prefers-reduced-motion:reduce) {
    .card-toolbar .card-toolbar-btn {
        transition: none
    }
}

.card-toolbar .card-toolbar-btn:hover {
    opacity: 1;
    -webkit-transform: scale(1.1);
    transform: scale(1.1)
}

.card-toolbar:not(.no-border)::before {
    content: "";
    display: block;
    position: absolute;
    right: 0;
    top: -.125rem;
    bottom: -.125rem;
    width: 0;
    overflow: hidden;
    border-right: 1px solid rgba(0, 0, 0, .1)
}

.card-toolbar[class*=brc-]::before {
    border-right-color: inherit
}

.card-toolbar + .card-toolbar {
    margin-right: .5rem
}

.card-toolbar .collapsed[data-action=toggle] [class*="-up"] {
    -webkit-transform-origin: center 45%;
    transform-origin: center 45%;
    -webkit-transform: rotate(-180deg);
    transform: rotate(-180deg)
}

.card-toolbar .collapsed[data-action=toggle] [class*="-down"] {
    -webkit-transform-origin: center;
    transform-origin: center;
    -webkit-transform: rotate(-180deg);
    transform: rotate(-180deg)
}

.card-header-sm .card-toolbar-btn {
    font-size: 1rem
}

.card-header-lg .card-toolbar-btn {
    font-size: 1.125rem
}

.card-body:last-child {
    border-bottom-right-radius: inherit;
    border-bottom-left-radius: inherit
}

.bs-card-loading-overlay {
    position: absolute;
    top: -1px;
    bottom: -1px;
    left: -1px;
    right: -1px;
    z-index: 999;
    background-color: rgba(0, 0, 0, .3);
    text-align: center;
    border-radius: inherit
}

.bs-card-loading-overlay .bs-card-loading-icon {
    position: relative;
    top: 25%
}

.card-body.collapse:not(.show) ~ .bs-card-loading-overlay .bs-card-loading-icon {
    top: 10%
}

.btn {
    cursor: pointer;
    border-radius: .7rem;
    transition: color .15s, background-color .15s, border-color .15s, box-shadow .15s, opacity .15s
}

@media (prefers-reduced-motion:reduce) {
    .btn {
        transition: none
    }
}

.btn.btn-md {
    padding: .325rem 1rem .425rem;
    line-height: 1.75;
    font-size: 1.0625rem
}

.btn.btn-md.btn-wide {
    padding-right: 3rem;
    padding-left: 3rem
}

.btn.btn-smd {
    padding: .325rem .75rem .425rem;
    line-height: 1.75;
    font-size: .95rem
}

.btn.btn-smd.btn-wide {
    padding-right: 2.5rem;
    padding-left: 2.5rem
}

.btn.btn-xs {
    padding: .25rem .5rem .275rem;
    line-height: 1.25;
    font-size: .9rem
}

.btn.btn-xs.btn-wide {
    padding-right: 2rem;
    padding-left: 2rem
}

.btn.btn-xlg {
    padding: .5rem 1rem .525rem;
    line-height: 1.875;
    font-size: 1.25rem
}

.btn.btn-xlg.btn-wide {
    padding-right: 3.25rem;
    padding-left: 3.25rem
}

.btn.btn-vlg {
    padding: .425rem .875rem .475rem;
    line-height: 1.625;
    font-size: 1.125rem
}

.btn.btn-vlg.btn-wide {
    padding-right: 3rem;
    padding-left: 3rem
}

.btn.btn-wide {
    padding-right: 2rem;
    padding-left: 2rem
}

.btn.btn-sm.btn-wide {
    padding-right: 1.25rem;
    padding-left: 1.25rem
}

.btn.btn-lg.btn-wide {
    padding-right: 2.75rem;
    padding-left: 2.75rem
}

@media (hover:hover) {
    button.btn:active:not(.disabled):not(.static) {
        -webkit-transform: translateY(2px);
        transform: translateY(2px)
    }
}

.btn.focus,
.btn:focus,
.btn:not(:disabled):not(.disabled).active:focus,
.btn:not(:disabled):not(.disabled):active:focus,
.show > .btn.dropdown-toggle:focus {
    box-shadow: none
}

.btn[class*=btn-h-light].fs--shadow:hover:focus,
.btn[class*=btn-h-light]:not(:disabled):not(.disabled).active,
.btn[class*=btn-h-light]:not(:disabled):not(.disabled):active,
.show > .btn[class*=btn-h-light].dropdown-toggle {
    box-shadow: none
}

.btn-default {
    color: #191970;
    background-color: #fff;
    border-color: #ddd
}

.btn-default:hover {
    color: #fff;
    background-color: #191970;
    border-color: #191970
}

.btn-default.focus,
.btn-default:focus {
    background-color: #7dabc7;
    border-color: #6ea2c0
}

.btn-default.focus.fs--shadow,
.btn-default:focus.fs--shadow {
    box-shadow: 0 0 1px 2px rgba(139, 180, 205, .45)
}

.btn-default:not(:disabled):not(.disabled).active,
.btn-default:not(:disabled):not(.disabled):active,
.show > .btn.btn-default.dropdown-toggle {
    background-color: #6f9fbb;
    border-color: #6099ba;
    color: #fff
}

.btn-default.disabled,
.btn-default:disabled {
    background-color: #8bb4cd;
    border-color: #8bb4cd
}

.btn-light-default {
    color: #5491b5;
    background-color: #f1f6f9;
    border-color: #c9dce8
}

.btn-light-default:hover {
    color: #4588af;
    background-color: #eaf2f7;
    border-color: #c0d8e6
}

.btn-light-default.focus,
.btn-light-default:focus {
    color: #4385ac;
    background-color: #e6f0f5
}

.btn-light-default:not(:disabled):not(.disabled).active,
.btn-light-default:not(:disabled):not(.disabled):active,
.show > .btn.btn-light-default.dropdown-toggle {
    color: #3e7a9d;
    background-color: #d7e7ef;
    border-color: #aecddf
}

.btn-lighter-default {
    color: #5491b5;
    background-color: #f8fbfc;
    border-color: #d0e1eb
}

.btn-lighter-default:hover {
    color: #4588af;
    background-color: #f1f6f9;
    border-color: #c8dde9
}

.btn-lighter-default.focus,
.btn-lighter-default:focus {
    color: #4385ac;
    background-color: #edf4f8
}

.btn-lighter-default:not(:disabled):not(.disabled).active,
.btn-lighter-default:not(:disabled):not(.disabled):active,
.show > .btn.btn-lighter-default.dropdown-toggle {
    color: #3e7a9d;
    background-color: #dfebf2;
    border-color: #b5d2e2
}

.btn-outline-default {
    color: #588aa7;
    border-color: #a9bdc9;
    background-color: transparent
}

.btn-outline-default:hover {
    color: #fff;
    background-color: #8bb4cd;
    border-color: #8bb4cd
}

.btn-outline-default.focus.fs--shadow,
.btn-outline-default:focus.fs--shadow {
    box-shadow: 0 0 1px 2px rgba(139, 180, 205, .45)
}

.btn-outline-default:not(:disabled):not(.disabled).active,
.btn-outline-default:not(:disabled):not(.disabled):active,
.show > .btn.btn-outline-default.dropdown-toggle {
    color: #fff;
    background-color: #82aac0;
    border-color: #82aac0
}

.btn-outline-default:not(:disabled):not(.disabled).active.fs--shadow:focus,
.btn-outline-default:not(:disabled):not(.disabled):active.fs--shadow:focus,
.show > .btn.btn-outline-default.dropdown-toggle.fs--shadow:focus {
    box-shadow: 0 0 1px 2px rgba(139, 180, 205, .45)
}

.btn-outline-default.disabled,
.btn-outline-default:disabled {
    border-color: #a9bdc9
}

.btn-primary {
    color: #fff;
    background-color: #5899ca;
    border-color: #5899ca
}

.btn-primary:hover {
    color: #fff;
    background-color: #478dc1;
    border-color: #3b83b9
}

.btn-primary.focus,
.btn-primary:focus {
    background-color: #4990c5;
    border-color: #3c86bd
}

.btn-primary.focus.fs--shadow,
.btn-primary:focus.fs--shadow {
    box-shadow: 0 0 1px 2px rgba(88, 153, 202, .45)
}

.btn-primary:not(:disabled):not(.disabled).active,
.btn-primary:not(:disabled):not(.disabled):active,
.show > .btn.btn-primary.dropdown-toggle {
    background-color: #4082b4;
    border-color: #377bae;
    color: #fff
}

.btn-primary.disabled,
.btn-primary:disabled {
    background-color: #5899ca;
    border-color: #5899ca
}

.btn-light-primary {
    color: #397fb3;
    background-color: #eff5fa;
    border-color: #bdd7ea
}

.btn-light-primary:hover {
    color: #3074a8;
    background-color: #e7f1f8;
    border-color: #b3d2ea
}

.btn-light-primary.focus,
.btn-light-primary:focus {
    color: #2f72a4;
    background-color: #e3eef7
}

.btn-light-primary:not(:disabled):not(.disabled).active,
.btn-light-primary:not(:disabled):not(.disabled):active,
.show > .btn.btn-light-primary.dropdown-toggle {
    color: #2a6794;
    background-color: #d3e5f3;
    border-color: #9fc7e4
}

.btn-lighter-primary {
    color: #397fb3;
    background-color: #f7fafc;
    border-color: #c5dbed
}

.btn-lighter-primary:hover {
    color: #3074a8;
    background-color: #eff5fa;
    border-color: #bbd7ec
}

.btn-lighter-primary.focus,
.btn-lighter-primary:focus {
    color: #2f72a4;
    background-color: #ebf3f9
}

.btn-lighter-primary:not(:disabled):not(.disabled).active,
.btn-lighter-primary:not(:disabled):not(.disabled):active,
.show > .btn.btn-lighter-primary.dropdown-toggle {
    color: #2a6794;
    background-color: #dbeaf5;
    border-color: #a7cbe6
}

.btn-outline-primary {
    color: #4887b7;
    border-color: #71a8d2;
    background-color: transparent
}

.btn-outline-primary:hover {
    color: #fff;
    background-color: #5899ca;
    border-color: #5899ca
}

.btn-outline-primary.focus.fs--shadow,
.btn-outline-primary:focus.fs--shadow {
    box-shadow: 0 0 1px 2px rgba(88, 153, 202, .45)
}

.btn-outline-primary:not(:disabled):not(.disabled).active,
.btn-outline-primary:not(:disabled):not(.disabled):active,
.show > .btn.btn-outline-primary.dropdown-toggle {
    color: #fff;
    background-color: #5390be;
    border-color: #5390be
}

.btn-outline-primary:not(:disabled):not(.disabled).active.fs--shadow:focus,
.btn-outline-primary:not(:disabled):not(.disabled):active.fs--shadow:focus,
.show > .btn.btn-outline-primary.dropdown-toggle.fs--shadow:focus {
    box-shadow: 0 0 1px 2px rgba(88, 153, 202, .45)
}

.btn-outline-primary.disabled,
.btn-outline-primary:disabled {
    border-color: #71a8d2
}

.btn-secondary {
    color: #fff;
    background-color: #9aaab3;
    border-color: #9aaab3
}

.btn-secondary:hover {
    color: #fff;
    background-color: #8d9da6;
    border-color: #80949f
}

.btn-secondary.focus,
.btn-secondary:focus {
    background-color: #8ea1aa;
    border-color: #8297a1
}

.btn-secondary.focus.fs--shadow,
.btn-secondary:focus.fs--shadow {
    box-shadow: 0 0 1px 2px rgba(154, 170, 179, .45)
}

.btn-secondary:not(:disabled):not(.disabled).active,
.btn-secondary:not(:disabled):not(.disabled):active,
.show > .btn.btn-secondary.dropdown-toggle {
    background-color: #84939a;
    border-color: #778d98;
    color: #fff
}

.btn-secondary.disabled,
.btn-secondary:disabled {
    background-color: #9aaab3;
    border-color: #9aaab3
}

.btn-light-secondary {
    color: #728995;
    background-color: #f3f5f6;
    border-color: #d2dadd
}

.btn-light-secondary:hover {
    color: #64818f;
    background-color: #edf1f2;
    border-color: #cbd5db
}

.btn-light-secondary.focus,
.btn-light-secondary:focus {
    color: #627e8c;
    background-color: #eaeef0
}

.btn-light-secondary:not(:disabled):not(.disabled).active,
.btn-light-secondary:not(:disabled):not(.disabled):active,
.show > .btn.btn-light-secondary.dropdown-toggle {
    color: #597380;
    background-color: #dee5e8;
    border-color: #bcc9d0
}

.btn-lighter-secondary {
    color: #728995;
    background-color: #f9fafb;
    border-color: #d8dfe2
}

.btn-lighter-secondary:hover {
    color: #64818f;
    background-color: #f3f5f7;
    border-color: #d1dadf
}

.btn-lighter-secondary.focus,
.btn-lighter-secondary:focus {
    color: #627e8c;
    background-color: #f0f3f4
}

.btn-lighter-secondary:not(:disabled):not(.disabled).active,
.btn-lighter-secondary:not(:disabled):not(.disabled):active,
.show > .btn.btn-lighter-secondary.dropdown-toggle {
    color: #597380;
    background-color: #e4e9ec;
    border-color: #c2ced4
}

.btn-outline-secondary {
    color: #71858e;
    border-color: #a9b7be;
    background-color: transparent
}

.btn-outline-secondary:hover {
    color: #fff;
    background-color: #9aaab3;
    border-color: #9aaab3
}

.btn-outline-secondary.focus.fs--shadow,
.btn-outline-secondary:focus.fs--shadow {
    box-shadow: 0 0 1px 2px rgba(154, 170, 179, .45)
}

.btn-outline-secondary:not(:disabled):not(.disabled).active,
.btn-outline-secondary:not(:disabled):not(.disabled):active,
.show > .btn.btn-outline-secondary.dropdown-toggle {
    color: #fff;
    background-color: #90a0a8;
    border-color: #90a0a8
}

.btn-outline-secondary:not(:disabled):not(.disabled).active.fs--shadow:focus,
.btn-outline-secondary:not(:disabled):not(.disabled):active.fs--shadow:focus,
.show > .btn.btn-outline-secondary.dropdown-toggle.fs--shadow:focus {
    box-shadow: 0 0 1px 2px rgba(154, 170, 179, .45)
}

.btn-outline-secondary.disabled,
.btn-outline-secondary:disabled {
    border-color: #a9b7be
}

.btn-info {
    color: #fff;
    background-color: #57b5da;
    border-color: #57b5da
}

.btn-info:hover {
    color: #fff;
    background-color: #44abd3;
    border-color: #31a4d2
}

.btn-info.focus,
.btn-info:focus {
    background-color: #46aed6;
    border-color: #36a6d3
}

.btn-info.focus.fs--shadow,
.btn-info:focus.fs--shadow {
    box-shadow: 0 0 1px 2px rgba(87, 181, 218, .45)
}

.btn-info:not(:disabled):not(.disabled).active,
.btn-info:not(:disabled):not(.disabled):active,
.show > .btn.btn-info.dropdown-toggle {
    background-color: #36a2cd;
    border-color: #2c9cc8;
    color: #fff
}

.btn-info.disabled,
.btn-info:disabled {
    background-color: #57b5da;
    border-color: #57b5da
}

.btn-light-info {
    color: #2da1ce;
    background-color: #eff8fc;
    border-color: #bde2f0
}

.btn-light-info:hover {
    color: #2596c2;
    background-color: #e6f5fa;
    border-color: #b2dff0
}

.btn-light-info.focus,
.btn-light-info:focus {
    color: #2492be;
    background-color: #e2f3f9
}

.btn-light-info:not(:disabled):not(.disabled).active,
.btn-light-info:not(:disabled):not(.disabled):active,
.show > .btn.btn-light-info.dropdown-toggle {
    color: #2185ad;
    background-color: #d1ecf6;
    border-color: #9dd6ec
}

.btn-lighter-info {
    color: #2da1ce;
    background-color: #f8fcfd;
    border-color: #c5e5f2
}

.btn-lighter-info:hover {
    color: #2596c2;
    background-color: #eff8fc;
    border-color: #bbe2f2
}

.btn-lighter-info.focus,
.btn-lighter-info:focus {
    color: #2492be;
    background-color: #ebf6fb
}

.btn-lighter-info:not(:disabled):not(.disabled).active,
.btn-lighter-info:not(:disabled):not(.disabled):active,
.show > .btn.btn-lighter-info.dropdown-toggle {
    color: #2185ad;
    background-color: #daeff8;
    border-color: #a6d9ee
}

.btn-outline-info {
    color: #3c9dc3;
    border-color: #70c0e0;
    background-color: transparent
}

.btn-outline-info:hover {
    color: #fff;
    background-color: #57b5da;
    border-color: #57b5da
}

.btn-outline-info.focus.fs--shadow,
.btn-outline-info:focus.fs--shadow {
    box-shadow: 0 0 1px 2px rgba(87, 181, 218, .45)
}

.btn-outline-info:not(:disabled):not(.disabled).active,
.btn-outline-info:not(:disabled):not(.disabled):active,
.show > .btn.btn-outline-info.dropdown-toggle {
    color: #fff;
    background-color: #52aacd;
    border-color: #52aacd
}

.btn-outline-info:not(:disabled):not(.disabled).active.fs--shadow:focus,
.btn-outline-info:not(:disabled):not(.disabled):active.fs--shadow:focus,
.show > .btn.btn-outline-info.dropdown-toggle.fs--shadow:focus {
    box-shadow: 0 0 1px 2px rgba(87, 181, 218, .45)
}

.btn-outline-info.disabled,
.btn-outline-info:disabled {
    border-color: #70c0e0
}

.btn-success {
    color: #fff;
    background-color: #73bd73;
    border-color: #73bd73
}

.btn-success:hover {
    color: #fff;
    background-color: #64b364;
    border-color: #54ae54
}

.btn-success.focus,
.btn-success:focus {
    background-color: #65b665;
    border-color: #57b057
}

.btn-success.focus.fs--shadow,
.btn-success:focus.fs--shadow {
    box-shadow: 0 0 1px 2px rgba(115, 189, 115, .45)
}

.btn-success:not(:disabled):not(.disabled).active,
.btn-success:not(:disabled):not(.disabled):active,
.show > .btn.btn-success.dropdown-toggle {
    background-color: #59a959;
    border-color: #4ea54e;
    color: #fff
}

.btn-success.disabled,
.btn-success:disabled {
    background-color: #73bd73;
    border-color: #73bd73
}

.btn-light-success {
    color: #50aa50;
    background-color: #f1f9f1;
    border-color: #c7e5c7
}

.btn-light-success:hover {
    color: #45a145;
    background-color: #eaf6ea;
    border-color: #bee3be
}

.btn-light-success.focus,
.btn-light-success:focus {
    color: #449d44;
    background-color: #e6f4e6
}

.btn-light-success:not(:disabled):not(.disabled).active,
.btn-light-success:not(:disabled):not(.disabled):active,
.show > .btn.btn-light-success.dropdown-toggle {
    color: #3d8f3d;
    background-color: #d8eed8;
    border-color: #addcad
}

.btn-lighter-success {
    color: #50aa50;
    background-color: #f8fcf8;
    border-color: #cee8ce
}

.btn-lighter-success:hover {
    color: #45a145;
    background-color: #f1f9f1;
    border-color: #c6e6c6
}

.btn-lighter-success.focus,
.btn-lighter-success:focus {
    color: #449d44;
    background-color: #edf7ed
}

.btn-lighter-success:not(:disabled):not(.disabled).active,
.btn-lighter-success:not(:disabled):not(.disabled):active,
.show > .btn.btn-lighter-success.dropdown-toggle {
    color: #3d8f3d;
    background-color: #dff1df;
    border-color: #b4dfb4
}

.btn-outline-success {
    color: #5aa55a;
    border-color: #88c788;
    background-color: transparent
}

.btn-outline-success:hover {
    color: #fff;
    background-color: #73bd73;
    border-color: #73bd73
}

.btn-outline-success.focus.fs--shadow,
.btn-outline-success:focus.fs--shadow {
    box-shadow: 0 0 1px 2px rgba(115, 189, 115, .45)
}

.btn-outline-success:not(:disabled):not(.disabled).active,
.btn-outline-success:not(:disabled):not(.disabled):active,
.show > .btn.btn-outline-success.dropdown-toggle {
    color: #fff;
    background-color: #6cb26c;
    border-color: #6cb26c
}

.btn-outline-success:not(:disabled):not(.disabled).active.fs--shadow:focus,
.btn-outline-success:not(:disabled):not(.disabled):active.fs--shadow:focus,
.show > .btn.btn-outline-success.dropdown-toggle.fs--shadow:focus {
    box-shadow: 0 0 1px 2px rgba(115, 189, 115, .45)
}

.btn-outline-success.disabled,
.btn-outline-success:disabled {
    border-color: #88c788
}

.btn-danger {
    color: #fff !important;
    background-color: #e00000;
    border-color: #e00000
}

.btn-danger:hover {
    color: #fff;
    background-color: #d65944;
    border-color: #d54831
}

.btn-danger.focus,
.btn-danger:focus {
    background-color: #da5b46;
    border-color: #d64c35
}

.btn-danger.focus.fs--shadow,
.btn-danger:focus.fs--shadow {
    box-shadow: 0 0 1px 2px rgba(221, 106, 87, .45)
}

.btn-danger:not(:disabled):not(.disabled).active,
.btn-danger:not(:disabled):not(.disabled):active,
.show > .btn.btn-danger.dropdown-toggle {
    background-color: #d04c36;
    border-color: #cd412a;
    color: #fff
}

.btn-danger.disabled,
.btn-danger:disabled {
    background-color: red;
    border-color: red
}

.btn-light-danger {
    color: #d4432b;
    background-color: #fcf3f2;
    border-color: #f2c5be
}

.btn-light-danger:hover {
    color: #c73a23;
    background-color: #fbebe9;
    border-color: #f2bdb4
}

.btn-light-danger.focus,
.btn-light-danger:focus {
    color: #c33922;
    background-color: #fae7e4
}

.btn-light-danger:not(:disabled):not(.disabled).active,
.btn-light-danger:not(:disabled):not(.disabled):active,
.show > .btn.btn-light-danger.dropdown-toggle {
    color: #b2341f;
    background-color: #f7d8d3;
    border-color: #eea99e
}

.btn-lighter-danger {
    color: #d4432b;
    background-color: #fefbfa;
    border-color: #f4cdc7
}

.btn-lighter-danger:hover {
    color: #c73a23;
    background-color: #fdf3f1;
    border-color: #f3c4bd
}

.btn-lighter-danger.focus,
.btn-lighter-danger:focus {
    color: #c33922;
    background-color: #fcefed
}

.btn-lighter-danger:not(:disabled):not(.disabled).active,
.btn-lighter-danger:not(:disabled):not(.disabled):active,
.show > .btn.btn-lighter-danger.dropdown-toggle {
    color: #b2341f;
    background-color: #f9e0dc;
    border-color: #f0b1a7
}

.btn-outline-danger {
    color: #c54f3a;
    border-color: #e28070;
    background-color: transparent
}

.btn-outline-danger:hover {
    color: #fff;
    background-color: red;
    border-color: red
}

.btn-outline-danger.focus.fs--shadow,
.btn-outline-danger:focus.fs--shadow {
    box-shadow: 0 0 1px 2px rgba(221, 106, 87, .45)
}

.btn-outline-danger:not(:disabled):not(.disabled).active,
.btn-outline-danger:not(:disabled):not(.disabled):active,
.show > .btn.btn-outline-danger.dropdown-toggle {
    color: #fff;
    background-color: #d06452;
    border-color: #d06452
}

.btn-outline-danger:not(:disabled):not(.disabled).active.fs--shadow:focus,
.btn-outline-danger:not(:disabled):not(.disabled):active.fs--shadow:focus,
.show > .btn.btn-outline-danger.dropdown-toggle.fs--shadow:focus {
    box-shadow: 0 0 1px 2px rgba(221, 106, 87, .45)
}

.btn-outline-danger.disabled,
.btn-outline-danger:disabled {
    border-color: #e28070
}

.btn-warning {
    color: #fff;
    background-color: #ff9800;
    border-color: #ff9800
}

.btn-warning:hover {
    color: #fff;
    background-color: #eba32e;
    border-color: #eb9c19
}

.btn-warning.focus,
.btn-warning:focus {
    color: #fff;
    background-color: #eda630;
    border-color: #ec9e1d
}

.btn-warning.focus.fs--shadow,
.btn-warning:focus.fs--shadow {
    box-shadow: 0 0 1px 2px rgba(239, 174, 67, .45)
}

.btn-warning:not(:disabled):not(.disabled).active,
.btn-warning:not(:disabled):not(.disabled):active,
.show > .btn.btn-warning.dropdown-toggle {
    background-color: #e69b1e;
    border-color: #e29413;
    color: #fff
}

.btn-warning.disabled,
.btn-warning:disabled {
    background-color: #ff9800;
    border-color: #ff9800
}

.btn-light-warning {
    color: #e99814;
    background-color: #fef8ee;
    border-color: #f9dfb5
}

.btn-light-warning:hover {
    color: #da8d0e;
    background-color: #fdf4e4;
    border-color: #fadcaa
}

.btn-light-warning.focus,
.btn-light-warning:focus {
    color: #d68a0d;
    background-color: #fdf2df
}

.btn-light-warning:not(:disabled):not(.disabled).active,
.btn-light-warning:not(:disabled):not(.disabled):active,
.show > .btn.btn-light-warning.dropdown-toggle {
    color: #c27e0c;
    background-color: #fceacc;
    border-color: #f8d292
}

.btn-lighter-warning {
    color: #e99814;
    background-color: #fefcf8;
    border-color: #fae3bf
}

.btn-lighter-warning:hover {
    color: #da8d0e;
    background-color: #fef8ee;
    border-color: #fae0b4
}

.btn-lighter-warning.focus,
.btn-lighter-warning:focus {
    color: #d68a0d;
    background-color: #fef6e9
}

.btn-lighter-warning:not(:disabled):not(.disabled).active,
.btn-lighter-warning:not(:disabled):not(.disabled):active,
.show > .btn.btn-lighter-warning.dropdown-toggle {
    color: #c27e0c;
    background-color: #fceed6;
    border-color: #f9d69c
}

.btn-outline-warning {
    color: #d89527;
    border-color: #f1ba5f;
    background-color: transparent
}

.btn-outline-warning:hover {
    color: #fff;
    background-color: #ff9800;
    border-color: #ff9800
}

.btn-outline-warning.focus.fs--shadow,
.btn-outline-warning:focus.fs--shadow {
    box-shadow: 0 0 1px 2px rgba(239, 174, 67, .45)
}

.btn-outline-warning:not(:disabled):not(.disabled).active,
.btn-outline-warning:not(:disabled):not(.disabled):active,
.show > .btn.btn-outline-warning.dropdown-toggle {
    color: #fff;
    background-color: #e1a43f;
    border-color: #e1a43f
}

.btn-outline-warning:not(:disabled):not(.disabled).active.fs--shadow:focus,
.btn-outline-warning:not(:disabled):not(.disabled):active.fs--shadow:focus,
.show > .btn.btn-outline-warning.dropdown-toggle.fs--shadow:focus {
    box-shadow: 0 0 1px 2px rgba(239, 174, 67, .45)
}

.btn-outline-warning.disabled,
.btn-outline-warning:disabled {
    border-color: #f1ba5f
}

.btn-dark {
    color: #fff;
    background-color: #515559;
    border-color: #515559
}

.btn-dark:hover {
    color: #fff;
    background-color: #46484a;
    border-color: #3b3e41
}

.btn-dark.focus,
.btn-dark:focus {
    background-color: #474b4e;
    border-color: #3e4144
}

.btn-dark.focus.fs--shadow,
.btn-dark:focus.fs--shadow {
    box-shadow: 0 0 1px 2px rgba(81, 85, 89, .45)
}

.btn-dark:not(:disabled):not(.disabled).active,
.btn-dark:not(:disabled):not(.disabled):active,
.show > .btn.btn-dark.dropdown-toggle {
    background-color: #3e3e3e;
    border-color: #343639;
    color: #fff
}

.btn-dark.disabled,
.btn-dark:disabled {
    background-color: #515559;
    border-color: #515559
}

.btn-light-dark {
    color: #373a3d;
    background-color: #edeeef;
    border-color: #b9bcbf
}

.btn-light-dark:hover {
    color: #2c3034;
    background-color: #e7e9eb;
    border-color: #b1b7bd
}

.btn-light-dark.focus,
.btn-light-dark:focus {
    color: #2a2d31;
    background-color: #e4e7e9
}

.btn-light-dark:not(:disabled):not(.disabled).active,
.btn-light-dark:not(:disabled):not(.disabled):active,
.show > .btn.btn-light-dark.dropdown-toggle {
    color: #202326;
    background-color: #d9dcdf;
    border-color: #a3aab2
}

.btn-lighter-dark {
    color: #373a3d;
    background-color: #f3f3f4;
    border-color: #bec1c4
}

.btn-lighter-dark:hover {
    color: #2c3034;
    background-color: #edeef0;
    border-color: #b6bcc2
}

.btn-lighter-dark.focus,
.btn-lighter-dark:focus {
    color: #2a2d31;
    background-color: #eaeced
}

.btn-lighter-dark:not(:disabled):not(.disabled).active,
.btn-lighter-dark:not(:disabled):not(.disabled):active,
.show > .btn.btn-lighter-dark.dropdown-toggle {
    color: #202326;
    background-color: #dfe1e4;
    border-color: #a9b0b6
}

.btn-outline-dark {
    color: #4b4e52;
    border-color: #6b6f72;
    background-color: transparent
}

.btn-outline-dark:hover {
    color: #fff;
    background-color: #515559;
    border-color: #515559
}

.btn-outline-dark.focus.fs--shadow,
.btn-outline-dark:focus.fs--shadow {
    box-shadow: 0 0 1px 2px rgba(81, 85, 89, .45)
}

.btn-outline-dark:not(:disabled):not(.disabled).active,
.btn-outline-dark:not(:disabled):not(.disabled):active,
.show > .btn.btn-outline-dark.dropdown-toggle {
    color: #fff;
    background-color: #4c5054;
    border-color: #4c5054
}

.btn-outline-dark:not(:disabled):not(.disabled).active.fs--shadow:focus,
.btn-outline-dark:not(:disabled):not(.disabled):active.fs--shadow:focus,
.show > .btn.btn-outline-dark.dropdown-toggle.fs--shadow:focus {
    box-shadow: 0 0 1px 2px rgba(81, 85, 89, .45)
}

.btn-outline-dark.disabled,
.btn-outline-dark:disabled {
    border-color: #6b6f72
}

.btn-light {
    color: #757984;
    background-color: #f5f6f9;
    border-color: #dddfe4
}

.btn-light:hover {
    color: #757984;
    background-color: #eaecf2;
    border-color: #c3c7d0
}

.btn-light.focus,
.btn-light:focus {
    background-color: #e8ebf1;
    border-color: #c6cad2
}

.btn-light.focus.fs--shadow,
.btn-light:focus.fs--shadow {
    box-shadow: 0 0 1px 2px rgba(221, 223, 228, .45)
}

.btn-light:not(:disabled):not(.disabled).active,
.btn-light:not(:disabled):not(.disabled):active,
.show > .btn.btn-light.dropdown-toggle {
    background-color: #dee1ea;
    border-color: #bbbfc9;
    color: #6c717f
}

.btn-light.disabled,
.btn-light:disabled {
    background-color: #f5f6f9;
    border-color: #dddfe4
}

.btn-light-light {
    color: #d4d8e5;
    background-color: #fff;
    border-color: #fbfbfc
}

.btn-light-light:hover {
    color: #c5ccdf;
    background-color: #fafafa;
    border-color: #f4f5f9
}

.btn-light-light.focus,
.btn-light-light:focus {
    color: #c2c9dd;
    background-color: #f8f7f7
}

.btn-light-light:not(:disabled):not(.disabled).active,
.btn-light-light:not(:disabled):not(.disabled):active,
.show > .btn.btn-light-light.dropdown-toggle {
    color: #b5bdd6;
    background-color: #eeecec;
    border-color: #e4e7f0
}

.btn-lighter-light {
    color: #d4d8e5;
    background-color: #fff;
    border-color: #fff
}

.btn-lighter-light:hover {
    color: #c5ccdf;
    background-color: #fafafa;
    border-color: #fafafa
}

.btn-lighter-light.focus,
.btn-lighter-light:focus {
    color: #c2c9dd;
    background-color: #f8f7f7
}

.btn-lighter-light:not(:disabled):not(.disabled).active,
.btn-lighter-light:not(:disabled):not(.disabled):active,
.show > .btn.btn-lighter-light.dropdown-toggle {
    color: #b5bdd6;
    background-color: #eeecec;
    border-color: #eeecec
}

.btn-outline-light {
    color: #555;
    border-color: #e2e4e8;
    background-color: transparent
}

.btn-outline-light:hover {
    color: #757984;
    background-color: #f5f6f9;
    border-color: #dddfe4
}

.btn-outline-light.focus.fs--shadow,
.btn-outline-light:focus.fs--shadow {
    box-shadow: 0 0 1px 2px rgba(221, 223, 228, .45)
}

.btn-outline-light:not(:disabled):not(.disabled).active,
.btn-outline-light:not(:disabled):not(.disabled):active,
.show > .btn.btn-outline-light.dropdown-toggle {
    color: #757984;
    background-color: #e6e7ea;
    border-color: #d0d2d6
}

.btn-outline-light:not(:disabled):not(.disabled).active.fs--shadow:focus,
.btn-outline-light:not(:disabled):not(.disabled):active.fs--shadow:focus,
.show > .btn.btn-outline-light.dropdown-toggle.fs--shadow:focus {
    box-shadow: 0 0 1px 2px rgba(221, 223, 228, .45)
}

.btn-outline-light.disabled,
.btn-outline-light:disabled {
    border-color: #e2e4e8
}

.btn-white {
    color: #606060;
    background-color: #fff;
    border-color: #eee
}

.btn-white:hover {
    color: #606060;
    background-color: #fff;
    border-color: #d7d7d7
}

.btn-white.focus,
.btn-white:focus {
    background-color: #f5f5f5;
    border-color: #dadada
}

.btn-white.focus.fs--shadow,
.btn-white:focus.fs--shadow {
    box-shadow: 0 0 1px 2px rgba(238, 238, 238, .45)
}

.btn-white:not(:disabled):not(.disabled).active,
.btn-white:not(:disabled):not(.disabled):active,
.show > .btn.btn-white.dropdown-toggle {
    background-color: #fff;
    border-color: #cfcfcf;
    color: #606060
}

.btn-white.disabled,
.btn-white:disabled {
    background-color: #fff;
    border-color: #eee
}

.btn-outline-white {
    color: #fff;
    border-color: #fff;
    background-color: transparent
}

.btn-outline-white:hover {
    color: #606060;
    background-color: #fff;
    border-color: #fff
}

.btn-outline-white.focus.fs--shadow,
.btn-outline-white:focus.fs--shadow {
    box-shadow: 0 0 1px 2px rgba(238, 238, 238, .45)
}

.btn-outline-white:not(:disabled):not(.disabled).active,
.btn-outline-white:not(:disabled):not(.disabled):active,
.show > .btn.btn-outline-white.dropdown-toggle {
    color: #606060;
    background-color: #f0f0f0;
    border-color: #fff
}

.btn-outline-white:not(:disabled):not(.disabled).active.fs--shadow:focus,
.btn-outline-white:not(:disabled):not(.disabled):active.fs--shadow:focus,
.show > .btn.btn-outline-white.dropdown-toggle.fs--shadow:focus {
    box-shadow: 0 0 1px 2px rgba(238, 238, 238, .45)
}

.btn-outline-white.disabled,
.btn-outline-white:disabled {
    border-color: #fff
}

.btn-black {
    color: #fff;
    background-color: #313539;
    border-color: #313539
}

.btn-black:hover {
    color: #fff;
    background-color: #26282a;
    border-color: #1c1e20
}

.btn-black.focus,
.btn-black:focus {
    background-color: #282b2e;
    border-color: #1e2123
}

.btn-black.focus.fs--shadow,
.btn-black:focus.fs--shadow {
    box-shadow: 0 0 1px 2px rgba(49, 53, 57, .45)
}

.btn-black:not(:disabled):not(.disabled).active,
.btn-black:not(:disabled):not(.disabled):active,
.show > .btn.btn-black.dropdown-toggle {
    background-color: #1d1e1f;
    border-color: #151618;
    color: #fff
}

.btn-black.disabled,
.btn-black:disabled {
    background-color: #313539;
    border-color: #313539
}

.btn-light-black {
    color: #181a1c;
    background-color: #e7e9eb;
    border-color: #a9afb5
}

.btn-light-black:hover {
    color: #0e1012;
    background-color: #e1e4e7;
    border-color: #a0aab3
}

.btn-light-black.focus,
.btn-light-black:focus {
    color: #0c0d0f;
    background-color: #dee1e5
}

.btn-light-black:not(:disabled):not(.disabled).active,
.btn-light-black:not(:disabled):not(.disabled):active,
.show > .btn.btn-light-black.dropdown-toggle {
    color: #030304;
    background-color: #d2d7dc;
    border-color: #919da8
}

.btn-lighter-black {
    color: #181a1c;
    background-color: #edeeef;
    border-color: #aeb4b9
}

.btn-lighter-black:hover {
    color: #0e1012;
    background-color: #e6e9eb;
    border-color: #a5afb8
}

.btn-lighter-black.focus,
.btn-lighter-black:focus {
    color: #0c0d0f;
    background-color: #e4e6e9
}

.btn-lighter-black:not(:disabled):not(.disabled).active,
.btn-lighter-black:not(:disabled):not(.disabled):active,
.show > .btn.btn-lighter-black.dropdown-toggle {
    color: #030304;
    background-color: #d8dce0;
    border-color: #97a2ad
}

.btn-outline-black {
    color: #2d3134;
    border-color: #414549;
    background-color: transparent
}

.btn-outline-black:hover {
    color: #fff;
    background-color: #313539;
    border-color: #313539
}

.btn-outline-black.focus.fs--shadow,
.btn-outline-black:focus.fs--shadow {
    box-shadow: 0 0 1px 2px rgba(49, 53, 57, .45)
}

.btn-outline-black:not(:disabled):not(.disabled).active,
.btn-outline-black:not(:disabled):not(.disabled):active,
.show > .btn.btn-outline-black.dropdown-toggle {
    color: #fff;
    background-color: #2e3236;
    border-color: #2e3236
}

.btn-outline-black:not(:disabled):not(.disabled).active.fs--shadow:focus,
.btn-outline-black:not(:disabled):not(.disabled):active.fs--shadow:focus,
.show > .btn.btn-outline-black.dropdown-toggle.fs--shadow:focus {
    box-shadow: 0 0 1px 2px rgba(49, 53, 57, .45)
}

.btn-outline-black.disabled,
.btn-outline-black:disabled {
    border-color: #414549
}

.btn-grey {
    color: #fff;
    background-color: #8d8f95;
    border-color: #8d8f95
}

.btn-grey:hover {
    color: #fff;
    background-color: #828386;
    border-color: #76787e
}

.btn-grey.focus,
.btn-grey:focus {
    background-color: #82858b;
    border-color: #787a81
}

.btn-grey.focus.fs--shadow,
.btn-grey:focus.fs--shadow {
    box-shadow: 0 0 1px 2px rgba(141, 143, 149, .45)
}

.btn-grey:not(:disabled):not(.disabled).active,
.btn-grey:not(:disabled):not(.disabled):active,
.show > .btn.btn-grey.dropdown-toggle {
    background-color: #7a7a7a;
    border-color: #6e7077;
    color: #fff
}

.btn-grey.disabled,
.btn-grey:disabled {
    background-color: #8d8f95;
    border-color: #8d8f95
}

.btn-light-grey {
    color: #72747b;
    background-color: #f4f4f5;
    border-color: #d2d3d5
}

.btn-light-grey:hover {
    color: #646874;
    background-color: #eeeff1;
    border-color: #cbcdd2
}

.btn-light-grey.focus,
.btn-light-grey:focus {
    color: #616572;
    background-color: #ececee
}

.btn-light-grey:not(:disabled):not(.disabled).active,
.btn-light-grey:not(:disabled):not(.disabled):active,
.show > .btn.btn-light-grey.dropdown-toggle {
    color: #585c67;
    background-color: #e1e2e5;
    border-color: #bdbfc6
}

.btn-lighter-grey {
    color: #72747b;
    background-color: #fafafa;
    border-color: #d7d8da
}

.btn-lighter-grey:hover {
    color: #646874;
    background-color: #f4f4f5;
    border-color: #d0d2d7
}

.btn-lighter-grey.focus,
.btn-lighter-grey:focus {
    color: #616572;
    background-color: #f1f2f3
}

.btn-lighter-grey:not(:disabled):not(.disabled).active,
.btn-lighter-grey:not(:disabled):not(.disabled):active,
.show > .btn.btn-lighter-grey.dropdown-toggle {
    color: #585c67;
    background-color: #e6e7ea;
    border-color: #c3c5cb
}

.btn-outline-grey {
    color: #666;
    border-color: #9ea0a5;
    background-color: transparent
}

.btn-outline-grey:hover {
    color: #fff;
    background-color: #8d8f95;
    border-color: #8d8f95
}

.btn-outline-grey.focus.fs--shadow,
.btn-outline-grey:focus.fs--shadow {
    box-shadow: 0 0 1px 2px rgba(141, 143, 149, .45)
}

.btn-outline-grey:not(:disabled):not(.disabled).active,
.btn-outline-grey:not(:disabled):not(.disabled):active,
.show > .btn.btn-outline-grey.dropdown-toggle {
    color: #fff;
    background-color: #85868c;
    border-color: #85868c
}

.btn-outline-grey:not(:disabled):not(.disabled).active.fs--shadow:focus,
.btn-outline-grey:not(:disabled):not(.disabled):active.fs--shadow:focus,
.show > .btn.btn-outline-grey.dropdown-toggle.fs--shadow:focus {
    box-shadow: 0 0 1px 2px rgba(141, 143, 149, .45)
}

.btn-outline-grey.disabled,
.btn-outline-grey:disabled {
    border-color: #9ea0a5
}

.btn-purple {
    color: #fff;
    background-color: #9382c0;
    border-color: #9382c0
}

.btn-purple:hover {
    color: #fff;
    background-color: #8573b6;
    border-color: #7863b1
}

.btn-purple.focus,
.btn-purple:focus {
    background-color: #8774ba;
    border-color: #7b67b3
}

.btn-purple.focus.fs--shadow,
.btn-purple:focus.fs--shadow {
    box-shadow: 0 0 1px 2px rgba(147, 130, 192, .45)
}

.btn-purple:not(:disabled):not(.disabled).active,
.btn-purple:not(:disabled):not(.disabled):active,
.show > .btn.btn-purple.dropdown-toggle {
    background-color: #7b68ac;
    border-color: #7059ac;
    color: #fff
}

.btn-purple.disabled,
.btn-purple:disabled {
    background-color: #9382c0;
    border-color: #9382c0
}

.btn-light-purple {
    color: #6e57ab;
    background-color: #f4f2f9;
    border-color: #d2cbe5
}

.btn-light-purple:hover {
    color: #634ba3;
    background-color: #eeebf6;
    border-color: #cbc2e3
}

.btn-light-purple.focus,
.btn-light-purple:focus {
    color: #6149a0;
    background-color: #ebe8f4
}

.btn-light-purple:not(:disabled):not(.disabled).active,
.btn-light-purple:not(:disabled):not(.disabled):active,
.show > .btn.btn-light-purple.dropdown-toggle {
    color: #584392;
    background-color: #dfdaee;
    border-color: #bcb0db
}

.btn-lighter-purple {
    color: #6e57ab;
    background-color: #faf9fc;
    border-color: #d8d1e8
}

.btn-lighter-purple:hover {
    color: #634ba3;
    background-color: #f4f2f9;
    border-color: #d1c9e6
}

.btn-lighter-purple.focus,
.btn-lighter-purple:focus {
    color: #6149a0;
    background-color: #f1eff7
}

.btn-lighter-purple:not(:disabled):not(.disabled).active,
.btn-lighter-purple:not(:disabled):not(.disabled):active,
.show > .btn.btn-lighter-purple.dropdown-toggle {
    color: #584392;
    background-color: #e5e1f1;
    border-color: #c2b7de
}

.btn-outline-purple {
    color: #705da2;
    border-color: #a395ca;
    background-color: transparent
}

.btn-outline-purple:hover {
    color: #fff;
    background-color: #9382c0;
    border-color: #9382c0
}

.btn-outline-purple.focus.fs--shadow,
.btn-outline-purple:focus.fs--shadow {
    box-shadow: 0 0 1px 2px rgba(147, 130, 192, .45)
}

.btn-outline-purple:not(:disabled):not(.disabled).active,
.btn-outline-purple:not(:disabled):not(.disabled):active,
.show > .btn.btn-outline-purple.dropdown-toggle {
    color: #fff;
    background-color: #8a7ab5;
    border-color: #8a7ab5
}

.btn-outline-purple:not(:disabled):not(.disabled).active.fs--shadow:focus,
.btn-outline-purple:not(:disabled):not(.disabled):active.fs--shadow:focus,
.show > .btn.btn-outline-purple.dropdown-toggle.fs--shadow:focus {
    box-shadow: 0 0 1px 2px rgba(147, 130, 192, .45)
}

.btn-outline-purple.disabled,
.btn-outline-purple:disabled {
    border-color: #a395ca
}

.btn-pink {
    color: #fff;
    background-color: #d65c8b;
    border-color: #d65c8b
}

.btn-pink:hover {
    color: #fff;
    background-color: #cf4a7d;
    border-color: #cd3771
}

.btn-pink.focus,
.btn-pink:focus {
    background-color: #d24c7f;
    border-color: #ce3b74
}

.btn-pink.focus.fs--shadow,
.btn-pink:focus.fs--shadow {
    box-shadow: 0 0 1px 2px rgba(214, 92, 139, .45)
}

.btn-pink:not(:disabled):not(.disabled).active,
.btn-pink:not(:disabled):not(.disabled):active,
.show > .btn.btn-pink.dropdown-toggle {
    background-color: #c83c72;
    border-color: #c4316a;
    color: #fff
}

.btn-pink.disabled,
.btn-pink:disabled {
    background-color: #d65c8b;
    border-color: #d65c8b
}

.btn-light-pink {
    color: #ca336d;
    background-color: #fbf0f5;
    border-color: #efbfd1
}

.btn-light-pink:hover {
    color: #be2a63;
    background-color: #fae8ef;
    border-color: #efb5cb
}

.btn-light-pink.focus,
.btn-light-pink:focus {
    color: #ba2961;
    background-color: #f9e4ec
}

.btn-light-pink:not(:disabled):not(.disabled).active,
.btn-light-pink:not(:disabled):not(.disabled):active,
.show > .btn.btn-light-pink.dropdown-toggle {
    color: #a92558;
    background-color: #f5d3e0;
    border-color: #eaa0bd
}

.btn-lighter-pink {
    color: #ca336d;
    background-color: #fdf9fa;
    border-color: #f1c7d7
}

.btn-lighter-pink:hover {
    color: #be2a63;
    background-color: #fcf0f5;
    border-color: #f1bdd1
}

.btn-lighter-pink.focus,
.btn-lighter-pink:focus {
    color: #ba2961;
    background-color: #fbecf2
}

.btn-lighter-pink:not(:disabled):not(.disabled).active,
.btn-lighter-pink:not(:disabled):not(.disabled):active,
.show > .btn.btn-lighter-pink.dropdown-toggle {
    color: #a92558;
    background-color: #f7dbe6;
    border-color: #eca9c2
}

.btn-outline-pink {
    color: #be4171;
    border-color: #dc749c;
    background-color: transparent
}

.btn-outline-pink:hover {
    color: #fff;
    background-color: #d65c8b;
    border-color: #d65c8b
}

.btn-outline-pink.focus.fs--shadow,
.btn-outline-pink:focus.fs--shadow {
    box-shadow: 0 0 1px 2px rgba(214, 92, 139, .45)
}

.btn-outline-pink:not(:disabled):not(.disabled).active,
.btn-outline-pink:not(:disabled):not(.disabled):active,
.show > .btn.btn-outline-pink.dropdown-toggle {
    color: #fff;
    background-color: #c95683;
    border-color: #c95683
}

.btn-outline-pink:not(:disabled):not(.disabled).active.fs--shadow:focus,
.btn-outline-pink:not(:disabled):not(.disabled):active.fs--shadow:focus,
.show > .btn.btn-outline-pink.dropdown-toggle.fs--shadow:focus {
    box-shadow: 0 0 1px 2px rgba(214, 92, 139, .45)
}

.btn-outline-pink.disabled,
.btn-outline-pink:disabled {
    border-color: #dc749c
}

.btn-yellow {
    color: #963;
    background-color: #f4e47c;
    border-color: #f4d859
}

.btn-yellow:hover {
    color: #963;
    background-color: #f0de66;
    border-color: #f1ce2e
}

.btn-yellow.focus,
.btn-yellow:focus {
    background-color: #f2e069;
    border-color: #f1cf33
}

.btn-yellow.focus.fs--shadow,
.btn-yellow:focus.fs--shadow {
    box-shadow: 0 0 1px 2px rgba(244, 216, 89, .45)
}

.btn-yellow:not(:disabled):not(.disabled).active,
.btn-yellow:not(:disabled):not(.disabled):active,
.show > .btn.btn-yellow.dropdown-toggle {
    background-color: #edd955;
    border-color: #f0cb20;
    color: #963
}

.btn-yellow.disabled,
.btn-yellow:disabled {
    background-color: #f4e47c;
    border-color: #f4d859
}

.btn-light-yellow {
    color: #f0da4b;
    background-color: #fefdf6;
    border-color: #fbf5cc
}

.btn-light-yellow:hover {
    color: #f3d933;
    background-color: #fefcec;
    border-color: #fbf4c2
}

.btn-light-yellow.focus,
.btn-light-yellow:focus {
    color: #f2d82f;
    background-color: #fefbe7
}

.btn-light-yellow:not(:disabled):not(.disabled).active,
.btn-light-yellow:not(:disabled):not(.disabled):active,
.show > .btn.btn-light-yellow.dropdown-toggle {
    color: #f1d51b;
    background-color: #fcf7d4;
    border-color: #faefaa
}

.btn-lighter-yellow {
    color: #f0da4b;
    background-color: #fff;
    border-color: #fcf7d6
}

.btn-lighter-yellow:hover {
    color: #f3d933;
    background-color: #fafafa;
    border-color: #fcf5cb
}

.btn-lighter-yellow.focus,
.btn-lighter-yellow:focus {
    color: #f2d82f;
    background-color: #f8f7f7
}

.btn-lighter-yellow:not(:disabled):not(.disabled).active,
.btn-lighter-yellow:not(:disabled):not(.disabled):active,
.show > .btn.btn-lighter-yellow.dropdown-toggle {
    color: #f1d51b;
    background-color: #eeecec;
    border-color: #faf1b3
}

.btn-outline-yellow {
    color: #b17131;
    border-color: #f6de72;
    background-color: transparent
}

.btn-outline-yellow:hover {
    color: #963;
    background-color: #f4e47c;
    border-color: #f4d859
}

.btn-outline-yellow.focus.fs--shadow,
.btn-outline-yellow:focus.fs--shadow {
    box-shadow: 0 0 1px 2px rgba(244, 216, 89, .45)
}

.btn-outline-yellow:not(:disabled):not(.disabled).active,
.btn-outline-yellow:not(:disabled):not(.disabled):active,
.show > .btn.btn-outline-yellow.dropdown-toggle {
    color: #963;
    background-color: #e5d675;
    border-color: #e5cb54
}

.btn-outline-yellow:not(:disabled):not(.disabled).active.fs--shadow:focus,
.btn-outline-yellow:not(:disabled):not(.disabled):active.fs--shadow:focus,
.show > .btn.btn-outline-yellow.dropdown-toggle.fs--shadow:focus {
    box-shadow: 0 0 1px 2px rgba(244, 216, 89, .45)
}

.btn-outline-yellow.disabled,
.btn-outline-yellow:disabled {
    border-color: #f6de72
}

.btn-lightgrey {
    color: #fff;
    background-color: #a9adb3;
    border-color: #a9adb3
}

.btn-lightgrey:hover {
    color: #fff;
    background-color: #9da0a5;
    border-color: #91969d
}

.btn-lightgrey.focus,
.btn-lightgrey:focus {
    background-color: #9ea3a9;
    border-color: #9398a0
}

.btn-lightgrey.focus.fs--shadow,
.btn-lightgrey:focus.fs--shadow {
    box-shadow: 0 0 1px 2px rgba(169, 173, 179, .45)
}

.btn-lightgrey:not(:disabled):not(.disabled).active,
.btn-lightgrey:not(:disabled):not(.disabled):active,
.show > .btn.btn-lightgrey.dropdown-toggle {
    background-color: #959799;
    border-color: #898e96;
    color: #fff
}

.btn-lightgrey.disabled,
.btn-lightgrey:disabled {
    background-color: #a9adb3;
    border-color: #a9adb3
}

.btn-light-lightgrey {
    color: #8d929a;
    background-color: #f6f7f7;
    border-color: #dcdee0
}

.btn-light-lightgrey:hover {
    color: #7d8795;
    background-color: #f0f1f3;
    border-color: #d5d8dd
}

.btn-light-lightgrey.focus,
.btn-light-lightgrey:focus {
    color: #7a8493;
    background-color: #eeeff1
}

.btn-light-lightgrey:not(:disabled):not(.disabled).active,
.btn-light-lightgrey:not(:disabled):not(.disabled):active,
.show > .btn.btn-light-lightgrey.dropdown-toggle {
    color: #707a89;
    background-color: #e2e4e8;
    border-color: #c7cbd1
}

.btn-lighter-lightgrey {
    color: #8d929a;
    background-color: #fcfcfc;
    border-color: #e2e3e5
}

.btn-lighter-lightgrey:hover {
    color: #7d8795;
    background-color: #f6f7f8;
    border-color: #dbdee2
}

.btn-lighter-lightgrey.focus,
.btn-lighter-lightgrey:focus {
    color: #7a8493;
    background-color: #f3f4f5
}

.btn-lighter-lightgrey:not(:disabled):not(.disabled).active,
.btn-lighter-lightgrey:not(:disabled):not(.disabled):active,
.show > .btn.btn-lighter-lightgrey.dropdown-toggle {
    color: #707a89;
    background-color: #e8eaec;
    border-color: #cdd1d6
}

.btn-outline-lightgrey {
    color: #7a8085;
    border-color: #d0d5da;
    background-color: transparent
}

.btn-outline-lightgrey:hover {
    color: #fff;
    background-color: #a9adb3;
    border-color: #a9adb3
}

.btn-outline-lightgrey.focus.fs--shadow,
.btn-outline-lightgrey:focus.fs--shadow {
    box-shadow: 0 0 1px 2px rgba(169, 173, 179, .45)
}

.btn-outline-lightgrey:not(:disabled):not(.disabled).active,
.btn-outline-lightgrey:not(:disabled):not(.disabled):active,
.show > .btn.btn-outline-lightgrey.dropdown-toggle {
    color: #fff;
    background-color: #9fa3a8;
    border-color: #9fa3a8
}

.btn-outline-lightgrey:not(:disabled):not(.disabled).active.fs--shadow:focus,
.btn-outline-lightgrey:not(:disabled):not(.disabled):active.fs--shadow:focus,
.show > .btn.btn-outline-lightgrey.dropdown-toggle.fs--shadow:focus {
    box-shadow: 0 0 1px 2px rgba(169, 173, 179, .45)
}

.btn-outline-lightgrey.disabled,
.btn-outline-lightgrey:disabled {
    border-color: #d0d5da
}

.btn-brown {
    color: #fff;
    background-color: #c59c6b;
    border-color: #c59c6b
}

.btn-brown:hover {
    color: #fff;
    background-color: #bc905b;
    border-color: #b8864a
}

.btn-brown.focus,
.btn-brown:focus {
    background-color: #bf925c;
    border-color: #ba884e
}

.btn-brown.focus.fs--shadow,
.btn-brown:focus.fs--shadow {
    box-shadow: 0 0 1px 2px rgba(197, 156, 107, .45)
}

.btn-brown:not(:disabled):not(.disabled).active,
.btn-brown:not(:disabled):not(.disabled):active,
.show > .btn.btn-brown.dropdown-toggle {
    background-color: #b3854f;
    border-color: #ae7e44;
    color: #fff
}

.btn-brown.disabled,
.btn-brown:disabled {
    background-color: #c59c6b;
    border-color: #c59c6b
}

.btn-light-brown {
    color: #b48247;
    background-color: #f9f5f1;
    border-color: #e8d8c4
}

.btn-light-brown:hover {
    color: #aa783c;
    background-color: #f7f0e9;
    border-color: #e7d3bb
}

.btn-light-brown.focus,
.btn-light-brown:focus {
    color: #a6753b;
    background-color: #f6eee5
}

.btn-light-brown:not(:disabled):not(.disabled).active,
.btn-light-brown:not(:disabled):not(.disabled):active,
.show > .btn.btn-light-brown.dropdown-toggle {
    color: #976b36;
    background-color: #f0e4d6;
    border-color: #e0c7a8
}

.btn-lighter-brown {
    color: #b48247;
    background-color: #fcfaf8;
    border-color: #ebdccb
}

.btn-lighter-brown:hover {
    color: #aa783c;
    background-color: #faf5f0;
    border-color: #ead8c2
}

.btn-lighter-brown.focus,
.btn-lighter-brown:focus {
    color: #a6753b;
    background-color: #f8f3ec
}

.btn-lighter-brown:not(:disabled):not(.disabled).active,
.btn-lighter-brown:not(:disabled):not(.disabled):active,
.show > .btn.btn-lighter-brown.dropdown-toggle {
    color: #976b36;
    background-color: #f3e9dd;
    border-color: #e3cbb0
}

.btn-outline-brown {
    color: #ad8452;
    border-color: #ceab81;
    background-color: transparent
}

.btn-outline-brown:hover {
    color: #fff;
    background-color: #c59c6b;
    border-color: #c59c6b
}

.btn-outline-brown.focus.fs--shadow,
.btn-outline-brown:focus.fs--shadow {
    box-shadow: 0 0 1px 2px rgba(197, 156, 107, .45)
}

.btn-outline-brown:not(:disabled):not(.disabled).active,
.btn-outline-brown:not(:disabled):not(.disabled):active,
.show > .btn.btn-outline-brown.dropdown-toggle {
    color: #fff;
    background-color: #b99365;
    border-color: #b99365
}

.btn-outline-brown:not(:disabled):not(.disabled).active.fs--shadow:focus,
.btn-outline-brown:not(:disabled):not(.disabled):active.fs--shadow:focus,
.show > .btn.btn-outline-brown.dropdown-toggle.fs--shadow:focus {
    box-shadow: 0 0 1px 2px rgba(197, 156, 107, .45)
}

.btn-outline-brown.disabled,
.btn-outline-brown:disabled {
    border-color: #ceab81
}

.btn-blue {
    color: #fff;
    background-color: #5cafe5;
    border-color: #5cafe5
}

.btn-blue:hover {
    color: #fff;
    background-color: #48a4e0;
    border-color: #349cdf
}

.btn-blue.focus,
.btn-blue:focus {
    background-color: #4aa7e3;
    border-color: #399ee0
}

.btn-blue.focus.fs--shadow,
.btn-blue:focus.fs--shadow {
    box-shadow: 0 0 1px 2px rgba(92, 175, 229, .45)
}

.btn-blue:not(:disabled):not(.disabled).active,
.btn-blue:not(:disabled):not(.disabled):active,
.show > .btn.btn-blue.dropdown-toggle {
    background-color: #399bda;
    border-color: #2795dd;
    color: #fff
}

.btn-blue.disabled,
.btn-blue:disabled {
    background-color: #5cafe5;
    border-color: #5cafe5
}

.btn-light-blue {
    color: #2594dd;
    background-color: #eef7fc;
    border-color: #baddf4
}

.btn-light-blue:hover {
    color: #1b8ad2;
    background-color: #e4f2fc;
    border-color: #b0d9f5
}

.btn-light-blue.focus,
.btn-light-blue:focus {
    color: #1b87cd;
    background-color: #e0f0fb
}

.btn-light-blue:not(:disabled):not(.disabled).active,
.btn-light-blue:not(:disabled):not(.disabled):active,
.show > .btn.btn-light-blue.dropdown-toggle {
    color: #187bbb;
    background-color: #cee8f9;
    border-color: #99cff2
}

.btn-lighter-blue {
    color: #2594dd;
    background-color: #f7fbfe;
    border-color: #c3e2f6
}

.btn-lighter-blue:hover {
    color: #1b8ad2;
    background-color: #edf7fd;
    border-color: #b9def6
}

.btn-lighter-blue.focus,
.btn-lighter-blue:focus {
    color: #1b87cd;
    background-color: #e9f5fc
}

.btn-lighter-blue:not(:disabled):not(.disabled).active,
.btn-lighter-blue:not(:disabled):not(.disabled):active,
.show > .btn.btn-lighter-blue.dropdown-toggle {
    color: #187bbb;
    background-color: #d7ecfa;
    border-color: #a2d3f3
}

.btn-outline-blue {
    color: #3490cb;
    border-color: #74bbe9;
    background-color: transparent
}

.btn-outline-blue:hover {
    color: #fff;
    background-color: #5cafe5;
    border-color: #5cafe5
}

.btn-outline-blue.focus.fs--shadow,
.btn-outline-blue:focus.fs--shadow {
    box-shadow: 0 0 1px 2px rgba(92, 175, 229, .45)
}

.btn-outline-blue:not(:disabled):not(.disabled).active,
.btn-outline-blue:not(:disabled):not(.disabled):active,
.show > .btn.btn-outline-blue.dropdown-toggle {
    color: #fff;
    background-color: #56a5d8;
    border-color: #56a5d8
}

.btn-outline-blue:not(:disabled):not(.disabled).active.fs--shadow:focus,
.btn-outline-blue:not(:disabled):not(.disabled):active.fs--shadow:focus,
.show > .btn.btn-outline-blue.dropdown-toggle.fs--shadow:focus {
    box-shadow: 0 0 1px 2px rgba(92, 175, 229, .45)
}

.btn-outline-blue.disabled,
.btn-outline-blue:disabled {
    border-color: #74bbe9
}

.btn-red {
    color: #fff;
    background-color: #ed6565;
    border-color: #ed6565
}

.btn-red:hover {
    color: #fff;
    background-color: #e85050;
    border-color: #e83c3c
}

.btn-red.focus,
.btn-red:focus {
    background-color: #eb5353;
    border-color: #e94040
}

.btn-red.focus.fs--shadow,
.btn-red:focus.fs--shadow {
    box-shadow: 0 0 1px 2px rgba(237, 101, 101, .45)
}

.btn-red:not(:disabled):not(.disabled).active,
.btn-red:not(:disabled):not(.disabled):active,
.show > .btn.btn-red.dropdown-toggle {
    background-color: #e44040;
    border-color: #e72e2e;
    color: #fff
}

.btn-red.disabled,
.btn-red:disabled {
    background-color: #ed6565;
    border-color: #ed6565
}

.btn-light-red {
    color: #e73535;
    background-color: #fef3f3;
    border-color: #f8c4c4
}

.btn-light-red:hover {
    color: #ea1e1e;
    background-color: #fdeaea;
    border-color: #f9b9b9
}

.btn-light-red.focus,
.btn-light-red:focus {
    color: #ea1919;
    background-color: #fde5e5
}

.btn-light-red:not(:disabled):not(.disabled).active,
.btn-light-red:not(:disabled):not(.disabled):active,
.show > .btn.btn-light-red.dropdown-toggle {
    color: #da1414;
    background-color: #fbd2d2;
    border-color: #f6a2a2
}

.btn-lighter-red {
    color: #e73535;
    background-color: #fffdfd;
    border-color: #f9cdcd
}

.btn-lighter-red:hover {
    color: #ea1e1e;
    background-color: #fef3f3;
    border-color: #f9c2c2
}

.btn-lighter-red.focus,
.btn-lighter-red:focus {
    color: #ea1919;
    background-color: #fdeeee
}

.btn-lighter-red:not(:disabled):not(.disabled).active,
.btn-lighter-red:not(:disabled):not(.disabled):active,
.show > .btn.btn-lighter-red.dropdown-toggle {
    color: #da1414;
    background-color: #fcdcdc;
    border-color: #f7abab
}

.btn-outline-red {
    color: #d02f2f;
    border-color: #f07c7c;
    background-color: transparent
}

.btn-outline-red:hover {
    color: #fff;
    background-color: #ed6565;
    border-color: #ed6565
}

.btn-outline-red.focus.fs--shadow,
.btn-outline-red:focus.fs--shadow {
    box-shadow: 0 0 1px 2px rgba(237, 101, 101, .45)
}

.btn-outline-red:not(:disabled):not(.disabled).active,
.btn-outline-red:not(:disabled):not(.disabled):active,
.show > .btn.btn-outline-red.dropdown-toggle {
    color: #fff;
    background-color: #df5f5f;
    border-color: #df5f5f
}

.btn-outline-red:not(:disabled):not(.disabled).active.fs--shadow:focus,
.btn-outline-red:not(:disabled):not(.disabled):active.fs--shadow:focus,
.show > .btn.btn-outline-red.dropdown-toggle.fs--shadow:focus {
    box-shadow: 0 0 1px 2px rgba(237, 101, 101, .45)
}

.btn-outline-red.disabled,
.btn-outline-red:disabled {
    border-color: #f07c7c
}

.btn-green {
    color: #fff;
    background-color: #62cb9f;
    border-color: #62cb9f
}

.btn-green:hover {
    color: #fff;
    background-color: #51c293;
    border-color: #40c08a
}

.btn-green.focus,
.btn-green:focus {
    background-color: #53c696;
    border-color: #43c18c
}

.btn-green.focus.fs--shadow,
.btn-green:focus.fs--shadow {
    box-shadow: 0 0 1px 2px rgba(98, 203, 159, .45)
}

.btn-green:not(:disabled):not(.disabled).active,
.btn-green:not(:disabled):not(.disabled):active,
.show > .btn.btn-green.dropdown-toggle {
    background-color: #45ba89;
    border-color: #3cb482;
    color: #fff
}

.btn-green.disabled,
.btn-green:disabled {
    background-color: #62cb9f;
    border-color: #62cb9f
}

.btn-light-green {
    color: #3eba86;
    background-color: #eef9f4;
    border-color: #bfead8
}

.btn-light-green:hover {
    color: #34af7b;
    background-color: #e5f7f0;
    border-color: #b6e9d4
}

.btn-light-green.focus,
.btn-light-green:focus {
    color: #33ab79;
    background-color: #e1f6ed
}

.btn-light-green:not(:disabled):not(.disabled).active,
.btn-light-green:not(:disabled):not(.disabled):active,
.show > .btn.btn-light-green.dropdown-toggle {
    color: #2e9b6e;
    background-color: #d2f2e4;
    border-color: #a2e3c8
}

.btn-lighter-green {
    color: #3eba86;
    background-color: #f5fcf9;
    border-color: #c7ecdd
}

.btn-lighter-green:hover {
    color: #34af7b;
    background-color: #edfaf4;
    border-color: #bdecd8
}

.btn-lighter-green.focus,
.btn-lighter-green:focus {
    color: #33ab79;
    background-color: #e9f9f2
}

.btn-lighter-green:not(:disabled):not(.disabled).active,
.btn-lighter-green:not(:disabled):not(.disabled):active,
.show > .btn.btn-lighter-green.dropdown-toggle {
    color: #2e9b6e;
    background-color: #d9f4e9;
    border-color: #aae6cd
}

.btn-outline-green {
    color: #4ab588;
    border-color: #7ad3ad;
    background-color: transparent
}

.btn-outline-green:hover {
    color: #fff;
    background-color: #62cb9f;
    border-color: #62cb9f
}

.btn-outline-green.focus.fs--shadow,
.btn-outline-green:focus.fs--shadow {
    box-shadow: 0 0 1px 2px rgba(98, 203, 159, .45)
}

.btn-outline-green:not(:disabled):not(.disabled).active,
.btn-outline-green:not(:disabled):not(.disabled):active,
.show > .btn.btn-outline-green.dropdown-toggle {
    color: #fff;
    background-color: #5cbf95;
    border-color: #5cbf95
}

.btn-outline-green:not(:disabled):not(.disabled).active.fs--shadow:focus,
.btn-outline-green:not(:disabled):not(.disabled):active.fs--shadow:focus,
.show > .btn.btn-outline-green.dropdown-toggle.fs--shadow:focus {
    box-shadow: 0 0 1px 2px rgba(98, 203, 159, .45)
}

.btn-outline-green.disabled,
.btn-outline-green:disabled {
    border-color: #7ad3ad
}

.btn-h-default:hover {
    background-color: #7ba8c3;
    border-color: #6ba0bf;
    color: #fff
}

.btn-h-default:hover.fs--shadow.focus,
.btn-h-default:hover.fs--shadow:focus {
    box-shadow: 0 0 1px 2px rgba(139, 180, 205, .45)
}

.btn-h-outline-default:hover {
    color: #588aa7;
    border-color: #a9bdc9;
    background-color: transparent
}

.btn-h-outline-default:hover.fs--shadow:focus {
    box-shadow: 0 0 1px 2px rgba(139, 180, 205, .45)
}

.btn-h-outline-default[class*=btn-outline-]:hover {
    background-color: rgba(139, 180, 205, .05)
}

.btn-h-light-default:hover {
    color: #4588af;
    background-color: #eaf2f7;
    border-color: #c0d8e6
}

.btn-h-lighter-default:hover {
    color: #4588af;
    background-color: #f1f6f9;
    border-color: #c8dde9
}

.btn-h-primary:hover {
    background-color: #478dc1;
    border-color: #3b83b9;
    color: #fff
}

.btn-h-primary:hover.fs--shadow.focus,
.btn-h-primary:hover.fs--shadow:focus {
    box-shadow: 0 0 1px 2px rgba(88, 153, 202, .45)
}

.btn-h-outline-primary:hover {
    color: #4887b7;
    border-color: #5899ca;
    background-color: transparent
}

.btn-h-outline-primary:hover.fs--shadow:focus {
    box-shadow: 0 0 1px 2px rgba(88, 153, 202, .45)
}

.btn-h-outline-primary[class*=btn-outline-]:hover {
    background-color: rgba(88, 153, 202, .05)
}

.btn-h-light-primary:hover {
    color: #3074a8;
    background-color: #e7f1f8;
    border-color: #b3d2ea
}

.btn-h-lighter-primary:hover {
    color: #3074a8;
    background-color: #eff5fa;
    border-color: #bbd7ec
}

.btn-h-secondary:hover {
    background-color: #8d9da6;
    border-color: #80949f;
    color: #fff
}

.btn-h-secondary:hover.fs--shadow.focus,
.btn-h-secondary:hover.fs--shadow:focus {
    box-shadow: 0 0 1px 2px rgba(154, 170, 179, .45)
}

.btn-h-outline-secondary:hover {
    color: #71858e;
    border-color: #9aaab3;
    background-color: transparent
}

.btn-h-outline-secondary:hover.fs--shadow:focus {
    box-shadow: 0 0 1px 2px rgba(154, 170, 179, .45)
}

.btn-h-outline-secondary[class*=btn-outline-]:hover {
    background-color: rgba(154, 170, 179, .05)
}

.btn-h-light-secondary:hover {
    color: #64818f;
    background-color: #edf1f2;
    border-color: #cbd5db
}

.btn-h-lighter-secondary:hover {
    color: #64818f;
    background-color: #f3f5f7;
    border-color: #d1dadf
}

.btn-h-info:hover {
    background-color: #44abd3;
    border-color: #31a4d2;
    color: #fff
}

.btn-h-info:hover.fs--shadow.focus,
.btn-h-info:hover.fs--shadow:focus {
    box-shadow: 0 0 1px 2px rgba(87, 181, 218, .45)
}

.btn-h-outline-info:hover {
    color: #3c9dc3;
    border-color: #57b5da;
    background-color: transparent
}

.btn-h-outline-info:hover.fs--shadow:focus {
    box-shadow: 0 0 1px 2px rgba(87, 181, 218, .45)
}

.btn-h-outline-info[class*=btn-outline-]:hover {
    background-color: rgba(87, 181, 218, .05)
}

.btn-h-light-info:hover {
    color: #2596c2;
    background-color: #e6f5fa;
    border-color: #b2dff0
}

.btn-h-lighter-info:hover {
    color: #2596c2;
    background-color: #eff8fc;
    border-color: #bbe2f2
}

.btn-h-success:hover {
    background-color: #64b364;
    border-color: #54ae54;
    color: #fff
}

.btn-h-success:hover.fs--shadow.focus,
.btn-h-success:hover.fs--shadow:focus {
    box-shadow: 0 0 1px 2px rgba(115, 189, 115, .45)
}

.btn-h-outline-success:hover {
    color: #5aa55a;
    border-color: #73bd73;
    background-color: transparent
}

.btn-h-outline-success:hover.fs--shadow:focus {
    box-shadow: 0 0 1px 2px rgba(115, 189, 115, .45)
}

.btn-h-outline-success[class*=btn-outline-]:hover {
    background-color: rgba(115, 189, 115, .05)
}

.btn-h-light-success:hover {
    color: #45a145;
    background-color: #eaf6ea;
    border-color: #bee3be
}

.btn-h-lighter-success:hover {
    color: #45a145;
    background-color: #f1f9f1;
    border-color: #c6e6c6
}

.btn-h-danger:hover {
    background-color: #d65944;
    border-color: #d54831;
    color: #fff
}

.btn-h-danger:hover.fs--shadow.focus,
.btn-h-danger:hover.fs--shadow:focus {
    box-shadow: 0 0 1px 2px rgba(221, 106, 87, .45)
}

.btn-h-outline-danger:hover {
    color: #c54f3a;
    border-color: red;
    background-color: transparent
}

.btn-h-outline-danger:hover.fs--shadow:focus {
    box-shadow: 0 0 1px 2px rgba(221, 106, 87, .45)
}

.btn-h-outline-danger[class*=btn-outline-]:hover {
    background-color: rgba(221, 106, 87, .05)
}

.btn-h-light-danger:hover {
    color: #c73a23;
    background-color: #fbebe9;
    border-color: #f2bdb4
}

.btn-h-lighter-danger:hover {
    color: #c73a23;
    background-color: #fdf3f1;
    border-color: #f3c4bd
}

.btn-h-warning:hover {
    background-color: #eba32e;
    border-color: #eb9c19;
    color: #fff
}

.btn-h-warning:hover.fs--shadow.focus,
.btn-h-warning:hover.fs--shadow:focus {
    box-shadow: 0 0 1px 2px rgba(239, 174, 67, .45)
}

.btn-h-outline-warning:hover {
    color: #d89527;
    border-color: #ff9800;
    background-color: transparent
}

.btn-h-outline-warning:hover.fs--shadow:focus {
    box-shadow: 0 0 1px 2px rgba(239, 174, 67, .45)
}

.btn-h-outline-warning[class*=btn-outline-]:hover {
    background-color: rgba(239, 174, 67, .05)
}

.btn-h-light-warning:hover {
    color: #da8d0e;
    background-color: #fdf4e4;
    border-color: #fadcaa
}

.btn-h-lighter-warning:hover {
    color: #da8d0e;
    background-color: #fef8ee;
    border-color: #fae0b4
}

.btn-h-dark:hover {
    background-color: #46484a;
    border-color: #3b3e41;
    color: #fff
}

.btn-h-dark:hover.fs--shadow.focus,
.btn-h-dark:hover.fs--shadow:focus {
    box-shadow: 0 0 1px 2px rgba(81, 85, 89, .45)
}

.btn-h-outline-dark:hover {
    color: #4b4e52;
    border-color: #515559;
    background-color: transparent
}

.btn-h-outline-dark:hover.fs--shadow:focus {
    box-shadow: 0 0 1px 2px rgba(81, 85, 89, .45)
}

.btn-h-outline-dark[class*=btn-outline-]:hover {
    background-color: rgba(81, 85, 89, .05)
}

.btn-h-light-dark:hover {
    color: #2c3034;
    background-color: #e7e9eb;
    border-color: #b1b7bd
}

.btn-h-lighter-dark:hover {
    color: #2c3034;
    background-color: #edeef0;
    border-color: #b6bcc2
}

.btn-h-light:hover {
    background-color: #eaecf2;
    border-color: #c3c7d0;
    color: #757984
}

.btn-h-light:hover.fs--shadow.focus,
.btn-h-light:hover.fs--shadow:focus {
    box-shadow: 0 0 1px 2px rgba(221, 223, 228, .45)
}

.btn-h-outline-light:hover {
    color: #555;
    border-color: #dddfe4;
    background-color: transparent
}

.btn-h-outline-light:hover.fs--shadow:focus {
    box-shadow: 0 0 1px 2px rgba(221, 223, 228, .45)
}

.btn-h-outline-light[class*=btn-outline-]:hover {
    background-color: rgba(245, 246, 249, .05)
}

.btn-h-light-light:hover {
    color: #c5ccdf;
    background-color: #fafafa;
    border-color: #f4f5f9
}

.btn-h-lighter-light:hover {
    color: #c5ccdf;
    background-color: #fafafa;
    border-color: #fafafa
}

.btn-h-white:hover {
    background-color: #fff;
    border-color: #d7d7d7;
    color: #606060
}

.btn-h-white:hover.fs--shadow.focus,
.btn-h-white:hover.fs--shadow:focus {
    box-shadow: 0 0 1px 2px rgba(238, 238, 238, .45)
}

.btn-h-outline-white:hover {
    color: #fff;
    border-color: #fff;
    background-color: transparent
}

.btn-h-outline-white:hover.fs--shadow:focus {
    box-shadow: 0 0 1px 2px rgba(238, 238, 238, .45)
}

.btn-h-outline-white[class*=btn-outline-]:hover {
    background-color: rgba(255, 255, 255, .05)
}

.btn-h-black:hover {
    background-color: #26282a;
    border-color: #1c1e20;
    color: #fff
}

.btn-h-black:hover.fs--shadow.focus,
.btn-h-black:hover.fs--shadow:focus {
    box-shadow: 0 0 1px 2px rgba(49, 53, 57, .45)
}

.btn-h-outline-black:hover {
    color: #2d3134;
    border-color: #414549;
    background-color: transparent
}

.btn-h-outline-black:hover.fs--shadow:focus {
    box-shadow: 0 0 1px 2px rgba(49, 53, 57, .45)
}

.btn-h-outline-black[class*=btn-outline-]:hover {
    background-color: rgba(49, 53, 57, .05)
}

.btn-h-light-black:hover {
    color: #0e1012;
    background-color: #e1e4e7;
    border-color: #a0aab3
}

.btn-h-lighter-black:hover {
    color: #0e1012;
    background-color: #e6e9eb;
    border-color: #a5afb8
}

.btn-h-grey:hover {
    background-color: #828386;
    border-color: #76787e;
    color: #fff
}

.btn-h-grey:hover.fs--shadow.focus,
.btn-h-grey:hover.fs--shadow:focus {
    box-shadow: 0 0 1px 2px rgba(141, 143, 149, .45)
}

.btn-h-outline-grey:hover {
    color: #666;
    border-color: #8d8f95;
    background-color: transparent
}

.btn-h-outline-grey:hover.fs--shadow:focus {
    box-shadow: 0 0 1px 2px rgba(141, 143, 149, .45)
}

.btn-h-outline-grey[class*=btn-outline-]:hover {
    background-color: rgba(141, 143, 149, .05)
}

.btn-h-light-grey:hover {
    color: #646874;
    background-color: #eeeff1;
    border-color: #cbcdd2
}

.btn-h-lighter-grey:hover {
    color: #646874;
    background-color: #f4f4f5;
    border-color: #d0d2d7
}

.btn-h-purple:hover {
    background-color: #8573b6;
    border-color: #7863b1;
    color: #fff
}

.btn-h-purple:hover.fs--shadow.focus,
.btn-h-purple:hover.fs--shadow:focus {
    box-shadow: 0 0 1px 2px rgba(147, 130, 192, .45)
}

.btn-h-outline-purple:hover {
    color: #705da2;
    border-color: #9382c0;
    background-color: transparent
}

.btn-h-outline-purple:hover.fs--shadow:focus {
    box-shadow: 0 0 1px 2px rgba(147, 130, 192, .45)
}

.btn-h-outline-purple[class*=btn-outline-]:hover {
    background-color: rgba(147, 130, 192, .05)
}

.btn-h-light-purple:hover {
    color: #634ba3;
    background-color: #eeebf6;
    border-color: #cbc2e3
}

.btn-h-lighter-purple:hover {
    color: #634ba3;
    background-color: #f4f2f9;
    border-color: #d1c9e6
}

.btn-h-pink:hover {
    background-color: #cf4a7d;
    border-color: #cd3771;
    color: #fff
}

.btn-h-pink:hover.fs--shadow.focus,
.btn-h-pink:hover.fs--shadow:focus {
    box-shadow: 0 0 1px 2px rgba(214, 92, 139, .45)
}

.btn-h-outline-pink:hover {
    color: #be4171;
    border-color: #d65c8b;
    background-color: transparent
}

.btn-h-outline-pink:hover.fs--shadow:focus {
    box-shadow: 0 0 1px 2px rgba(214, 92, 139, .45)
}

.btn-h-outline-pink[class*=btn-outline-]:hover {
    background-color: rgba(214, 92, 139, .05)
}

.btn-h-light-pink:hover {
    color: #be2a63;
    background-color: #fae8ef;
    border-color: #efb5cb
}

.btn-h-lighter-pink:hover {
    color: #be2a63;
    background-color: #fcf0f5;
    border-color: #f1bdd1
}

.btn-h-yellow:hover {
    background-color: #f0de66;
    border-color: #f1ce2e;
    color: #963
}

.btn-h-yellow:hover.fs--shadow.focus,
.btn-h-yellow:hover.fs--shadow:focus {
    box-shadow: 0 0 1px 2px rgba(244, 216, 89, .45)
}

.btn-h-outline-yellow:hover {
    color: #b17131;
    border-color: #f4d859;
    background-color: transparent
}

.btn-h-outline-yellow:hover.fs--shadow:focus {
    box-shadow: 0 0 1px 2px rgba(244, 216, 89, .45)
}

.btn-h-outline-yellow[class*=btn-outline-]:hover {
    background-color: rgba(244, 228, 124, .05)
}

.btn-h-light-yellow:hover {
    color: #f3d933;
    background-color: #fefcec;
    border-color: #fbf4c2
}

.btn-h-lighter-yellow:hover {
    color: #f3d933;
    background-color: #fafafa;
    border-color: #fcf5cb
}

.btn-h-lightgrey:hover {
    background-color: #9da0a5;
    border-color: #91969d;
    color: #fff
}

.btn-h-lightgrey:hover.fs--shadow.focus,
.btn-h-lightgrey:hover.fs--shadow:focus {
    box-shadow: 0 0 1px 2px rgba(169, 173, 179, .45)
}

.btn-h-outline-lightgrey:hover {
    color: #7a8085;
    border-color: #d0d5da;
    background-color: transparent
}

.btn-h-outline-lightgrey:hover.fs--shadow:focus {
    box-shadow: 0 0 1px 2px rgba(169, 173, 179, .45)
}

.btn-h-outline-lightgrey[class*=btn-outline-]:hover {
    background-color: rgba(169, 173, 179, .05)
}

.btn-h-light-lightgrey:hover {
    color: #7d8795;
    background-color: #f0f1f3;
    border-color: #d5d8dd
}

.btn-h-lighter-lightgrey:hover {
    color: #7d8795;
    background-color: #f6f7f8;
    border-color: #dbdee2
}

.btn-h-brown:hover {
    background-color: #bc905b;
    border-color: #b8864a;
    color: #fff
}

.btn-h-brown:hover.fs--shadow.focus,
.btn-h-brown:hover.fs--shadow:focus {
    box-shadow: 0 0 1px 2px rgba(197, 156, 107, .45)
}

.btn-h-outline-brown:hover {
    color: #ad8452;
    border-color: #c59c6b;
    background-color: transparent
}

.btn-h-outline-brown:hover.fs--shadow:focus {
    box-shadow: 0 0 1px 2px rgba(197, 156, 107, .45)
}

.btn-h-outline-brown[class*=btn-outline-]:hover {
    background-color: rgba(197, 156, 107, .05)
}

.btn-h-light-brown:hover {
    color: #aa783c;
    background-color: #f7f0e9;
    border-color: #e7d3bb
}

.btn-h-lighter-brown:hover {
    color: #aa783c;
    background-color: #faf5f0;
    border-color: #ead8c2
}

.btn-h-blue:hover {
    background-color: #48a4e0;
    border-color: #349cdf;
    color: #fff
}

.btn-h-blue:hover.fs--shadow.focus,
.btn-h-blue:hover.fs--shadow:focus {
    box-shadow: 0 0 1px 2px rgba(92, 175, 229, .45)
}

.btn-h-outline-blue:hover {
    color: #3490cb;
    border-color: #5cafe5;
    background-color: transparent
}

.btn-h-outline-blue:hover.fs--shadow:focus {
    box-shadow: 0 0 1px 2px rgba(92, 175, 229, .45)
}

.btn-h-outline-blue[class*=btn-outline-]:hover {
    background-color: rgba(92, 175, 229, .05)
}

.btn-h-light-blue:hover {
    color: #1b8ad2;
    background-color: #e4f2fc;
    border-color: #b0d9f5
}

.btn-h-lighter-blue:hover {
    color: #1b8ad2;
    background-color: #edf7fd;
    border-color: #b9def6
}

.btn-h-red:hover {
    background-color: #e85050;
    border-color: #e83c3c;
    color: #fff
}

.btn-h-red:hover.fs--shadow.focus,
.btn-h-red:hover.fs--shadow:focus {
    box-shadow: 0 0 1px 2px rgba(237, 101, 101, .45)
}

.btn-h-outline-red:hover {
    color: #d02f2f;
    border-color: #ed6565;
    background-color: transparent
}

.btn-h-outline-red:hover.fs--shadow:focus {
    box-shadow: 0 0 1px 2px rgba(237, 101, 101, .45)
}

.btn-h-outline-red[class*=btn-outline-]:hover {
    background-color: rgba(237, 101, 101, .05)
}

.btn-h-light-red:hover {
    color: #ea1e1e;
    background-color: #fdeaea;
    border-color: #f9b9b9
}

.btn-h-lighter-red:hover {
    color: #ea1e1e;
    background-color: #fef3f3;
    border-color: #f9c2c2
}

.btn-h-green:hover {
    background-color: #51c293;
    border-color: #40c08a;
    color: #fff
}

.btn-h-green:hover.fs--shadow.focus,
.btn-h-green:hover.fs--shadow:focus {
    box-shadow: 0 0 1px 2px rgba(98, 203, 159, .45)
}

.btn-h-outline-green:hover {
    color: #4ab588;
    border-color: #62cb9f;
    background-color: transparent
}

.btn-h-outline-green:hover.fs--shadow:focus {
    box-shadow: 0 0 1px 2px rgba(98, 203, 159, .45)
}

.btn-h-outline-green[class*=btn-outline-]:hover {
    background-color: rgba(98, 203, 159, .05)
}

.btn-h-light-green:hover {
    color: #34af7b;
    background-color: #e5f7f0;
    border-color: #b6e9d4
}

.btn-h-lighter-green:hover {
    color: #34af7b;
    background-color: #edfaf4;
    border-color: #bdecd8
}

.btn-a-default:not(:disabled):not(.disabled).active,
.btn-a-default:not(:disabled):not(.disabled):active,
.show > .btn.btn-a-default.dropdown-toggle {
    color: #fff;
    background-color: #7ba8c3;
    border-color: #6ba0bf
}

.btn-a-default:not(:disabled):not(.disabled).active.fs--shadow:focus,
.btn-a-default:not(:disabled):not(.disabled):active.fs--shadow:focus,
.show > .btn.btn-a-default.dropdown-toggle.fs--shadow:focus {
    box-shadow: 0 0 1px 2px rgba(139, 180, 205, .45)
}

.btn-a-outline-default:not(:disabled):not(.disabled).active,
.btn-a-outline-default:not(:disabled):not(.disabled):active,
.show > .btn.btn-a-outline-default.dropdown-toggle {
    color: #54839f;
    border-color: #a9bdc9;
    background-color: rgba(139, 180, 205, .05)
}

.btn-a-outline-default:not(:disabled):not(.disabled).active.fs--shadow:focus,
.btn-a-outline-default:not(:disabled):not(.disabled):active.fs--shadow:focus,
.show > .btn.btn-a-outline-default.dropdown-toggle.fs--shadow:focus {
    box-shadow: 0 0 1px 2px rgba(139, 180, 205, .45)
}

.btn-a-light-default:not(:disabled):not(.disabled).active,
.btn-a-light-default:not(:disabled):not(.disabled):active,
.show > .btn.btn-a-light-default.dropdown-toggle {
    color: #3e7a9d;
    background-color: #d7e7ef;
    border-color: #aecddf
}

.btn-a-lighter-default:not(:disabled):not(.disabled).active,
.btn-a-lighter-default:not(:disabled):not(.disabled):active,
.show > .btn.btn-a-lighter-default.dropdown-toggle {
    color: #3e7a9d;
    background-color: #dfebf2;
    border-color: #b5d2e2
}

.btn-a-primary:not(:disabled):not(.disabled).active,
.btn-a-primary:not(:disabled):not(.disabled):active,
.show > .btn.btn-a-primary.dropdown-toggle {
    color: #fff;
    background-color: #478dc1;
    border-color: #3b83b9
}

.btn-a-primary:not(:disabled):not(.disabled).active.fs--shadow:focus,
.btn-a-primary:not(:disabled):not(.disabled):active.fs--shadow:focus,
.show > .btn.btn-a-primary.dropdown-toggle.fs--shadow:focus {
    box-shadow: 0 0 1px 2px rgba(88, 153, 202, .45)
}

.btn-a-outline-primary:not(:disabled):not(.disabled).active,
.btn-a-outline-primary:not(:disabled):not(.disabled):active,
.show > .btn.btn-a-outline-primary.dropdown-toggle {
    color: #4581ad;
    border-color: #5899ca;
    background-color: rgba(88, 153, 202, .05)
}

.btn-a-outline-primary:not(:disabled):not(.disabled).active.fs--shadow:focus,
.btn-a-outline-primary:not(:disabled):not(.disabled):active.fs--shadow:focus,
.show > .btn.btn-a-outline-primary.dropdown-toggle.fs--shadow:focus {
    box-shadow: 0 0 1px 2px rgba(88, 153, 202, .45)
}

.btn-a-light-primary:not(:disabled):not(.disabled).active,
.btn-a-light-primary:not(:disabled):not(.disabled):active,
.show > .btn.btn-a-light-primary.dropdown-toggle {
    color: #2a6794;
    background-color: #d3e5f3;
    border-color: #9fc7e4
}

.btn-a-lighter-primary:not(:disabled):not(.disabled).active,
.btn-a-lighter-primary:not(:disabled):not(.disabled):active,
.show > .btn.btn-a-lighter-primary.dropdown-toggle {
    color: #2a6794;
    background-color: #dbeaf5;
    border-color: #a7cbe6
}

.btn-a-secondary:not(:disabled):not(.disabled).active,
.btn-a-secondary:not(:disabled):not(.disabled):active,
.show > .btn.btn-a-secondary.dropdown-toggle {
    color: #fff;
    background-color: #8d9da6;
    border-color: #80949f
}

.btn-a-secondary:not(:disabled):not(.disabled).active.fs--shadow:focus,
.btn-a-secondary:not(:disabled):not(.disabled):active.fs--shadow:focus,
.show > .btn.btn-a-secondary.dropdown-toggle.fs--shadow:focus {
    box-shadow: 0 0 1px 2px rgba(154, 170, 179, .45)
}

.btn-a-outline-secondary:not(:disabled):not(.disabled).active,
.btn-a-outline-secondary:not(:disabled):not(.disabled):active,
.show > .btn.btn-a-outline-secondary.dropdown-toggle {
    color: #6c7e87;
    border-color: #9aaab3;
    background-color: rgba(154, 170, 179, .05)
}

.btn-a-outline-secondary:not(:disabled):not(.disabled).active.fs--shadow:focus,
.btn-a-outline-secondary:not(:disabled):not(.disabled):active.fs--shadow:focus,
.show > .btn.btn-a-outline-secondary.dropdown-toggle.fs--shadow:focus {
    box-shadow: 0 0 1px 2px rgba(154, 170, 179, .45)
}

.btn-a-light-secondary:not(:disabled):not(.disabled).active,
.btn-a-light-secondary:not(:disabled):not(.disabled):active,
.show > .btn.btn-a-light-secondary.dropdown-toggle {
    color: #597380;
    background-color: #dee5e8;
    border-color: #bcc9d0
}

.btn-a-lighter-secondary:not(:disabled):not(.disabled).active,
.btn-a-lighter-secondary:not(:disabled):not(.disabled):active,
.show > .btn.btn-a-lighter-secondary.dropdown-toggle {
    color: #597380;
    background-color: #e4e9ec;
    border-color: #c2ced4
}

.btn-a-info:not(:disabled):not(.disabled).active,
.btn-a-info:not(:disabled):not(.disabled):active,
.show > .btn.btn-a-info.dropdown-toggle {
    color: #fff;
    background-color: #44abd3;
    border-color: #31a4d2
}

.btn-a-info:not(:disabled):not(.disabled).active.fs--shadow:focus,
.btn-a-info:not(:disabled):not(.disabled):active.fs--shadow:focus,
.show > .btn.btn-a-info.dropdown-toggle.fs--shadow:focus {
    box-shadow: 0 0 1px 2px rgba(87, 181, 218, .45)
}

.btn-a-outline-info:not(:disabled):not(.disabled).active,
.btn-a-outline-info:not(:disabled):not(.disabled):active,
.show > .btn.btn-a-outline-info.dropdown-toggle {
    color: #3995b9;
    border-color: #57b5da;
    background-color: rgba(87, 181, 218, .05)
}

.btn-a-outline-info:not(:disabled):not(.disabled).active.fs--shadow:focus,
.btn-a-outline-info:not(:disabled):not(.disabled):active.fs--shadow:focus,
.show > .btn.btn-a-outline-info.dropdown-toggle.fs--shadow:focus {
    box-shadow: 0 0 1px 2px rgba(87, 181, 218, .45)
}

.btn-a-light-info:not(:disabled):not(.disabled).active,
.btn-a-light-info:not(:disabled):not(.disabled):active,
.show > .btn.btn-a-light-info.dropdown-toggle {
    color: #2185ad;
    background-color: #d1ecf6;
    border-color: #9dd6ec
}

.btn-a-lighter-info:not(:disabled):not(.disabled).active,
.btn-a-lighter-info:not(:disabled):not(.disabled):active,
.show > .btn.btn-a-lighter-info.dropdown-toggle {
    color: #2185ad;
    background-color: #daeff8;
    border-color: #a6d9ee
}

.btn-a-success:not(:disabled):not(.disabled).active,
.btn-a-success:not(:disabled):not(.disabled):active,
.show > .btn.btn-a-success.dropdown-toggle {
    color: #fff;
    background-color: #64b364;
    border-color: #54ae54
}

.btn-a-success:not(:disabled):not(.disabled).active.fs--shadow:focus,
.btn-a-success:not(:disabled):not(.disabled):active.fs--shadow:focus,
.show > .btn.btn-a-success.dropdown-toggle.fs--shadow:focus {
    box-shadow: 0 0 1px 2px rgba(115, 189, 115, .45)
}

.btn-a-outline-success:not(:disabled):not(.disabled).active,
.btn-a-outline-success:not(:disabled):not(.disabled):active,
.show > .btn.btn-a-outline-success.dropdown-toggle {
    color: #559d55;
    border-color: #73bd73;
    background-color: rgba(115, 189, 115, .05)
}

.btn-a-outline-success:not(:disabled):not(.disabled).active.fs--shadow:focus,
.btn-a-outline-success:not(:disabled):not(.disabled):active.fs--shadow:focus,
.show > .btn.btn-a-outline-success.dropdown-toggle.fs--shadow:focus {
    box-shadow: 0 0 1px 2px rgba(115, 189, 115, .45)
}

.btn-a-light-success:not(:disabled):not(.disabled).active,
.btn-a-light-success:not(:disabled):not(.disabled):active,
.show > .btn.btn-a-light-success.dropdown-toggle {
    color: #3d8f3d;
    background-color: #d8eed8;
    border-color: #addcad
}

.btn-a-lighter-success:not(:disabled):not(.disabled).active,
.btn-a-lighter-success:not(:disabled):not(.disabled):active,
.show > .btn.btn-a-lighter-success.dropdown-toggle {
    color: #3d8f3d;
    background-color: #dff1df;
    border-color: #b4dfb4
}

.btn-a-danger:not(:disabled):not(.disabled).active,
.btn-a-danger:not(:disabled):not(.disabled):active,
.show > .btn.btn-a-danger.dropdown-toggle {
    color: #fff;
    background-color: #d65944;
    border-color: #d54831
}

.btn-a-danger:not(:disabled):not(.disabled).active.fs--shadow:focus,
.btn-a-danger:not(:disabled):not(.disabled):active.fs--shadow:focus,
.show > .btn.btn-a-danger.dropdown-toggle.fs--shadow:focus {
    box-shadow: 0 0 1px 2px rgba(221, 106, 87, .45)
}

.btn-a-outline-danger:not(:disabled):not(.disabled).active,
.btn-a-outline-danger:not(:disabled):not(.disabled):active,
.show > .btn.btn-a-outline-danger.dropdown-toggle {
    color: #bb4b37;
    border-color: red;
    background-color: rgba(221, 106, 87, .05)
}

.btn-a-outline-danger:not(:disabled):not(.disabled).active.fs--shadow:focus,
.btn-a-outline-danger:not(:disabled):not(.disabled):active.fs--shadow:focus,
.show > .btn.btn-a-outline-danger.dropdown-toggle.fs--shadow:focus {
    box-shadow: 0 0 1px 2px rgba(221, 106, 87, .45)
}

.btn-a-light-danger:not(:disabled):not(.disabled).active,
.btn-a-light-danger:not(:disabled):not(.disabled):active,
.show > .btn.btn-a-light-danger.dropdown-toggle {
    color: #b2341f;
    background-color: #f7d8d3;
    border-color: #eea99e
}

.btn-a-lighter-danger:not(:disabled):not(.disabled).active,
.btn-a-lighter-danger:not(:disabled):not(.disabled):active,
.show > .btn.btn-a-lighter-danger.dropdown-toggle {
    color: #b2341f;
    background-color: #f9e0dc;
    border-color: #f0b1a7
}

.btn-a-warning:not(:disabled):not(.disabled).active,
.btn-a-warning:not(:disabled):not(.disabled):active,
.show > .btn.btn-a-warning.dropdown-toggle {
    color: #fff;
    background-color: #eba32e;
    border-color: #eb9c19
}

.btn-a-warning:not(:disabled):not(.disabled).active.fs--shadow:focus,
.btn-a-warning:not(:disabled):not(.disabled):active.fs--shadow:focus,
.show > .btn.btn-a-warning.dropdown-toggle.fs--shadow:focus {
    box-shadow: 0 0 1px 2px rgba(239, 174, 67, .45)
}

.btn-a-outline-warning:not(:disabled):not(.disabled).active,
.btn-a-outline-warning:not(:disabled):not(.disabled):active,
.show > .btn.btn-a-outline-warning.dropdown-toggle {
    color: #cd8d25;
    border-color: #ff9800;
    background-color: rgba(239, 174, 67, .05)
}

.btn-a-outline-warning:not(:disabled):not(.disabled).active.fs--shadow:focus,
.btn-a-outline-warning:not(:disabled):not(.disabled):active.fs--shadow:focus,
.show > .btn.btn-a-outline-warning.dropdown-toggle.fs--shadow:focus {
    box-shadow: 0 0 1px 2px rgba(239, 174, 67, .45)
}

.btn-a-light-warning:not(:disabled):not(.disabled).active,
.btn-a-light-warning:not(:disabled):not(.disabled):active,
.show > .btn.btn-a-light-warning.dropdown-toggle {
    color: #c27e0c;
    background-color: #fceacc;
    border-color: #f8d292
}

.btn-a-lighter-warning:not(:disabled):not(.disabled).active,
.btn-a-lighter-warning:not(:disabled):not(.disabled):active,
.show > .btn.btn-a-lighter-warning.dropdown-toggle {
    color: #c27e0c;
    background-color: #fceed6;
    border-color: #f9d69c
}

.btn-a-dark:not(:disabled):not(.disabled).active,
.btn-a-dark:not(:disabled):not(.disabled):active,
.show > .btn.btn-a-dark.dropdown-toggle {
    color: #fff;
    background-color: #46484a;
    border-color: #3b3e41
}

.btn-a-dark:not(:disabled):not(.disabled).active.fs--shadow:focus,
.btn-a-dark:not(:disabled):not(.disabled):active.fs--shadow:focus,
.show > .btn.btn-a-dark.dropdown-toggle.fs--shadow:focus {
    box-shadow: 0 0 1px 2px rgba(81, 85, 89, .45)
}

.btn-a-outline-dark:not(:disabled):not(.disabled).active,
.btn-a-outline-dark:not(:disabled):not(.disabled):active,
.show > .btn.btn-a-outline-dark.dropdown-toggle {
    color: #474a4e;
    border-color: #515559;
    background-color: rgba(81, 85, 89, .05)
}

.btn-a-outline-dark:not(:disabled):not(.disabled).active.fs--shadow:focus,
.btn-a-outline-dark:not(:disabled):not(.disabled):active.fs--shadow:focus,
.show > .btn.btn-a-outline-dark.dropdown-toggle.fs--shadow:focus {
    box-shadow: 0 0 1px 2px rgba(81, 85, 89, .45)
}

.btn-a-light-dark:not(:disabled):not(.disabled).active,
.btn-a-light-dark:not(:disabled):not(.disabled):active,
.show > .btn.btn-a-light-dark.dropdown-toggle {
    color: #202326;
    background-color: #d9dcdf;
    border-color: #a3aab2
}

.btn-a-lighter-dark:not(:disabled):not(.disabled).active,
.btn-a-lighter-dark:not(:disabled):not(.disabled):active,
.show > .btn.btn-a-lighter-dark.dropdown-toggle {
    color: #202326;
    background-color: #dfe1e4;
    border-color: #a9b0b6
}

.btn-a-light:not(:disabled):not(.disabled).active,
.btn-a-light:not(:disabled):not(.disabled):active,
.show > .btn.btn-a-light.dropdown-toggle {
    color: #757984;
    background-color: #eaecf2;
    border-color: #c3c7d0
}

.btn-a-light:not(:disabled):not(.disabled).active.fs--shadow:focus,
.btn-a-light:not(:disabled):not(.disabled):active.fs--shadow:focus,
.show > .btn.btn-a-light.dropdown-toggle.fs--shadow:focus {
    box-shadow: 0 0 1px 2px rgba(221, 223, 228, .45)
}

.btn-a-outline-light:not(:disabled):not(.disabled).active,
.btn-a-outline-light:not(:disabled):not(.disabled):active,
.show > .btn.btn-a-outline-light.dropdown-toggle {
    color: #515151;
    border-color: #dddfe4;
    background-color: rgba(245, 246, 249, .05)
}

.btn-a-outline-light:not(:disabled):not(.disabled).active.fs--shadow:focus,
.btn-a-outline-light:not(:disabled):not(.disabled):active.fs--shadow:focus,
.show > .btn.btn-a-outline-light.dropdown-toggle.fs--shadow:focus {
    box-shadow: 0 0 1px 2px rgba(221, 223, 228, .45)
}

.btn-a-light-light:not(:disabled):not(.disabled).active,
.btn-a-light-light:not(:disabled):not(.disabled):active,
.show > .btn.btn-a-light-light.dropdown-toggle {
    color: #b5bdd6;
    background-color: #eeecec;
    border-color: #e4e7f0
}

.btn-a-lighter-light:not(:disabled):not(.disabled).active,
.btn-a-lighter-light:not(:disabled):not(.disabled):active,
.show > .btn.btn-a-lighter-light.dropdown-toggle {
    color: #b5bdd6;
    background-color: #eeecec;
    border-color: #eeecec
}

.btn-a-white:not(:disabled):not(.disabled).active,
.btn-a-white:not(:disabled):not(.disabled):active,
.show > .btn.btn-a-white.dropdown-toggle {
    color: #606060;
    background-color: #fff;
    border-color: #d7d7d7
}

.btn-a-white:not(:disabled):not(.disabled).active.fs--shadow:focus,
.btn-a-white:not(:disabled):not(.disabled):active.fs--shadow:focus,
.show > .btn.btn-a-white.dropdown-toggle.fs--shadow:focus {
    box-shadow: 0 0 1px 2px rgba(238, 238, 238, .45)
}

.btn-a-outline-white:not(:disabled):not(.disabled).active,
.btn-a-outline-white:not(:disabled):not(.disabled):active,
.show > .btn.btn-a-outline-white.dropdown-toggle {
    color: #f2f2f2;
    border-color: #fff;
    background-color: rgba(255, 255, 255, .05)
}

.btn-a-outline-white:not(:disabled):not(.disabled).active.fs--shadow:focus,
.btn-a-outline-white:not(:disabled):not(.disabled):active.fs--shadow:focus,
.show > .btn.btn-a-outline-white.dropdown-toggle.fs--shadow:focus {
    box-shadow: 0 0 1px 2px rgba(238, 238, 238, .45)
}

.btn-a-black:not(:disabled):not(.disabled).active,
.btn-a-black:not(:disabled):not(.disabled):active,
.show > .btn.btn-a-black.dropdown-toggle {
    color: #fff;
    background-color: #26282a;
    border-color: #1c1e20
}

.btn-a-black:not(:disabled):not(.disabled).active.fs--shadow:focus,
.btn-a-black:not(:disabled):not(.disabled):active.fs--shadow:focus,
.show > .btn.btn-a-black.dropdown-toggle.fs--shadow:focus {
    box-shadow: 0 0 1px 2px rgba(49, 53, 57, .45)
}

.btn-a-outline-black:not(:disabled):not(.disabled).active,
.btn-a-outline-black:not(:disabled):not(.disabled):active,
.show > .btn.btn-a-outline-black.dropdown-toggle {
    color: #2b2f31;
    border-color: #414549;
    background-color: rgba(49, 53, 57, .05)
}

.btn-a-outline-black:not(:disabled):not(.disabled).active.fs--shadow:focus,
.btn-a-outline-black:not(:disabled):not(.disabled):active.fs--shadow:focus,
.show > .btn.btn-a-outline-black.dropdown-toggle.fs--shadow:focus {
    box-shadow: 0 0 1px 2px rgba(49, 53, 57, .45)
}

.btn-a-light-black:not(:disabled):not(.disabled).active,
.btn-a-light-black:not(:disabled):not(.disabled):active,
.show > .btn.btn-a-light-black.dropdown-toggle {
    color: #030304;
    background-color: #d2d7dc;
    border-color: #919da8
}

.btn-a-lighter-black:not(:disabled):not(.disabled).active,
.btn-a-lighter-black:not(:disabled):not(.disabled):active,
.show > .btn.btn-a-lighter-black.dropdown-toggle {
    color: #030304;
    background-color: #d8dce0;
    border-color: #97a2ad
}

.btn-a-grey:not(:disabled):not(.disabled).active,
.btn-a-grey:not(:disabled):not(.disabled):active,
.show > .btn.btn-a-grey.dropdown-toggle {
    color: #fff;
    background-color: #828386;
    border-color: #76787e
}

.btn-a-grey:not(:disabled):not(.disabled).active.fs--shadow:focus,
.btn-a-grey:not(:disabled):not(.disabled):active.fs--shadow:focus,
.show > .btn.btn-a-grey.dropdown-toggle.fs--shadow:focus {
    box-shadow: 0 0 1px 2px rgba(141, 143, 149, .45)
}

.btn-a-outline-grey:not(:disabled):not(.disabled).active,
.btn-a-outline-grey:not(:disabled):not(.disabled):active,
.show > .btn.btn-a-outline-grey.dropdown-toggle {
    color: #616161;
    border-color: #8d8f95;
    background-color: rgba(141, 143, 149, .05)
}

.btn-a-outline-grey:not(:disabled):not(.disabled).active.fs--shadow:focus,
.btn-a-outline-grey:not(:disabled):not(.disabled):active.fs--shadow:focus,
.show > .btn.btn-a-outline-grey.dropdown-toggle.fs--shadow:focus {
    box-shadow: 0 0 1px 2px rgba(141, 143, 149, .45)
}

.btn-a-light-grey:not(:disabled):not(.disabled).active,
.btn-a-light-grey:not(:disabled):not(.disabled):active,
.show > .btn.btn-a-light-grey.dropdown-toggle {
    color: #585c67;
    background-color: #e1e2e5;
    border-color: #bdbfc6
}

.btn-a-lighter-grey:not(:disabled):not(.disabled).active,
.btn-a-lighter-grey:not(:disabled):not(.disabled):active,
.show > .btn.btn-a-lighter-grey.dropdown-toggle {
    color: #585c67;
    background-color: #e6e7ea;
    border-color: #c3c5cb
}

.btn-a-purple:not(:disabled):not(.disabled).active,
.btn-a-purple:not(:disabled):not(.disabled):active,
.show > .btn.btn-a-purple.dropdown-toggle {
    color: #fff;
    background-color: #8573b6;
    border-color: #7863b1
}

.btn-a-purple:not(:disabled):not(.disabled).active.fs--shadow:focus,
.btn-a-purple:not(:disabled):not(.disabled):active.fs--shadow:focus,
.show > .btn.btn-a-purple.dropdown-toggle.fs--shadow:focus {
    box-shadow: 0 0 1px 2px rgba(147, 130, 192, .45)
}

.btn-a-outline-purple:not(:disabled):not(.disabled).active,
.btn-a-outline-purple:not(:disabled):not(.disabled):active,
.show > .btn.btn-a-outline-purple.dropdown-toggle {
    color: #6a589a;
    border-color: #9382c0;
    background-color: rgba(147, 130, 192, .05)
}

.btn-a-outline-purple:not(:disabled):not(.disabled).active.fs--shadow:focus,
.btn-a-outline-purple:not(:disabled):not(.disabled):active.fs--shadow:focus,
.show > .btn.btn-a-outline-purple.dropdown-toggle.fs--shadow:focus {
    box-shadow: 0 0 1px 2px rgba(147, 130, 192, .45)
}

.btn-a-light-purple:not(:disabled):not(.disabled).active,
.btn-a-light-purple:not(:disabled):not(.disabled):active,
.show > .btn.btn-a-light-purple.dropdown-toggle {
    color: #584392;
    background-color: #dfdaee;
    border-color: #bcb0db
}

.btn-a-lighter-purple:not(:disabled):not(.disabled).active,
.btn-a-lighter-purple:not(:disabled):not(.disabled):active,
.show > .btn.btn-a-lighter-purple.dropdown-toggle {
    color: #584392;
    background-color: #e5e1f1;
    border-color: #c2b7de
}

.btn-a-pink:not(:disabled):not(.disabled).active,
.btn-a-pink:not(:disabled):not(.disabled):active,
.show > .btn.btn-a-pink.dropdown-toggle {
    color: #fff;
    background-color: #cf4a7d;
    border-color: #cd3771
}

.btn-a-pink:not(:disabled):not(.disabled).active.fs--shadow:focus,
.btn-a-pink:not(:disabled):not(.disabled):active.fs--shadow:focus,
.show > .btn.btn-a-pink.dropdown-toggle.fs--shadow:focus {
    box-shadow: 0 0 1px 2px rgba(214, 92, 139, .45)
}

.btn-a-outline-pink:not(:disabled):not(.disabled).active,
.btn-a-outline-pink:not(:disabled):not(.disabled):active,
.show > .btn.btn-a-outline-pink.dropdown-toggle {
    color: #b53e6b;
    border-color: #d65c8b;
    background-color: rgba(214, 92, 139, .05)
}

.btn-a-outline-pink:not(:disabled):not(.disabled).active.fs--shadow:focus,
.btn-a-outline-pink:not(:disabled):not(.disabled):active.fs--shadow:focus,
.show > .btn.btn-a-outline-pink.dropdown-toggle.fs--shadow:focus {
    box-shadow: 0 0 1px 2px rgba(214, 92, 139, .45)
}

.btn-a-light-pink:not(:disabled):not(.disabled).active,
.btn-a-light-pink:not(:disabled):not(.disabled):active,
.show > .btn.btn-a-light-pink.dropdown-toggle {
    color: #a92558;
    background-color: #f5d3e0;
    border-color: #eaa0bd
}

.btn-a-lighter-pink:not(:disabled):not(.disabled).active,
.btn-a-lighter-pink:not(:disabled):not(.disabled):active,
.show > .btn.btn-a-lighter-pink.dropdown-toggle {
    color: #a92558;
    background-color: #f7dbe6;
    border-color: #eca9c2
}

.btn-a-yellow:not(:disabled):not(.disabled).active,
.btn-a-yellow:not(:disabled):not(.disabled):active,
.show > .btn.btn-a-yellow.dropdown-toggle {
    color: #963;
    background-color: #f0de66;
    border-color: #f1ce2e
}

.btn-a-yellow:not(:disabled):not(.disabled).active.fs--shadow:focus,
.btn-a-yellow:not(:disabled):not(.disabled):active.fs--shadow:focus,
.show > .btn.btn-a-yellow.dropdown-toggle.fs--shadow:focus {
    box-shadow: 0 0 1px 2px rgba(244, 216, 89, .45)
}

.btn-a-outline-yellow:not(:disabled):not(.disabled).active,
.btn-a-outline-yellow:not(:disabled):not(.disabled):active,
.show > .btn.btn-a-outline-yellow.dropdown-toggle {
    color: #a86b2f;
    border-color: #f4d859;
    background-color: rgba(244, 228, 124, .05)
}

.btn-a-outline-yellow:not(:disabled):not(.disabled).active.fs--shadow:focus,
.btn-a-outline-yellow:not(:disabled):not(.disabled):active.fs--shadow:focus,
.show > .btn.btn-a-outline-yellow.dropdown-toggle.fs--shadow:focus {
    box-shadow: 0 0 1px 2px rgba(244, 216, 89, .45)
}

.btn-a-light-yellow:not(:disabled):not(.disabled).active,
.btn-a-light-yellow:not(:disabled):not(.disabled):active,
.show > .btn.btn-a-light-yellow.dropdown-toggle {
    color: #f1d51b;
    background-color: #fcf7d4;
    border-color: #faefaa
}

.btn-a-lighter-yellow:not(:disabled):not(.disabled).active,
.btn-a-lighter-yellow:not(:disabled):not(.disabled):active,
.show > .btn.btn-a-lighter-yellow.dropdown-toggle {
    color: #f1d51b;
    background-color: #eeecec;
    border-color: #faf1b3
}

.btn-a-lightgrey:not(:disabled):not(.disabled).active,
.btn-a-lightgrey:not(:disabled):not(.disabled):active,
.show > .btn.btn-a-lightgrey.dropdown-toggle {
    color: #fff;
    background-color: #9da0a5;
    border-color: #91969d
}

.btn-a-lightgrey:not(:disabled):not(.disabled).active.fs--shadow:focus,
.btn-a-lightgrey:not(:disabled):not(.disabled):active.fs--shadow:focus,
.show > .btn.btn-a-lightgrey.dropdown-toggle.fs--shadow:focus {
    box-shadow: 0 0 1px 2px rgba(169, 173, 179, .45)
}

.btn-a-outline-lightgrey:not(:disabled):not(.disabled).active,
.btn-a-outline-lightgrey:not(:disabled):not(.disabled):active,
.show > .btn.btn-a-outline-lightgrey.dropdown-toggle {
    color: #74797e;
    border-color: #d0d5da;
    background-color: rgba(169, 173, 179, .05)
}

.btn-a-outline-lightgrey:not(:disabled):not(.disabled).active.fs--shadow:focus,
.btn-a-outline-lightgrey:not(:disabled):not(.disabled):active.fs--shadow:focus,
.show > .btn.btn-a-outline-lightgrey.dropdown-toggle.fs--shadow:focus {
    box-shadow: 0 0 1px 2px rgba(169, 173, 179, .45)
}

.btn-a-light-lightgrey:not(:disabled):not(.disabled).active,
.btn-a-light-lightgrey:not(:disabled):not(.disabled):active,
.show > .btn.btn-a-light-lightgrey.dropdown-toggle {
    color: #707a89;
    background-color: #e2e4e8;
    border-color: #c7cbd1
}

.btn-a-lighter-lightgrey:not(:disabled):not(.disabled).active,
.btn-a-lighter-lightgrey:not(:disabled):not(.disabled):active,
.show > .btn.btn-a-lighter-lightgrey.dropdown-toggle {
    color: #707a89;
    background-color: #e8eaec;
    border-color: #cdd1d6
}

.btn-a-brown:not(:disabled):not(.disabled).active,
.btn-a-brown:not(:disabled):not(.disabled):active,
.show > .btn.btn-a-brown.dropdown-toggle {
    color: #fff;
    background-color: #bc905b;
    border-color: #b8864a
}

.btn-a-brown:not(:disabled):not(.disabled).active.fs--shadow:focus,
.btn-a-brown:not(:disabled):not(.disabled):active.fs--shadow:focus,
.show > .btn.btn-a-brown.dropdown-toggle.fs--shadow:focus {
    box-shadow: 0 0 1px 2px rgba(197, 156, 107, .45)
}

.btn-a-outline-brown:not(:disabled):not(.disabled).active,
.btn-a-outline-brown:not(:disabled):not(.disabled):active,
.show > .btn.btn-a-outline-brown.dropdown-toggle {
    color: #a57e4e;
    border-color: #c59c6b;
    background-color: rgba(197, 156, 107, .05)
}

.btn-a-outline-brown:not(:disabled):not(.disabled).active.fs--shadow:focus,
.btn-a-outline-brown:not(:disabled):not(.disabled):active.fs--shadow:focus,
.show > .btn.btn-a-outline-brown.dropdown-toggle.fs--shadow:focus {
    box-shadow: 0 0 1px 2px rgba(197, 156, 107, .45)
}

.btn-a-light-brown:not(:disabled):not(.disabled).active,
.btn-a-light-brown:not(:disabled):not(.disabled):active,
.show > .btn.btn-a-light-brown.dropdown-toggle {
    color: #976b36;
    background-color: #f0e4d6;
    border-color: #e0c7a8
}

.btn-a-lighter-brown:not(:disabled):not(.disabled).active,
.btn-a-lighter-brown:not(:disabled):not(.disabled):active,
.show > .btn.btn-a-lighter-brown.dropdown-toggle {
    color: #976b36;
    background-color: #f3e9dd;
    border-color: #e3cbb0
}

.btn-a-blue:not(:disabled):not(.disabled).active,
.btn-a-blue:not(:disabled):not(.disabled):active,
.show > .btn.btn-a-blue.dropdown-toggle {
    color: #fff;
    background-color: #48a4e0;
    border-color: #349cdf
}

.btn-a-blue:not(:disabled):not(.disabled).active.fs--shadow:focus,
.btn-a-blue:not(:disabled):not(.disabled):active.fs--shadow:focus,
.show > .btn.btn-a-blue.dropdown-toggle.fs--shadow:focus {
    box-shadow: 0 0 1px 2px rgba(92, 175, 229, .45)
}

.btn-a-outline-blue:not(:disabled):not(.disabled).active,
.btn-a-outline-blue:not(:disabled):not(.disabled):active,
.show > .btn.btn-a-outline-blue.dropdown-toggle {
    color: #3288c1;
    border-color: #5cafe5;
    background-color: rgba(92, 175, 229, .05)
}

.btn-a-outline-blue:not(:disabled):not(.disabled).active.fs--shadow:focus,
.btn-a-outline-blue:not(:disabled):not(.disabled):active.fs--shadow:focus,
.show > .btn.btn-a-outline-blue.dropdown-toggle.fs--shadow:focus {
    box-shadow: 0 0 1px 2px rgba(92, 175, 229, .45)
}

.btn-a-light-blue:not(:disabled):not(.disabled).active,
.btn-a-light-blue:not(:disabled):not(.disabled):active,
.show > .btn.btn-a-light-blue.dropdown-toggle {
    color: #187bbb;
    background-color: #cee8f9;
    border-color: #99cff2
}

.btn-a-lighter-blue:not(:disabled):not(.disabled).active,
.btn-a-lighter-blue:not(:disabled):not(.disabled):active,
.show > .btn.btn-a-lighter-blue.dropdown-toggle {
    color: #187bbb;
    background-color: #d7ecfa;
    border-color: #a2d3f3
}

.btn-a-red:not(:disabled):not(.disabled).active,
.btn-a-red:not(:disabled):not(.disabled):active,
.show > .btn.btn-a-red.dropdown-toggle {
    color: #fff;
    background-color: #e85050;
    border-color: #e83c3c
}

.btn-a-red:not(:disabled):not(.disabled).active.fs--shadow:focus,
.btn-a-red:not(:disabled):not(.disabled):active.fs--shadow:focus,
.show > .btn.btn-a-red.dropdown-toggle.fs--shadow:focus {
    box-shadow: 0 0 1px 2px rgba(237, 101, 101, .45)
}

.btn-a-outline-red:not(:disabled):not(.disabled).active,
.btn-a-outline-red:not(:disabled):not(.disabled):active,
.show > .btn.btn-a-outline-red.dropdown-toggle {
    color: #c52d2d;
    border-color: #ed6565;
    background-color: rgba(237, 101, 101, .05)
}

.btn-a-outline-red:not(:disabled):not(.disabled).active.fs--shadow:focus,
.btn-a-outline-red:not(:disabled):not(.disabled):active.fs--shadow:focus,
.show > .btn.btn-a-outline-red.dropdown-toggle.fs--shadow:focus {
    box-shadow: 0 0 1px 2px rgba(237, 101, 101, .45)
}

.btn-a-light-red:not(:disabled):not(.disabled).active,
.btn-a-light-red:not(:disabled):not(.disabled):active,
.show > .btn.btn-a-light-red.dropdown-toggle {
    color: #da1414;
    background-color: #fbd2d2;
    border-color: #f6a2a2
}

.btn-a-lighter-red:not(:disabled):not(.disabled).active,
.btn-a-lighter-red:not(:disabled):not(.disabled):active,
.show > .btn.btn-a-lighter-red.dropdown-toggle {
    color: #da1414;
    background-color: #fcdcdc;
    border-color: #f7abab
}

.btn-a-green:not(:disabled):not(.disabled).active,
.btn-a-green:not(:disabled):not(.disabled):active,
.show > .btn.btn-a-green.dropdown-toggle {
    color: #fff;
    background-color: #51c293;
    border-color: #40c08a
}

.btn-a-green:not(:disabled):not(.disabled).active.fs--shadow:focus,
.btn-a-green:not(:disabled):not(.disabled):active.fs--shadow:focus,
.show > .btn.btn-a-green.dropdown-toggle.fs--shadow:focus {
    box-shadow: 0 0 1px 2px rgba(98, 203, 159, .45)
}

.btn-a-outline-green:not(:disabled):not(.disabled).active,
.btn-a-outline-green:not(:disabled):not(.disabled):active,
.show > .btn.btn-a-outline-green.dropdown-toggle {
    color: #47ac81;
    border-color: #62cb9f;
    background-color: rgba(98, 203, 159, .05)
}

.btn-a-outline-green:not(:disabled):not(.disabled).active.fs--shadow:focus,
.btn-a-outline-green:not(:disabled):not(.disabled):active.fs--shadow:focus,
.show > .btn.btn-a-outline-green.dropdown-toggle.fs--shadow:focus {
    box-shadow: 0 0 1px 2px rgba(98, 203, 159, .45)
}

.btn-a-light-green:not(:disabled):not(.disabled).active,
.btn-a-light-green:not(:disabled):not(.disabled):active,
.show > .btn.btn-a-light-green.dropdown-toggle {
    color: #2e9b6e;
    background-color: #d2f2e4;
    border-color: #a2e3c8
}

.btn-a-lighter-green:not(:disabled):not(.disabled).active,
.btn-a-lighter-green:not(:disabled):not(.disabled):active,
.show > .btn.btn-a-lighter-green.dropdown-toggle {
    color: #2e9b6e;
    background-color: #d9f4e9;
    border-color: #aae6cd
}

.btn-a-text-default:not(.disabled):not(:disabled).active,
.btn-a-text-default:not(.disabled):not(:disabled):active,
.btn-h-text-default:hover,
.btn-text-default {
    color: #588aa7
}

.btn-a-text-primary:not(.disabled):not(:disabled).active,
.btn-a-text-primary:not(.disabled):not(:disabled):active,
.btn-h-text-primary:hover,
.btn-text-primary {
    color: #4887b7
}

.btn-a-text-secondary:not(.disabled):not(:disabled).active,
.btn-a-text-secondary:not(.disabled):not(:disabled):active,
.btn-h-text-secondary:hover,
.btn-text-secondary {
    color: #71858e
}

.btn-a-text-info:not(.disabled):not(:disabled).active,
.btn-a-text-info:not(.disabled):not(:disabled):active,
.btn-h-text-info:hover,
.btn-text-info {
    color: #3c9dc3
}

.btn-a-text-success:not(.disabled):not(:disabled).active,
.btn-a-text-success:not(.disabled):not(:disabled):active,
.btn-h-text-success:hover,
.btn-text-success {
    color: #5aa55a
}

.btn-a-text-danger:not(.disabled):not(:disabled).active,
.btn-a-text-danger:not(.disabled):not(:disabled):active,
.btn-h-text-danger:hover,
.btn-text-danger {
    color: #c54f3a
}

.btn-a-text-warning:not(.disabled):not(:disabled).active,
.btn-a-text-warning:not(.disabled):not(:disabled):active,
.btn-h-text-warning:hover,
.btn-text-warning {
    color: #d89527
}

.btn-a-text-dark:not(.disabled):not(:disabled).active,
.btn-a-text-dark:not(.disabled):not(:disabled):active,
.btn-h-text-dark:hover,
.btn-text-dark {
    color: #4b4e52
}

.btn-a-text-light:not(.disabled):not(:disabled).active,
.btn-a-text-light:not(.disabled):not(:disabled):active,
.btn-h-text-light:hover,
.btn-text-light {
    color: #555
}

.btn-a-text-white:not(.disabled):not(:disabled).active,
.btn-a-text-white:not(.disabled):not(:disabled):active,
.btn-h-text-white:hover,
.btn-text-white {
    color: #fff
}

.btn-a-text-black:not(.disabled):not(:disabled).active,
.btn-a-text-black:not(.disabled):not(:disabled):active,
.btn-h-text-black:hover,
.btn-text-black {
    color: #2d3134
}

.btn-a-text-grey:not(.disabled):not(:disabled).active,
.btn-a-text-grey:not(.disabled):not(:disabled):active,
.btn-h-text-grey:hover,
.btn-text-grey {
    color: #666
}

.btn-a-text-purple:not(.disabled):not(:disabled).active,
.btn-a-text-purple:not(.disabled):not(:disabled):active,
.btn-h-text-purple:hover,
.btn-text-purple {
    color: #705da2
}

.btn-a-text-pink:not(.disabled):not(:disabled).active,
.btn-a-text-pink:not(.disabled):not(:disabled):active,
.btn-h-text-pink:hover,
.btn-text-pink {
    color: #be4171
}

.btn-a-text-yellow:not(.disabled):not(:disabled).active,
.btn-a-text-yellow:not(.disabled):not(:disabled):active,
.btn-h-text-yellow:hover,
.btn-text-yellow {
    color: #b17131
}

.btn-a-text-lightgrey:not(.disabled):not(:disabled).active,
.btn-a-text-lightgrey:not(.disabled):not(:disabled):active,
.btn-h-text-lightgrey:hover,
.btn-text-lightgrey {
    color: #7a8085
}

.btn-a-text-brown:not(.disabled):not(:disabled).active,
.btn-a-text-brown:not(.disabled):not(:disabled):active,
.btn-h-text-brown:hover,
.btn-text-brown {
    color: #ad8452
}

.btn-a-text-blue:not(.disabled):not(:disabled).active,
.btn-a-text-blue:not(.disabled):not(:disabled):active,
.btn-h-text-blue:hover,
.btn-text-blue {
    color: #3490cb
}

.btn-a-text-red:not(.disabled):not(:disabled).active,
.btn-a-text-red:not(.disabled):not(:disabled):active,
.btn-h-text-red:hover,
.btn-text-red {
    color: #d02f2f
}

.btn-a-text-green:not(.disabled):not(:disabled).active,
.btn-a-text-green:not(.disabled):not(:disabled):active,
.btn-h-text-green:hover,
.btn-text-green {
    color: #4ab588
}

.btn-a-brc-tp:not(.disabled):not(:disabled).active,
.btn-a-brc-tp:not(.disabled):not(:disabled):active,
.btn-brc-tp,
.btn-h-brc-tp:hover {
    border-color: transparent
}

.btn-a-brc-white:not(.disabled):not(:disabled).active,
.btn-a-brc-white:not(.disabled):not(:disabled):active,
.btn-brc-white,
.btn-h-brc-white:hover {
    border-color: #fff
}

.btn-a-bgc-white:not(.disabled):not(:disabled).active,
.btn-a-bgc-white:not(.disabled):not(:disabled):active,
.btn-bgc-white,
.btn-h-bgc-white:hover,
.btn-h-bgc-white[class*=btn-h-outline-]:hover {
    background-color: #fff
}

.btn-a-bgc-tp:not(.disabled):not(:disabled).active,
.btn-a-bgc-tp:not(.disabled):not(:disabled):active,
.btn-bgc-tp,
.btn-h-bgc-tp:hover {
    background-color: transparent
}

.btn.btn-bold {
    border-width: 2px;
    font-weight: 900;
    letter-spacing: .5px;
    text-transform: uppercase
}

.btn-a-bold.active:not(.disabled):not(:disabled),
.btn-h-bold:hover {
    font-weight: 600
}

.btn.fs--outline:focus {
    outline-color: rgba(255, 255, 255, .73);
    outline-width: 1px;
    outline-style: dotted;
    outline-offset: -3px
}

.btn.fs--outline[class*=btn-light]:focus,
.btn.fs--outline[class*=btn-outline-]:focus {
    outline-color: rgba(0, 0, 0, .4)
}

.btn.fs--outline[class*=btn-h-]:not([class*=btn-h-outline]):not([class*=btn-h-light]):hover:focus {
    outline-color: rgba(255, 255, 255, .73)
}

.btn.fs--outline[class*=btn-h-light]:focus:hover,
.btn.fs--outline[class*=btn-h-outline-]:focus:hover {
    outline-color: rgba(0, 0, 0, .4)
}

.btn.fs--outline[class*=btn-a-]:not(.disabled):not(:disabled).active:focus,
.btn.fs--outline[class*=btn-a-]:not(.disabled):not(:disabled):active:focus {
    outline-color: rgba(255, 255, 255, .73)
}

.btn.fs--outline[class*=btn-a-light]:not(.disabled):not(:disabled).active:focus,
.btn.fs--outline[class*=btn-a-light]:not(.disabled):not(:disabled):active:focus,
.btn.fs--outline[class*=btn-a-outline-]:not(.disabled):not(:disabled).active:focus,
.btn.fs--outline[class*=btn-a-outline-]:not(.disabled):not(:disabled):active:focus {
    outline-color: rgba(0, 0, 0, .4)
}

.btn.fs--solid:focus {
    outline-color: rgba(255, 255, 255, .6);
    outline-width: 1px;
    outline-style: solid;
    outline-offset: -3px
}

.btn.fs--solid[class*=btn-light]:focus,
.btn.fs--solid[class*=btn-outline-]:focus {
    outline-color: rgba(0, 0, 0, .16)
}

.btn.fs--solid[class*=btn-h-]:not([class*=btn-h-outline]):not([class*=btn-h-light]):hover:focus {
    outline-color: rgba(255, 255, 255, .6)
}

.btn.fs--solid[class*=btn-h-light]:focus:hover,
.btn.fs--solid[class*=btn-h-outline-]:focus:hover {
    outline-color: rgba(0, 0, 0, .16)
}

.btn.fs--solid[class*=btn-a-]:not(.disabled):not(:disabled).active:focus,
.btn.fs--solid[class*=btn-a-]:not(.disabled):not(:disabled):active:focus {
    outline-color: rgba(255, 255, 255, .6)
}

.btn.fs--solid[class*=btn-a-light]:not(.disabled):not(:disabled).active:focus,
.btn.fs--solid[class*=btn-a-light]:not(.disabled):not(:disabled):active:focus,
.btn.fs--solid[class*=btn-a-outline-]:not(.disabled):not(:disabled).active:focus,
.btn.fs--solid[class*=btn-a-outline-]:not(.disabled):not(:disabled):active:focus {
    outline-color: rgba(0, 0, 0, .16)
}

.btn.fs--dashed:focus {
    outline-width: 1px;
    outline-style: dashed;
    outline-offset: -1px;
    outline-color: rgba(255, 255, 255, .6)
}

.btn.fs--raised.focus,
.btn.fs--raised:focus {
    box-shadow: inset 0 -2px 1px 0 rgba(0, 0, 0, .1) !important
}

.btn {
    text-align: center;
    border-radius: 10rem;
    position: relative;
    z-index: auto;
    margin-bottom: 2px;
    text-wrap: nowrap
}

.btn.disabled,
.btn:disabled {
    opacity: .5;
    pointer-events: none
}

.btn.disabled:after,
.btn:disabled:after {
    content: "";
    position: absolute;
    z-index: 2;
    border-radius: inherit;
    right: -1px;
    left: -1px;
    top: -1px;
    bottom: -1px;
    background-color: rgba(0, 0, 0, .05)
}

.btn-link {
    background: 0 0 !important;
    border: none !important;
    box-shadow: none !important
}

.btn.btn-a-raised:not(.disabled):not(:disabled).active,
.btn.btn-a-raised:not(.disabled):not(:disabled):active,
.btn.btn-h-raised:hover,
.btn.btn-raised {
    box-shadow: inset 0 -2px 1px 0 rgba(0, 0, 0, .1)
}

.btn.btn-app {
    display: inline-block;
    min-width: 7.5rem;
    line-height: 2rem;
    font-size: 1.325rem;
    font-weight: 400;
    text-align: center;
    border-radius: .825rem;
    padding: 1rem 0 .75rem;
    position: relative
}

.btn.btn-app.btn-sm {
    line-height: 1.675rem;
    min-width: 6.25rem;
    font-size: 1rem;
    padding: .875rem 0 .675rem;
    text-align: -moz-center
}

.btn.btn-app.btn-xs {
    line-height: 1.25rem;
    min-width: 5.25rem;
    font-size: 1rem;
    padding: .75rem 0 .625rem
}

.btn-app.btn-default {
    background-image: linear-gradient(to bottom, #9dc3d9 0, #71a8c7 100%);
    background-repeat: repeat-x
}

.btn-app.btn-default:hover {
    background-image: linear-gradient(to bottom, #8bb8d1 0, #5f9cc0 100%);
    background-repeat: repeat-x
}

.btn-app.btn-primary {
    background-image: linear-gradient(to bottom, #6ba8d5 0, #3c8cc8 100%);
    background-repeat: repeat-x
}

.btn-app.btn-primary:hover {
    background-image: linear-gradient(to bottom, #589cd0 0, #347eb6 100%);
    background-repeat: repeat-x
}

.btn-app.btn-secondary {
    background-image: linear-gradient(to bottom, #a8bac3 0, #849daa 100%);
    background-repeat: repeat-x
}

.btn-app.btn-secondary:hover {
    background-image: linear-gradient(to bottom, #99aeb8 0, #75919f 100%);
    background-repeat: repeat-x
}

.btn-app.btn-info {
    background-image: linear-gradient(to bottom, #6dc2e3 0, #39acd9 100%);
    background-repeat: repeat-x
}

.btn-app.btn-info:hover {
    background-image: linear-gradient(to bottom, #57b9df 0, #28a1d1 100%);
    background-repeat: repeat-x
}

.btn-app.btn-success {
    background-image: linear-gradient(to bottom, #84ca84 0, #59b859 100%);
    background-repeat: repeat-x
}

.btn-app.btn-success:hover {
    background-image: linear-gradient(to bottom, #72c372 0, #4aad4a 100%);
    background-repeat: repeat-x
}

.btn-app.btn-danger {
    background-image: linear-gradient(to bottom, #e67e6d 0, #dd5039 100%);
    background-repeat: repeat-x
}

.btn-app.btn-danger:hover {
    background-image: linear-gradient(to bottom, #e26b57 0, #d73e25 100%);
    background-repeat: repeat-x
}

.btn-app.btn-warning {
    background-image: linear-gradient(to bottom, #f5bb5c 0, #f1a322 100%);
    background-repeat: repeat-x
}

.btn-app.btn-warning:hover {
    background-image: linear-gradient(to bottom, #f3b144 0, #eb980f 100%);
    background-repeat: repeat-x
}

.btn-app.btn-dark {
    background-image: linear-gradient(to bottom, #5c646d 0, #40464c 100%);
    background-repeat: repeat-x
}

.btn-app.btn-dark:hover {
    background-image: linear-gradient(to bottom, #50585f 0, #34393e 100%);
    background-repeat: repeat-x
}

.btn-app.btn-light {
    background-image: linear-gradient(to bottom, #fff 0, #e1e4ee 100%);
    background-repeat: repeat-x
}

.btn-app.btn-light:hover {
    background-image: linear-gradient(to bottom, #f8f9fb 0, #d0d6e5 100%);
    background-repeat: repeat-x
}

.btn-app.btn-white {
    background-image: linear-gradient(to bottom, #fff 0, #f0efef 100%);
    background-repeat: repeat-x
}

.btn-app.btn-white:hover {
    background-image: linear-gradient(to bottom, #fff 0, #e4e2e2 100%);
    background-repeat: repeat-x
}

.btn-app.btn-black {
    background-image: linear-gradient(to bottom, #3c444c 0, #21262a 100%);
    background-repeat: repeat-x
}

.btn-app.btn-black:hover {
    background-image: linear-gradient(to bottom, #31383e 0, #16191c 100%);
    background-repeat: repeat-x
}

.btn-app.btn-grey {
    background-image: linear-gradient(to bottom, #999da8 0, #787d8b 100%);
    background-repeat: repeat-x
}

.btn-app.btn-grey:hover {
    background-image: linear-gradient(to bottom, #8b8f9c 0, #6c707e 100%);
    background-repeat: repeat-x
}

.btn-app.btn-purple {
    background-image: linear-gradient(to bottom, #a393ce 0, #7f69bb 100%);
    background-repeat: repeat-x
}

.btn-app.btn-purple:hover {
    background-image: linear-gradient(to bottom, #9482c6 0, #7058b3 100%);
    background-repeat: repeat-x
}

.btn-app.btn-pink {
    background-image: linear-gradient(to bottom, #e0719c 0, #d53f79 100%);
    background-repeat: repeat-x
}

.btn-app.btn-pink:hover {
    background-image: linear-gradient(to bottom, #db5c8d 0, #cd2d6b 100%);
    background-repeat: repeat-x
}

.btn-app.btn-yellow {
    background-image: linear-gradient(to bottom, #f9eb96 0, #f5e15c 100%);
    background-repeat: repeat-x
}

.btn-app.btn-yellow:hover {
    background-image: linear-gradient(to bottom, #f7e77e 0, #f4dc44 100%);
    background-repeat: repeat-x
}

.btn-app.btn-lightgrey {
    background-image: linear-gradient(to bottom, #b7bcc4 0, #959da8 100%);
    background-repeat: repeat-x
}

.btn-app.btn-lightgrey:hover {
    background-image: linear-gradient(to bottom, #a9afb9 0, #87909d 100%);
    background-repeat: repeat-x
}

.btn-app.btn-brown {
    background-image: linear-gradient(to bottom, #d1ab7d 0, #c18e50 100%);
    background-repeat: repeat-x
}

.btn-app.btn-brown:hover {
    background-image: linear-gradient(to bottom, #ca9f6b 0, #b78141 100%);
    background-repeat: repeat-x
}

.btn-app.btn-blue {
    background-image: linear-gradient(to bottom, #73bded 0, #3da3e6 100%);
    background-repeat: repeat-x
}

.btn-app.btn-blue:hover {
    background-image: linear-gradient(to bottom, #5db2ea 0, #2699e3 100%);
    background-repeat: repeat-x
}

.btn-app.btn-red {
    background-image: linear-gradient(to bottom, #f37e7e 0, #ee4646 100%);
    background-repeat: repeat-x
}

.btn-app.btn-red:hover {
    background-image: linear-gradient(to bottom, #f16666 0, #ec2e2e 100%);
    background-repeat: repeat-x
}

.btn-app.btn-green {
    background-image: linear-gradient(to bottom, #75d6ae 0, #46c892 100%);
    background-repeat: repeat-x
}

.btn-app.btn-green:hover {
    background-image: linear-gradient(to bottom, #62d0a2 0, #38bd85 100%);
    background-repeat: repeat-x
}

.btn-group > .btn-app + .btn-app.dropdown-toggle {
    min-width: auto
}

.btn-group:not(.btn-group-vertical) > .btn:not(:last-child) {
    margin-left: 2px
}

.btn-group.btn-group-vertical > .btn {
    margin-top: 1px
}

.btn-group > .btn-app + .btn-app.dropdown-toggle {
    padding-right: .375rem;
    padding-left: .375rem
}

.btn-group-vertical > .btn-group:first-child,
.btn-group-vertical > .btn:first-child:not(.dropdown-toggle) {
    margin-right: -1px
}

.action-btn,
.action-buttons a {
    display: inline-block;
    opacity: .88;
    margin: 0 .125rem;
    transition: all .12s
}

@media (prefers-reduced-motion:reduce) {

    .action-btn,
    .action-buttons a {
        transition: none
    }
}

.action-btn:hover,
.action-buttons a:hover {
    text-decoration: none;
    opacity: 1;
    -webkit-transform: scale(1.15);
    transform: scale(1.15)
}

.btn-text-slide {
    position: relative;
    overflow: hidden
}

.btn-text-slide .btn-text-1,
.btn-text-slide .btn-text-2 {
    display: block;
    width: 100%;
    height: 100%;
    transition: opacity .12s, -webkit-transform .12s;
    transition: transform .12s, opacity .12s;
    transition: transform .12s, opacity .12s, -webkit-transform .12s;
    transition-delay: .1s
}

@media (prefers-reduced-motion:reduce) {

    .btn-text-slide .btn-text-1,
    .btn-text-slide .btn-text-2 {
        transition: none
    }
}

.btn-text-slide .btn-text-2 {
    transition-delay: 0s;
    position: absolute;
    right: 0;
    top: 0;
    width: 100%;
    height: 100%;
    line-height: inherit;
    padding-top: inherit;
    padding-bottom: inherit
}

.btn-text-slide:hover .btn-text-1 {
    transition-delay: 0s;
    -webkit-transform: translateY(100%);
    transform: translateY(100%);
    opacity: 0
}

.btn-text-slide:hover .btn-text-1.move-up {
    -webkit-transform: translateY(-100%);
    transform: translateY(-100%)
}

.btn-text-slide:hover .btn-text-1.move-down {
    -webkit-transform: translateY(100%);
    transform: translateY(100%)
}

.btn-text-slide:hover .btn-text-1.move-right {
    -webkit-transform: translateX(-120%);
    transform: translateX(-120%)
}

.btn-text-slide:hover .btn-text-1.move-left {
    -webkit-transform: translateX(120%);
    transform: translateX(120%)
}

.btn-text-slide .btn-text-2 {
    -webkit-transform: translateY(-100%);
    transform: translateY(-100%)
}

.btn-text-slide .btn-text-2.move-down {
    -webkit-transform: translateY(-100%);
    transform: translateY(-100%)
}

.btn-text-slide .btn-text-2.move-up {
    -webkit-transform: translateY(100%);
    transform: translateY(100%)
}

.btn-text-slide .btn-text-2.move-left {
    -webkit-transform: translateX(-100%);
    transform: translateX(-100%)
}

.btn-text-slide .btn-text-2.move-right {
    -webkit-transform: translateX(100%);
    transform: translateX(100%)
}

.btn-text-slide:hover .btn-text-2 {
    -webkit-transform: none;
    transform: none;
    transition-delay: .1s
}

.btn-text-slide-x {
    position: relative;
    overflow: hidden
}

.btn-text-slide-x .btn-text-2 {
    transition: all .25s
}

@media (prefers-reduced-motion:reduce) {
    .btn-text-slide-x .btn-text-2 {
        transition: none
    }
}

.btn-text-slide-x .btn-text-2 {
    opacity: 0;
    letter-spacing: -.5rem;
    max-width: 0%;
    white-space: nowrap;
    word-break: normal;
    display: inline-block
}

.btn-text-slide-x .btn-text-2.move-right {
    -webkit-transform: translateX(100%);
    transform: translateX(100%)
}

.btn-text-slide-x .btn-text-2.move-left {
    -webkit-transform: translateX(-100%);
    transform: translateX(-100%)
}

.btn-text-slide-x:not(:hover) .btn-text-2 {
    margin-right: 0 !important;
    margin-left: 0 !important;
    padding-right: 0 !important;
    padding-left: 0 !important;
    border-right-width: 0 !important;
    border-left-width: 0 !important
}

.btn-text-slide-x:hover .btn-text-2 {
    opacity: 1;
    letter-spacing: 0;
    max-width: 100%;
    -webkit-transform: none;
    transform: none
}

.btn-text-slide-y {
    position: relative;
    overflow: hidden
}

.btn-text-slide-y .btn-text-1,
.btn-text-slide-y .btn-text-2 {
    display: block;
    transition: all .12s ease-in-out
}

@media (prefers-reduced-motion:reduce) {

    .btn-text-slide-y .btn-text-1,
    .btn-text-slide-y .btn-text-2 {
        transition: none
    }
}

.btn-text-slide-y .btn-text-2 {
    -webkit-transform: translateY(100%);
    transform: translateY(100%);
    position: absolute;
    right: 0;
    bottom: 0;
    width: 100%
}

.btn-text-slide-y:hover .btn-text-1 {
    -webkit-transform: translateY(-30%) scale(.8);
    transform: translateY(-30%) scale(.8)
}

.btn-text-slide-y:hover .btn-text-2 {
    -webkit-transform: none;
    transform: none
}

.btn-text-slide-y.direction-reverse .btn-text-2 {
    -webkit-transform: translateY(-100%);
    transform: translateY(-100%);
    top: 0;
    bottom: auto
}

.btn-text-slide-y.direction-reverse:hover .btn-text-1 {
    -webkit-transform: translateY(30%) scale(.8);
    transform: translateY(30%) scale(.8)
}

.btn-text-slide-y.direction-reverse:hover .btn-text-2 {
    -webkit-transform: none;
    transform: none
}

.btn-text-slide-y .btn-text-fade {
    -webkit-transform: none !important;
    transform: none !important;
    opacity: 0 !important;
    transition-delay: 0s;
    transition-duration: 50ms
}

.btn-text-slide-y:hover .btn-text-fade {
    transition-delay: .1s;
    -webkit-transform: none !important;
    transform: none !important;
    opacity: 1 !important
}

.form-control {
    color: #696b6f;
    background-color: #fff;
    border: 1px solid #d5d5d5;
    border-radius: 1rem;
    transition-duration: 120ms
}

.form-control:hover {
    border: 2px solid #010165
}

.form-control:focus {
    box-shadow: 0 0 0 2px rgba(245, 153, 66, .2);
    color: #696969;
    border-color: #010165;
    background-color: #fff;
    outline: 0
}

.form-control[disabled] {
    color: #848484;
    background-color: #eee
}

.form-control[disabled]:hover {
    border-color: #d5d5d5
}

.form-control[readonly] {
    color: #939192;
    background: #f5f5f5;
    cursor: default
}

.form-control[readonly]:hover {
    border-color: #c4c4c4
}

.form-control[readonly]:focus {
    box-shadow: none;
    border-color: #aaa;
    background-color: #f9f9f9
}

.form-control::-webkit-input-placeholder {
    color: #999
}

.form-control::-moz-placeholder {
    color: #999
}

.form-control:-ms-input-placeholder {
    color: #999
}

.form-control::-ms-input-placeholder {
    color: #999
}

.form-control::placeholder {
    color: #999
}

.form-control[class*=brc-success]:focus:not(:disabled):not(.disabled) {
    box-shadow: 0 0 0 2px rgba(115, 189, 115, .2)
}

.form-control[class*=brc-danger]:focus:not(:disabled):not(.disabled) {
    box-shadow: 0 0 0 2px rgba(221, 106, 87, .2)
}

.form-control[class*=brc-warning]:focus:not(:disabled):not(.disabled) {
    box-shadow: 0 0 0 2px rgba(239, 174, 67, .2)
}

.form-control[class*=brc-primary]:focus:not(:disabled):not(.disabled) {
    box-shadow: 0 0 0 2px rgba(88, 153, 202, .2)
}

.form-control[class*=brc-info]:focus:not(:disabled):not(.disabled) {
    box-shadow: 0 0 0 2px rgba(87, 181, 218, .2)
}

.form-control[class*=brc-blue]:focus:not(:disabled):not(.disabled) {
    box-shadow: 0 0 0 2px rgba(83, 171, 228, .2)
}

.form-control.is-valid,
.was-validated .form-control:valid {
    border-color: #73bd73
}

.form-control.is-valid:focus,
.was-validated .form-control:valid:focus {
    box-shadow: 0 0 0 2px rgba(115, 189, 115, .2)
}

.valid-feedback {
    color: #6bae47
}

.form-control.is-invalid,
.was-validated .form-control:invalid {
    border-color: red
}

.form-control.is-invalid:focus,
.was-validated .form-control:invalid:focus {
    box-shadow: 0 0 0 2px rgba(221, 106, 87, .2)
}

.invalid-feedback {
    color: #da3737
}

label {
    cursor: pointer
}

label.disabled {
    cursor: default
}

input[type=checkbox]:disabled + label,
input[type=radio]:disabled + label {
    cursor: default
}

.input-group-fade .input-group-append > .btn {
    opacity: .55
}

.input-group-fade .input-group-append > .btn.active,
.input-group-fade .input-group-append > .btn:active,
.input-group-fade .input-group-append > .btn:hover {
    opacity: 1
}

.input-group-fade .form-control:focus + .input-group-append > .btn {
    opacity: 1
}

.input-floating-label {
    position: relative
}

.input-floating-label .floating-label {
    pointer-events: none;
    padding-right: 1rem;
    padding-left: 1rem;
    position: absolute;
    right: 3rem;
    top: 50%;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
    transition: all .15s;
    background-color: #fff
}

@media (prefers-reduced-motion:reduce) {
    .input-floating-label .floating-label {
        transition: none
    }
}

.input-floating-label .floating-label.active,
.input-floating-label input.has-content ~ .floating-label,
.input-floating-label input:focus ~ .floating-label {
    top: 0;
    font-size: 90%;
    opacity: .85
}

.input-floating-label[class*=text-] input:focus ~ .floating-label {
    color: inherit !important;
    opacity: .95
}

.input-floating-label[class*=brc-] input:focus {
    border-color: inherit;
    z-index: auto
}

select.form-control {
    padding-right: .25rem;
    padding-left: .25rem
}

select.form-control option {
    padding: .3125rem .3125rem .375rem
}

select.ace-select {
    position: relative;
    cursor: pointer;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    width: 100%;
    height: 2.5rem;
    line-height: 2rem;
    padding-right: .5rem;
    border: 2px solid #eee;
    border-radius: 3px;
    background-color: #fff;
    background-image: linear-gradient(-45deg, transparent 50%, currentColor 50%), linear-gradient(-135deg, currentColor 50%, transparent 50%), linear-gradient(to left, rgba(0, 0, 0, .2), rgba(0, 0, 0, .2));
    background-position: calc(100% - (100% - 1.125rem - .5px)) center, calc(100% - (100% - .75rem - .5px)) center, calc(100% - (100% - 2.25rem)) center;
    background-size: .375rem .375rem, .375rem .375rem, 1px 1.5rem;
    background-repeat: no-repeat
}

select.ace-select.double-caret {
    background-image: linear-gradient(-45deg, transparent 50%, currentColor 50%), linear-gradient(-135deg, currentColor 50%, transparent 50%), linear-gradient(-135deg, transparent 50%, currentColor 50%), linear-gradient(-45deg, currentColor 50%, transparent 50%), linear-gradient(to left, rgba(0, 0, 0, .2), rgba(0, 0, 0, .2));
    background-position: calc(100% - (100% - 1.0625rem - .5px)) calc(50% + .25rem), calc(100% - (100% - .75rem - .5px)) calc(50% + .25rem), calc(100% - (100% - 1.0625rem - .5px)) calc(50% - .25rem), calc(100% - (100% - .75rem - .5px)) calc(50% - .25rem), calc(100% - (100% - 2.125rem)) center;
    background-size: .3125rem .3125rem, .3125rem .3125rem, .3125rem .3125rem, .3125rem .3125rem, 1px 1.5rem
}

select.ace-select option {
    background-color: #fff;
    color: #484b51
}

select.ace-select::-ms-expand {
    display: none
}

select.ace-select:focus {
    outline: 0
}

select.ace-select.no-border {
    background-image: linear-gradient(-45deg, transparent 50%, currentColor 50%), linear-gradient(-135deg, currentColor 50%, transparent 50%)
}

select.ace-select.double-caret.no-border {
    background-image: linear-gradient(-45deg, transparent 50%, currentColor 50%), linear-gradient(-135deg, currentColor 50%, transparent 50%), linear-gradient(-135deg, transparent 50%, currentColor 50%), linear-gradient(-45deg, currentColor 50%, transparent 50%)
}

.form-text.popover {
    right: auto;
    margin-top: 0;
    z-index: auto
}

.form-text.bs-popover-auto[x-placement^=right] > .arrow,
.form-text.bs-popover-right > .arrow {
    top: 50%;
    margin-top: -.5rem
}

@supports ((-webkit-appearance:none) or (-moz-appearance:none) or (appearance:none)) {
    .custom-control-input {
        position: absolute !important
    }

    input[type=checkbox],
    input[type=radio] {
        position: relative;
        -webkit-appearance: none;
        -moz-appearance: none;
        appearance: none;
        cursor: pointer;
        width: 2rem;
        height: 2rem;
        overflow: hidden;
        border: 1px solid #adb8c0;
        background-color: #fff;
        vertical-align: text-bottom;
        margin-left: .25rem
    }

    input[type=checkbox].input-lg,
    input[type=radio].input-lg {
        width: 1.5rem;
        height: 1.5rem
    }

    input[type=checkbox].input-xlg,
    input[type=radio].input-xlg {
        width: 1.625rem;
        height: 1.625rem
    }

    input[type=checkbox].input-sm,
    input[type=radio].input-sm {
        width: 1rem;
        height: 1rem
    }

    input[type=checkbox]:hover,
    input[type=radio]:hover {
        border-color: #010165
    }

    input[type=checkbox]:focus,
    input[type=radio]:focus {
        outline: 0;
        border-color: #010165
    }

    input[type=checkbox]:active,
    input[type=radio]:active {
        border-color: #010165
    }

    input[type=checkbox] {
        border-radius: .2rem;
        background-position: center;
        background-repeat: no-repeat;
        background-size: 90%
    }

    input[type=checkbox]:checked {
        background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 10 10'%3e%3cpath fill='%2332a3ce' d='M 7.564,1.75 l -3.59,3.612 -1.538,-1.55 L 1,5.26 3.974,8.25 9,3.193 z'/%3e%3c/svg%3e")
    }

    input[type=radio] {
        border-radius: 100%
    }

    input[type=radio]::after {
        content: "";
        border-radius: inherit;
        position: absolute;
        left: .25rem;
        right: .25rem;
        top: .25rem;
        bottom: .25rem;
        background-color: transparent;
        transition: background-color 80ms
    }

    @media (prefers-reduced-motion:reduce) {
        input[type=radio]::after {
            transition: none
        }
    }

    input[type=radio]:checked::after {
        background-color: #010165
    }

    input[type=radio].border-2:not(.input-lg):not(.input-xlg)::after {
        left: .1875rem;
        right: .1875rem;
        top: .1875rem;
        bottom: .1875rem
    }

    input[type=radio].input-lg:not(.border-2)::after,
    input[type=radio].input-xlg::after {
        left: .3125rem;
        right: .3125rem;
        top: .3125rem;
        bottom: .3125rem
    }

    input[type=radio].input-sm::after {
        left: .1875rem;
        right: .1875rem;
        top: .1875rem;
        bottom: .1875rem
    }

    input[type=checkbox][class*=bgc-] {
        transition: background-color 80ms, border-color 80ms
    }

    @media (prefers-reduced-motion:reduce) {
        input[type=checkbox][class*=bgc-] {
            transition: none
        }
    }

    input[type=checkbox][class*=bgc-]:not(:checked) {
        background-color: #fff !important
    }

    input[type=checkbox][class*=bgc-]:checked {
        background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 10 10'%3e%3cpath fill='%23fff' d='M 7.564,1.75 l -3.59,3.612 -1.538,-1.55 L 1,5.26 3.974,8.25 9,3.193 z'/%3e%3c/svg%3e");
        border-color: transparent !important
    }

    input[type=checkbox][class*=bgc-].input-lg,
    input[type=checkbox][class*=bgc-].input-xlg {
        background-size: 85%;
        background-position: center
    }

    input[type=checkbox][class*=text-] {
        transition: background-color 80ms;
        background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 10 10'%3E%3Cmask id='mask'%3E%3Crect fill='white' width='100%25' height='100%25' fill-opacity='1' stroke-width='0' /%3E%3Cpath d='M 7.564,1.75 l -3.59,3.612 -1.538,-1.55 L 1,5.26 3.974,8.25 9,3.193 z' /%3E%3C/mask%3E%3Crect mask='url(%23mask)' fill='white' width='100%25' height='100%25' fill-opacity='1'/%3E%3C/svg%3E");
        background-size: 90%;
        background-position-x: 1px;
        background-clip: padding-box;
        box-shadow: inset 0 0 0 2px #fff
    }

    @media (prefers-reduced-motion:reduce) {
        input[type=checkbox][class*=text-] {
            transition: none
        }
    }

    input[type=checkbox][class*=text-]:checked {
        background-color: currentColor
    }

    input[type=checkbox][class*=text-].input-lg,
    input[type=checkbox][class*=text-].input-xlg {
        background-size: 85%;
        box-shadow: inset 0 0 0 3px #fff;
        background-position-x: 2px
    }

    input[type=checkbox][class*=text-].input-lg.border-2,
    input[type=checkbox][class*=text-].input-xlg.border-2 {
        background-size: 90%;
        background-position-x: 1px
    }

    input[type=radio][class*=text-]:checked::after {
        color: inherit;
        background-color: currentColor
    }

    input[type=radio][class*=bgc-] {
        transition: background-color 80ms, border-color 80ms
    }

    @media (prefers-reduced-motion:reduce) {
        input[type=radio][class*=bgc-] {
            transition: none
        }
    }

    input[type=radio][class*=bgc-]:not(:checked) {
        background-color: #fff !important
    }

    input[type=radio][class*=bgc-]:checked {
        border-color: transparent
    }

    input[type=radio][class*=bgc-]:checked::after {
        box-shadow: none;
        background-color: #fff
    }

    .brc-on-checked:not(:checked):not(:hover):not(:focus) {
        border-color: #adb8c0 !important
    }

    input[type=checkbox]:disabled,
    input[type=radio]:disabled {
        cursor: default;
        border-color: #ccc !important;
        background-color: #eee !important;
        background-image: none;
        box-shadow: none !important
    }

    input[type=checkbox]:disabled:checked {
        background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 10 10'%3e%3cpath fill='%23aaa' d='M 7.564,1.75 l -3.59,3.612 -1.538,-1.55 L 1,5.26 3.974,8.25 9,3.193 z'/%3e%3c/svg%3e")
    }

    input[type=radio]:disabled:checked::after {
        background-color: #aaa;
        box-shadow: none
    }

    input.ace-switch[class*=text-] {
        box-shadow: none !important;
        background-clip: border-box
    }
}

@supports (-moz-appearance:none) {
    input[type=checkbox] {
        background-position-x: 1px
    }
}

@supports ((-webkit-appearance:none) and ((-webkit-box-reflect:above) or ((-webkit-text-orientation:mixed) or (text-orientation:mixed)))) or (-moz-appearance:none) {
    input.ace-switch {
        background-color: #9ea7ae;
        border: none;
        margin-left: 0
    }

    input.ace-switch:focus {
        box-shadow: none
    }

    input.ace-switch::after {
        content: "";
        position: absolute;
        background-color: #fff;
        border-radius: inherit;
        transition: -webkit-transform 80ms;
        transition: transform 80ms;
        transition: transform 80ms, -webkit-transform 80ms
    }

    @media (prefers-reduced-motion:reduce) {
        input.ace-switch::after {
            transition: none
        }
    }

    input.ace-switch:checked {
        background-image: none;
        background-color: #468fcc
    }

    input.ace-switch {
        border-radius: 1.5rem;
        width: 2.75rem;
        height: 1.5rem
    }

    input.ace-switch::after {
        top: .1875rem;
        right: .1875rem;
        width: 1.125rem;
        height: 1.125rem
    }

    input.ace-switch[class*=brc-]::after {
        border-width: .4375rem
    }

    input.ace-switch:checked::after {
        -webkit-transform: translateX(-1.25rem);
        transform: translateX(-1.25rem)
    }

    input.ace-switch.input-lg {
        border-radius: 2rem;
        width: 4.25rem;
        height: 2rem
    }

    input.ace-switch.input-lg::after {
        top: .25rem;
        right: .25rem;
        width: 1.5rem;
        height: 1.5rem
    }

    input.ace-switch.input-lg[class*=brc-]::after {
        border-width: .625rem
    }

    input.ace-switch.input-lg:checked::after {
        -webkit-transform: translateX(-2.25rem);
        transform: translateX(-2.25rem)
    }

    input.ace-switch.input-sm {
        border-radius: 1.25rem;
        width: 2.25rem;
        height: 1.25rem
    }

    input.ace-switch.input-sm::after {
        top: .1875rem;
        right: .1875rem;
        width: .875rem;
        height: .875rem
    }

    input.ace-switch.input-sm[class*=brc-]::after {
        border-width: .3125rem
    }

    input.ace-switch.input-sm:checked::after {
        -webkit-transform: translateX(-1rem);
        transform: translateX(-1rem)
    }

    input.ace-switch[class*=bgc-]:not(:checked):not([class*=text-]) {
        background-color: #9ea7ae !important
    }

    input.ace-switch[class*=bgc-]:checked {
        background-image: none
    }

    input.ace-switch[class*=text-]:not(:checked) {
        background-image: none;
        background-color: currentColor !important
    }

    input.ace-switch[class*=text-]:checked:not([class*=bgc-]) {
        background-color: #468fcc
    }

    input.ace-switch[class*=brc-] {
        background-color: transparent !important;
        border-width: .125rem;
        border-style: solid
    }

    input.ace-switch[class*=brc-]:not(:checked):not([class*=text-]) {
        background-color: transparent !important;
        border-color: #9ea7ae !important
    }

    input.ace-switch[class*=brc-][class*=text-] {
        background-color: transparent !important
    }

    input.ace-switch[class*=brc-][class*=text-]:not(:checked) {
        border-color: currentColor !important
    }

    input.ace-switch[class*=brc-]::after {
        border-style: solid;
        border-color: inherit;
        background-color: transparent;
        width: auto;
        height: auto
    }

    input.ace-switch::before {
        position: absolute;
        right: 0;
        left: 0;
        top: 0;
        bottom: 0;
        margin: auto;
        height: 1.3125rem;
        line-height: normal;
        font-size: .9rem;
        font-weight: 600;
        color: #fff;
        white-space: nowrap;
        overflow: hidden;
        padding: 0 .625rem;
        text-align: left
    }

    input.ace-switch:checked::before {
        text-align: right
    }

    input.ace-switch.ace-switch-yesno::before {
        content: "NO"
    }

    input.ace-switch.ace-switch-yesno:checked::before {
        content: "YES"
    }

    input.ace-switch.ace-switch-onoff::before {
        padding-left: .5rem;
        content: "OFF"
    }

    input.ace-switch.ace-switch-onoff:checked::before {
        content: "ON"
    }

    input.ace-switch.ace-switch-times:not(:checked) {
        background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 10 10'%3e%3cpath fill='none' stroke='%23fff' stroke-width='1.75px' d='M 2.5,2.5 L 7.5,7.5  M 7.5,2.5 L 2.5,7.5'/%3e%3c/svg%3e");
        background-size: 33%;
        background-position: 12% center;
        background-repeat: no-repeat
    }

    input.ace-switch.ace-switch-check:checked {
        background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 10 10'%3e%3cpath fill='%23fff' d='M 7.564,1.75 l -3.59,3.612 -1.538,-1.55 L 1,5.26 3.974,8.25 9,3.193 z'/%3e%3c/svg%3e");
        background-size: 33%;
        background-position: 85% center;
        background-repeat: no-repeat
    }

    input.ace-switch.ace-switch-bars::after {
        color: #999;
        content: "";
        background-image: linear-gradient(to left, currentColor, currentColor), linear-gradient(to left, currentColor, currentColor), linear-gradient(to left, currentColor, currentColor);
        background-position: calc(100% - (50% - 3px)) center, center, calc(100% - (50% + 3px)) center;
        background-size: 1px 45%;
        background-repeat: no-repeat
    }

    input.ace-switch.ace-switch-bars:disabled::after {
        color: #bbb
    }

    input.ace-switch.ace-switch-bars-h::after {
        color: #999;
        content: "";
        background-image: linear-gradient(to left, currentColor, currentColor), linear-gradient(to left, currentColor, currentColor), linear-gradient(to left, currentColor, currentColor);
        background-position: center calc(50% - 3px), center, center calc(50% + 3px);
        background-size: 45% 1px;
        background-repeat: no-repeat
    }

    input.ace-switch.ace-switch-bars-h:disabled::after {
        color: #bbb
    }

    input.ace-switch.ace-switch-thin {
        visibility: hidden;
        overflow: visible;
        width: 3.09375rem;
        height: 1.6875rem
    }

    input.ace-switch.ace-switch-thin::before {
        visibility: visible;
        content: "";
        position: absolute;
        width: 80%;
        height: 40%;
        top: 2px;
        bottom: 0;
        margin: auto;
        border-radius: 1rem;
        background-color: inherit;
        color: inherit;
        opacity: .45
    }

    input.ace-switch.ace-switch-thin::after {
        height: 1.5rem;
        width: 1.5rem;
        visibility: visible;
        background-color: inherit;
        box-shadow: 0 2px 2px rgba(0, 0, 0, .2)
    }

    input.ace-switch.ace-switch-thin:checked::after {
        -webkit-transform: translateX(-1.4rem);
        transform: translateX(-1.4rem)
    }

    input[type=checkbox].ace-switch:disabled:not(:checked) {
        color: #ddd !important;
        background-color: #d0d0d0 !important
    }

    input[type=checkbox].ace-switch:disabled:checked {
        background-color: #c6c6c6 !important
    }

    input.ace-switch:not(.ace-switch-check):not(.ace-switch-times):checked:disabled {
        background-image: none
    }

    input[type=checkbox].ace-switch[class*=brc-]:disabled {
        background-color: transparent !important
    }
}

::-ms-backdrop,
input::-ms-check {
    width: 1.125rem;
    height: 1.125rem;
    color: #32a3ce;
    border-color: #adb8c0
}

::-ms-backdrop,
input:not([type=radio]):checked[class*=bgc-]::-ms-check {
    color: #fff;
    background-color: inherit
}

::-ms-backdrop,
input[type=radio][class*=bgc-] {
    background-color: transparent !important
}

::-ms-backdrop,
input[class*=brc-]::-ms-check {
    border-color: inherit
}

::-ms-backdrop,
input[class*=border-2]::-ms-check {
    border-width: 2px
}

::-ms-backdrop,
input[class*=text-]::-ms-check {
    color: inherit
}

::-ms-backdrop,
input[type=checkbox]::-ms-check {
    border-radius: .1875rem
}

::-ms-backdrop,
input[type=radio]::-ms-check {
    border-radius: 100%
}

::-ms-backdrop,
input:disabled::-ms-check {
    color: #aaa !important
}

.ace-file-input [type=file],
input.ace-file-input[type=file] {
    position: absolute;
    z-index: -1;
    width: 1px;
    height: 1px;
    overflow: hidden;
    opacity: 0
}

.ace-file-input [type=file]:focus,
input.ace-file-input[type=file]:focus {
    outline: 0
}

.ace-file-input {
    display: block;
    font-size: inherit;
    position: relative;
    height: 2.5rem;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    cursor: pointer
}

.ace-file-input .ace-file-placeholder {
    display: -ms-flexbox;
    display: flex
}

.ace-file-input .ace-file-container {
    display: block;
    height: 2.5rem;
    transition: all .15s
}

@media (prefers-reduced-motion:reduce) {
    .ace-file-input .ace-file-container {
        transition: none
    }
}

.ace-file-input .ace-file-container .ace-file-name {
    max-width: 100%;
    height: 2.5rem;
    line-height: 2.25;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    color: #888
}

.ace-file-input .ace-file-container.selected {
    margin-left: 1rem
}

.ace-file-input .ace-file-container.selected .ace-file-name {
    color: #666
}

.ace-file-input .remove {
    display: none;
    text-decoration: none
}

.ace-file-input .ace-file-container.selected + .remove {
    display: block
}

.ace-file-input input[type=file].disabled + .ace-file-container,
.ace-file-input input[type=file][disabled] + .ace-file-container,
.ace-file-input input[type=file][readonly] + .ace-file-container {
    cursor: default;
    background-color: #eee;
    border-color: #d5d5d5 !important
}

.ace-file-input .ace-file-overlay {
    position: absolute;
    top: -.25rem;
    bottom: -.25rem;
    right: -.25rem;
    left: -.25rem;
    background-color: rgba(0, 0, 0, .4)
}

.ace-file-input .ace-file-overlay > .overlay-content {
    position: relative;
    top: calc(50% - 1rem)
}

.ace-file-multiple {
    height: auto
}

.ace-file-multiple .ace-file-placeholder {
    -ms-flex-direction: column-reverse;
    flex-direction: column-reverse
}

.ace-file-multiple .ace-file-container {
    height: auto;
    border-radius: .25rem
}

.ace-file-multiple .ace-file-container .ace-file-name {
    height: auto;
    margin: 0 .25rem
}

.ace-file-multiple .ace-file-container.selected {
    margin-left: 0
}

.ace-file-multiple .ace-file-placeholder .ace-file-name {
    margin: 0 1rem;
    text-align: center;
    text-overflow: unset;
    word-break: break-word;
    white-space: normal;
    line-height: normal
}

.ace-file-multiple .ace-file-item {
    border-bottom: 1px solid #ebebec
}

.ace-file-multiple .ace-file-item:last-child {
    border-bottom-width: 0
}

.ace-file-multiple .ace-file-icon.thumbnail-img {
    width: 3.25rem;
    text-align: center
}

.badge {
    font-size: 75%;
    font-weight: 600;
    padding: .25rem .5rem .275rem;
    line-height: 1.175;
    border-radius: .125rem;
    position: relative;
    font-family: ASAN_Titr
}

.badge-pill {
    border-radius: 2rem
}

@supports (-moz-appearance:none) {
    .badge {
        line-height: 1.1333
    }
}

.badge-sm {
    padding: .1875rem .425rem .275rem;
    font-size: 70%;
    line-height: 1
}

.badge-lg {
    padding: .275rem .5rem .425rem;
    font-size: 90%;
    line-height: 1.25;
    height: 1.75rem
}

.badge-xlg {
    padding: .325rem .625rem .475rem;
    font-size: 105%;
    line-height: 1.625;
    height: 2.5rem
}

.badge.arrowed-in-right::after,
.badge.arrowed-in::before,
.badge.arrowed-right::after,
.badge.arrowed::before {
    display: inline-block;
    content: "";
    position: absolute;
    top: 0;
    border: 1px solid transparent;
    border-width: .6875rem .375rem
}

.badge.arrowed {
    margin-right: .325rem
}

.badge.arrowed::before {
    right: -.7125rem;
    border-left-color: inherit
}

.badge.arrowed-right {
    margin-left: .325rem
}

.badge.arrowed-right::after {
    left: -.7125rem;
    border-right-color: inherit
}

.badge.arrowed-in {
    margin-right: .375rem
}

.badge.arrowed-in::before {
    right: -.375rem;
    border-color: inherit;
    border-right-color: transparent
}

.badge.arrowed-in-right {
    margin-left: .375rem
}

.badge.arrowed-in-right::after {
    left: -.375rem;
    border-color: inherit;
    border-left-color: transparent
}

.badge.badge-sm.arrowed {
    margin-right: .3rem
}

.badge.badge-sm.arrowed::before {
    border-width: .575rem .325rem;
    right: -.6125rem
}

.badge.badge-sm.arrowed-in {
    margin-right: .3rem
}

.badge.badge-sm.arrowed-in::before {
    border-width: .575rem .325rem;
    right: -.325rem
}

.badge.badge-sm.arrowed-right {
    margin-left: .3rem
}

.badge.badge-sm.arrowed-right::after {
    border-width: .575rem .325rem;
    left: -.6125rem
}

.badge.badge-sm.arrowed-in-right {
    margin-left: .3rem
}

.badge.badge-sm.arrowed-in-right::after {
    border-width: .575rem .325rem;
    left: -.325rem
}

.badge.badge-lg.arrowed {
    margin-right: .5rem
}

.badge.badge-lg.arrowed::before {
    border-width: .875rem .5rem;
    right: -.975rem
}

.badge.badge-lg.arrowed-in {
    margin-right: .5rem
}

.badge.badge-lg.arrowed-in::before {
    border-width: .875rem .5rem;
    right: -.5rem
}

.badge.badge-lg.arrowed-right {
    margin-left: .5rem
}

.badge.badge-lg.arrowed-right::after {
    border-width: .875rem .5rem;
    left: -.975rem
}

.badge.badge-lg.arrowed-in-right {
    margin-left: .5rem
}

.badge.badge-lg.arrowed-in-right::after {
    border-width: .875rem .5rem;
    left: -.5rem
}

.badge.badge-xlg.arrowed {
    padding-right: .5rem;
    margin-right: .675rem
}

.badge.badge-xlg.arrowed-in {
    padding-right: 0;
    margin-right: 1.325rem
}

.badge.badge-xlg.arrowed-in::before,
.badge.badge-xlg.arrowed::before {
    border-width: 1.25rem .625rem;
    right: -1.25rem
}

.badge.badge-xlg.arrowed-right {
    padding-left: .5rem;
    margin-left: .725rem
}

.badge.badge-xlg.arrowed-in-right {
    padding-left: 0;
    margin-left: 1.375rem
}

.badge.badge-xlg.arrowed-in-right::after,
.badge.badge-xlg.arrowed-right::after {
    border-width: 1.25rem .625rem;
    left: -.625rem
}

.badge-default {
    color: #fff;
    background-color: #8bb4cd;
    border-color: #8bb4cd
}

.badge-primary {
    color: #fff;
    background-color: #5899ca;
    border-color: #5899ca
}

.badge-secondary {
    color: #fff;
    background-color: #9aaab3;
    border-color: #9aaab3
}

.badge-info {
    color: #fff;
    background-color: #57b5da;
    border-color: #57b5da
}

.badge-success {
    color: #fff;
    background-color: #73bd73;
    border-color: #73bd73
}

.badge-danger {
    color: #fff;
    background-color: red;
    border-color: red
}

.badge-warning {
    color: #fff;
    background-color: #ff9800;
    border-color: #ff9800
}

.badge-dark {
    color: #fff;
    background-color: #515559;
    border-color: #515559
}

.badge-light {
    color: #757984;
    background-color: #f5f6f9;
    border-color: #f5f6f9
}

.badge-dot {
    font-size: 0 !important;
    width: .5rem;
    height: .5rem;
    border-radius: 1rem;
    padding: 0
}

.badge-dot:empty {
    display: inline-block
}

.dropdown-toggle::after,
.dropleft .dropdown-toggle::before,
.dropright .dropdown-toggle::after,
.dropup .dropdown-toggle::after {
    display: none
}

.dropdown-item {
    line-height: 2rem
}

.dropdown-item:not(.btn) {
    color: rgba(67, 72, 77, .93)
}

.dropdown-item:not(.btn):focus,
.dropdown-item:not(.btn):hover {
    background-color: #f0f2f4;
    color: rgba(67, 72, 77, .93)
}

.dropdown-item:not(.btn).active,
.dropdown-item:not(.btn):active {
    background-color: #e0ecf5;
    color: rgba(67, 72, 77, .96)
}

.dropdown-item.btn {
    text-align: right;
    padding: .25rem 1.5rem;
    width: auto;
    margin: 1px;
    font-size: 1rem;
    margin: 5px
}

.dropdown-menu[class*=bgc-]:not([class*="-m"]):not([class*="-l"]):not([class*=bgc-yellow]) .dropdown-item:not(:hover) {
    color: #fff
}

.dropdown-item > a {
    color: inherit;
    text-decoration: none;
    display: block;
    width: 100%;
    padding: .25rem 1.5rem
}

li.dropdown-item {
    padding: 0 !important
}

.page-content .dropdown-hover {
    position: relative
}

.page-content .dropdown-hover > .dropdown-menu {
    display: block;
    visibility: hidden;
    opacity: 0;
    -webkit-transform: translateY(-.5rem);
    transform: translateY(-.5rem);
    transition: opacity 150ms 350ms, visibility 0s .5s, -webkit-transform 150ms 350ms;
    transition: opacity 150ms 350ms, transform 150ms 350ms, visibility 0s .5s;
    transition: opacity 150ms 350ms, transform 150ms 350ms, visibility 0s .5s, -webkit-transform 150ms 350ms
}

@media (prefers-reduced-motion:reduce) {
    .page-content .dropdown-hover > .dropdown-menu {
        transition: none
    }
}

.page-content .dropdown-hover > .dropdown-menu {
    top: 100%;
    right: 0
}

.page-content .dropdown-hover.dropright > .dropdown-menu {
    right: 100%;
    top: 0
}

.page-content .dropdown-hover.dropup > .dropdown-menu {
    bottom: 100%;
    top: auto
}

.page-content .dropdown-hover.dropleft > .dropdown-menu {
    right: auto;
    left: 100%;
    -webkit-transform: translateX(-.5rem);
    transform: translateX(-.5rem)
}

.page-content .dropdown-hover .dropdown-menu.show,
.page-content .dropdown-hover:hover > .dropdown-menu {
    visibility: visible;
    opacity: 1;
    -webkit-transform: none;
    transform: none;
    transition-delay: 0s
}

.page-content .dropdown-menu:hover > .dropdown-hover:not(:hover) > .dropdown-menu {
    transition-delay: 50ms, 50ms, .2s
}

@media (max-width:575.98px) {
    .dropdown-item.dropdown-hover > .dropdown-menu {
        right: 0 !important;
        left: auto !important;
        top: 100% !important;
        bottom: auto !important
    }
}

@media (min-width:992px) {
    .navbar .dropdown-hover {
        position: relative
    }

    .navbar .dropdown-hover > .dropdown-menu {
        display: block;
        visibility: hidden;
        opacity: 0;
        -webkit-transform: translateY(-.5rem);
        transform: translateY(-.5rem);
        transition: opacity 150ms 350ms, visibility 0s .5s, -webkit-transform 150ms 350ms;
        transition: opacity 150ms 350ms, transform 150ms 350ms, visibility 0s .5s;
        transition: opacity 150ms 350ms, transform 150ms 350ms, visibility 0s .5s, -webkit-transform 150ms 350ms
    }
}

@media (min-width:992px) and (prefers-reduced-motion:reduce) {
    .navbar .dropdown-hover > .dropdown-menu {
        transition: none
    }
}

@media (min-width:992px) {
    .navbar .dropdown-hover.dropup > .dropdown-menu {
        bottom: 100%;
        top: auto
    }

    .navbar .dropdown-hover .dropdown-menu.show,
    .navbar .dropdown-hover:hover > .dropdown-menu {
        visibility: visible;
        opacity: 1;
        -webkit-transform: none;
        transform: none;
        transition-delay: 0s
    }
}

.dropdown-menu {
    border-radius: 0
}

.dropdown-menu.dropdown-caret::after,
.dropdown-menu.dropdown-caret::before {
    display: block;
    content: "";
    position: absolute;
    top: -.5em;
    right: 10px;
    width: 0;
    height: 0;
    border-bottom: .5rem solid rgba(0, 0, 0, .3);
    border-left: .5rem solid transparent;
    border-top: 0;
    border-right: .5rem solid transparent
}

.dropdown-menu.dropdown-caret::after {
    border-bottom-color: #fff
}

.dropdown-menu.dropdown-caret::before {
    margin-top: -1px;
    border-bottom-color: inherit
}

.dropdown-menu.dropdown-caret.dropdown-menu-right::after,
.dropdown-menu.dropdown-caret.dropdown-menu-right::before {
    right: auto;
    left: 10px
}

.dropdown-menu[x-placement^=top].dropdown-caret::after,
.dropdown-menu[x-placement^=top].dropdown-caret::before {
    top: auto;
    bottom: -.5em;
    border-top: .5rem solid rgba(0, 0, 0, .3);
    border-bottom: 0
}

.dropdown-menu[x-placement^=top].dropdown-caret::after {
    border-top-color: #fff
}

.dropdown-menu[x-placement^=top].dropdown-caret::before {
    margin-bottom: -1px;
    margin-top: 0;
    border-top-color: inherit
}

.dropdown-menu[x-placement^=right].dropdown-caret::after,
.dropdown-menu[x-placement^=right].dropdown-caret::before {
    top: 12px;
    right: -.5em;
    border-left: .5rem solid rgba(0, 0, 0, .3);
    border-top: .5rem solid transparent;
    border-right: 0;
    border-bottom: .5rem solid transparent
}

.dropdown-menu[x-placement^=right].dropdown-caret::after {
    border-left-color: #fff
}

.dropdown-menu[x-placement^=right].dropdown-caret::before {
    margin-right: -1px;
    margin-top: 0;
    border-left-color: inherit
}

.dropdown-menu[x-placement^=left].dropdown-caret::after,
.dropdown-menu[x-placement^=left].dropdown-caret::before {
    top: 12px;
    left: -.5em;
    right: auto;
    border-right: .5rem solid rgba(0, 0, 0, .3);
    border-top: .5rem solid transparent;
    border-left: 0;
    border-bottom: .5rem solid transparent
}

.dropdown-menu[x-placement^=left].dropdown-caret::after {
    border-right-color: #fff
}

.dropdown-menu[x-placement^=left].dropdown-caret::before {
    margin-left: -1px;
    margin-top: 0;
    border-right-color: inherit
}

.dropdown-animated {
    display: block;
    visibility: hidden;
    opacity: 0;
    will-change: transform;
    -webkit-transform-origin: top center;
    transform-origin: top center;
    transition: opacity 150ms, visibility 0s, -webkit-transform 150ms;
    transition: opacity 150ms, transform 150ms, visibility 0s;
    transition: opacity 150ms, transform 150ms, visibility 0s, -webkit-transform 150ms;
    transition-delay: 0s, 0s, 150ms !important
}

@media (prefers-reduced-motion:reduce) {
    .dropdown-animated {
        transition: none
    }
}

.dropdown-animated[x-placement^=bottom] {
    top: 100% !important;
    bottom: auto !important
}

.dropdown-animated[x-placement^=top] {
    bottom: 100% !important;
    top: auto !important;
    -webkit-transform-origin: bottom center;
    transform-origin: bottom center
}

.dropdown-animated.dropdown-menu-right {
    right: auto !important;
    left: 0 !important
}

.dropdown-animated:not(.show) {
    -webkit-transform: scaleY(0) !important;
    transform: scaleY(0) !important;
    pointer-events: none
}

.dropdown-animated.animated-1 {
    -webkit-transform: translateY(0) scale(.6);
    transform: translateY(0) scale(.6)
}

.dropdown-animated.animated-2 {
    transition: opacity 150ms, margin-top 150ms, visibility 0s
}

@media (prefers-reduced-motion:reduce) {
    .dropdown-animated.animated-2 {
        transition: none
    }
}

.dropdown-animated.animated-2:not(.show) {
    margin-top: -1rem !important
}

.dropdown-animated.show {
    opacity: 1;
    visibility: visible;
    -webkit-transform: none !important;
    transform: none !important;
    transition-delay: 0s, 0s, 0s !important
}

@media (min-width:1200px) {
    .dropdown.dropdown-hover:hover > .dropdown-menu.dropdown-animated {
        opacity: 1;
        visibility: visible;
        -webkit-transform: none !important;
        transform: none !important;
        transition-delay: 0s, 0s, 0s !important;
        pointer-events: all
    }
}

@-webkit-keyframes dropdownSlideUp {
    from {
        -webkit-transform: translate(0, 100%);
        transform: translate(0, 100%);
        display: none
    }

    to {
        -webkit-transform: translate(0, 0);
        transform: translate(0, 0);
        display: block
    }
}

@keyframes dropdownSlideUp {
    from {
        -webkit-transform: translate(0, 100%);
        transform: translate(0, 100%);
        display: none
    }

    to {
        -webkit-transform: translate(0, 0);
        transform: translate(0, 0);
        display: block
    }
}

@-webkit-keyframes dropdownSlideCenter {
    from {
        -webkit-transform: translate(0, 200%);
        transform: translate(0, 200%);
        display: none
    }

    to {
        -webkit-transform: translate(0, -50%);
        transform: translate(0, -50%);
        display: block
    }
}

@keyframes dropdownSlideCenter {
    from {
        -webkit-transform: translate(0, 200%);
        transform: translate(0, 200%);
        display: none
    }

    to {
        -webkit-transform: translate(0, -50%);
        transform: translate(0, -50%);
        display: block
    }
}

.dropdown-inner {
    background-color: inherit;
    border-width: inherit;
    border-style: inherit;
    border-color: inherit;
    padding: inherit;
    max-height: calc(100% - 2rem);
    overflow-y: auto;
    overflow-x: hidden;
    -ms-scroll-chaining: none;
    overscroll-behavior: none
}

.dropdown-menu.dd-slide-up > .dropdown-inner {
    position: fixed;
    top: auto;
    bottom: 0;
    right: 0;
    left: 0;
    margin: 0 auto;
    visibility: hidden
}

.dropdown-menu.dd-slide-up.show > .dropdown-inner {
    -webkit-animation-name: dropdownSlideUp;
    animation-name: dropdownSlideUp;
    -webkit-animation-duration: 150ms;
    animation-duration: 150ms;
    -webkit-animation-fill-mode: forwards;
    animation-fill-mode: forwards;
    visibility: visible
}

.dropdown-menu.dd-slide-center > .dropdown-inner {
    position: fixed;
    top: 50%;
    bottom: auto;
    right: 0;
    left: 0;
    max-width: calc(100% - 1rem);
    margin: 0 auto;
    width: 240px;
    visibility: hidden
}

.dropdown-menu.dd-slide-center.show > .dropdown-inner {
    -webkit-animation-name: dropdownSlideCenter;
    animation-name: dropdownSlideCenter;
    -webkit-animation-duration: 150ms;
    animation-duration: 150ms;
    -webkit-animation-fill-mode: forwards;
    animation-fill-mode: forwards;
    visibility: visible
}

@media (prefers-reduced-motion:reduce) {

    .dropdown-menu.dd-slide-center.show > .dropdown-inner,
    .dropdown-menu.dd-slide-up.show > .dropdown-inner {
        -webkit-animation-duration: 0s;
        animation-duration: 0s
    }
}

.dd-backdrop::before {
    content: "";
    display: block;
    position: fixed;
    right: 0;
    left: 0;
    top: 0;
    bottom: 0;
    background-color: rgba(0, 0, 0, .2);
    z-index: 1040;
    visibility: hidden;
    opacity: 0;
    transition: opacity 150ms, visibility 0s;
    transition-delay: 0s, 150ms
}

@media (prefers-reduced-motion:reduce) {
    .dd-backdrop::before {
        transition: none
    }
}

.dd-backdrop.show::before {
    visibility: visible;
    opacity: 1;
    transition-delay: 0s
}

.dd-backdrop.show > .dropdown-toggle {
    position: relative
}

.dd-backdrop.show .dropdown-menu {
    z-index: 1050
}

.dropdown-menu[class*=dd-slide-]:not([class*=dd-slide-none-]) {
    -webkit-transform: none !important;
    transform: none !important;
    will-change: auto !important;
    visibility: hidden
}

.dropdown-menu[class*=dd-slide-]:not([class*=dd-slide-none-]).show > .dropdown-inner {
    visibility: visible
}

.dropdown-menu[class*=dd-slide-]:not([class*=dd-slide-none-]).dropdown-caret::after,
.dropdown-menu[class*=dd-slide-]:not([class*=dd-slide-none-]).dropdown-caret::before {
    display: none !important
}

.dropdown-menu.dd-slide-none.show {
    z-index: 1000
}

.dropdown-menu.dd-slide-none > .dropdown-inner {
    position: static;
    -webkit-animation: none !important;
    animation: none !important;
    width: auto;
    max-width: none;
    max-height: none;
    margin: auto;
    overflow: visible;
    background-color: transparent;
    border: none;
    padding: 0
}

.dd-backdrop-none::before {
    display: none
}

@media (min-width:576px) {
    .dropdown-menu.dd-slide-none-sm.show {
        z-index: 1000
    }

    .dropdown-menu.dd-slide-none-sm > .dropdown-inner {
        position: static;
        -webkit-animation: none !important;
        animation: none !important;
        width: auto;
        max-width: none;
        max-height: none;
        margin: auto;
        overflow: visible;
        background-color: transparent;
        border: none;
        padding: 0
    }

    .dd-backdrop-none-sm::before {
        display: none
    }
}

@media (min-width:768px) {
    .dropdown-menu.dd-slide-none-md.show {
        z-index: 1000
    }

    .dropdown-menu.dd-slide-none-md > .dropdown-inner {
        position: static;
        -webkit-animation: none !important;
        animation: none !important;
        width: auto;
        max-width: none;
        max-height: none;
        margin: auto;
        overflow: visible;
        background-color: transparent;
        border: none;
        padding: 0
    }

    .dd-backdrop-none-md::before {
        display: none
    }
}

@media (min-width:992px) {
    .dropdown-menu.dd-slide-none-lg.show {
        z-index: 1000
    }

    .dropdown-menu.dd-slide-none-lg > .dropdown-inner {
        position: static;
        -webkit-animation: none !important;
        animation: none !important;
        width: auto;
        max-width: none;
        max-height: none;
        margin: auto;
        overflow: visible;
        background-color: transparent;
        border: none;
        padding: 0
    }

    .dd-backdrop-none-lg::before {
        display: none
    }
}

@media (min-width:1200px) {
    .dropdown-menu.dd-slide-none-xl.show {
        z-index: 1000
    }

    .dropdown-menu.dd-slide-none-xl > .dropdown-inner {
        position: static;
        -webkit-animation: none !important;
        animation: none !important;
        width: auto;
        max-width: none;
        max-height: none;
        margin: auto;
        overflow: visible;
        background-color: transparent;
        border: none;
        padding: 0
    }

    .dd-backdrop-none-xl::before {
        display: none
    }
}

@media (max-width:575.98px) {
    .dropdown-menu.dd-slide-none-sm {
        -webkit-transform: none !important;
        transform: none !important;
        will-change: auto !important;
        visibility: hidden !important
    }

    .dropdown-menu.dd-slide-none-sm.dropdown-caret::after,
    .dropdown-menu.dd-slide-none-sm.dropdown-caret::before {
        display: none !important
    }
}

@media (max-width:767.98px) {
    .dropdown-menu.dd-slide-none-md {
        -webkit-transform: none !important;
        transform: none !important;
        will-change: auto !important;
        visibility: hidden !important
    }

    .dropdown-menu.dd-slide-none-md.dropdown-caret::after,
    .dropdown-menu.dd-slide-none-md.dropdown-caret::before {
        display: none !important
    }
}

@media (max-width:991.98px) {
    .dropdown-menu.dd-slide-none-lg {
        -webkit-transform: none !important;
        transform: none !important;
        will-change: auto !important;
        visibility: hidden !important
    }

    .dropdown-menu.dd-slide-none-lg.dropdown-caret::after,
    .dropdown-menu.dd-slide-none-lg.dropdown-caret::before {
        display: none !important
    }
}

@media (max-width:1199.98px) {
    .dropdown-menu.dd-slide-none-xl {
        -webkit-transform: none !important;
        transform: none !important;
        will-change: auto !important;
        visibility: hidden !important
    }

    .dropdown-menu.dd-slide-none-xl.dropdown-caret::after,
    .dropdown-menu.dd-slide-none-xl.dropdown-caret::before {
        display: none !important
    }
}

.dropdown-menu.dd-slide-none {
    -webkit-transform: none !important;
    transform: none !important;
    will-change: auto !important;
    visibility: hidden !important
}

.dropdown-menu.dd-slide-none.dropdown-caret::after,
.dropdown-menu.dd-slide-none.dropdown-caret::before {
    display: none !important
}

.page-link {
    color: #4491c0;
    background-color: #fdfeff;
    border-color: #cde7f2;
    border-radius: 0
}

.page-link:hover {
    color: #5894bc;
    background-color: #f0f8fe;
    border-color: #a5ccda
}

.page-link.active {
    z-index: 3
}

.page-link:focus {
    box-shadow: none
}

.page-item.active .page-link {
    z-index: 3;
    color: #fff;
    background-color: #4da4cb;
    border-color: #4da4cb
}

.page-item.disabled .page-link {
    color: #798087;
    background-color: #fff;
    border-color: #dee2e6
}

.pagination-compact .page-link {
    margin-right: .425rem;
    border-width: 0
}

.pagination .btn.page-link {
    border-radius: 0
}

.tab-content {
    border: 0 solid #c5d0dc;
    padding: .5rem;
    width: 100%
}

.tab-sliding {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: nowrap;
    flex-wrap: nowrap;
    overflow: hidden
}

.tab-sliding .tab-pane {
    max-width: 100%;
    -ms-flex: 1 0 auto;
    flex: 1 0 auto;
    display: block !important;
    -webkit-transform: none;
    transform: none;
    visibility: hidden;
    max-height: 0;
    transition: margin-right, margin-left, max-height, visibility, -webkit-transform;
    transition: margin-right, margin-left, transform, max-height, visibility;
    transition: margin-right, margin-left, transform, max-height, visibility, -webkit-transform;
    transition-duration: 350ms, 350ms, 350ms, 350ms, 0s;
    transition-delay: 0s, 0s, 0s, 0s, 340ms
}

@media (prefers-reduced-motion:reduce) {
    .tab-sliding .tab-pane {
        transition: none
    }
}

.tab-sliding .tab-pane:not(.active) {
    pointer-events: none
}

.tab-sliding .tab-pane {
    margin-right: -100%
}

.tab-sliding .tab-pane.active {
    -webkit-transform: translateX(-100%);
    transform: translateX(-100%);
    visibility: visible;
    max-height: 100%;
    transition-delay: 0s
}

.tab-sliding .tab-pane.mh-none:not(.active) {
    max-height: 0 !important
}

.tab-sliding .tab-pane.active ~ .tab-pane {
    margin-right: 100%;
    margin-left: -200%
}

.tab-pane.tab-swiping.active {
    overflow: hidden;
    transition: none;
    -ms-touch-action: none;
    touch-action: none
}

.tab-pane.tab-swiping:not(.active) {
    transition: none;
    visibility: visible;
    max-height: none
}

.dropdown-menu:not(.show) .tab-sliding .tab-pane.active {
    visibility: hidden
}

.dropdown-hover:hover .tab-sliding .tab-pane.active {
    visibility: visible
}

.nav-tabs-scroll {
    white-space: nowrap;
    -ms-flex-wrap: nowrap;
    flex-wrap: nowrap;
    overflow: hidden
}

.nav-tabs-scroll:not([class*=sticky-nav]) {
    position: relative
}

@supports (overflow:overlay) or (scrollbar-width:none) {
    .nav-tabs-scroll.is-scrollable {
        overflow-x: scroll;
        scrollbar-width: auto
    }

    .nav-tabs-scroll.is-scrollable::-webkit-scrollbar {
        display: none;
        width: 0
    }
}

.nav-tabs {
    border-width: 0;
    border-color: #e2e7e9
}

.nav-tabs .nav-item {
    display: -ms-flexbox;
    display: flex
}

.nav-tabs .nav-link {
    width: 100%;
    height: calc(100% - 1px);
    box-shadow: none !important;
    border: 1px solid #e5eaef;
    border-radius: 1rem;
}

.nav-tabs .nav-link:not([class*=btn-]) {
    color: #7c8087;
    background-color: #f8f8f8
}

.nav-tabs .nav-link:not([class*=btn-]):hover {
    background-color: #fff;
    border-color: #d1d9e3
}

.nav-tabs .nav-item.show .nav-link,
.nav-tabs .nav-link.active {
    height: calc(100% + 1px)
}

.nav-tabs .nav-item.show .nav-link:not([class*=btn-]),
.nav-tabs .nav-link.active:not([class*=btn-]) {
    color: #000;
    background-color: #fff;
    border-color: #c5d0dc
}

.tabs-above > .nav-tabs:not(.simple-tabs) {
    border-width: 0
}

.tabs-above > .nav-tabs:not(.simple-tabs) .nav-link {
    border-width: 1px 1px 0
}

.nav-tabs .nav-item.show .nav-link,
.tabs-above > .nav-tabs:not(.simple-tabs) .nav-link.active,
.tabs-above > .nav-tabs:not(.simple-tabs) .nav-link.btn:active {
    margin-top: -1px;
    border-width: 2px 1px 1px
}

.nav-tabs .nav-item.show .nav-link,
.tabs-above > .nav-tabs:not(.simple-tabs) .nav-link.active {
    border-bottom-color: transparent
}

.nav-tabs .nav-item.show .nav-link:not([class*=btn-]),
.tabs-above > .nav-tabs:not(.simple-tabs) .nav-link.active:not([class*=btn-]) {
    border-top-color: #85afe2
}

.nav-tabs.nav-tabs-simple .nav-link {
    border-width: 0;
    margin-left: .5rem;
    padding-right: .25rem;
    background-color: transparent;
    color: #7c8087;
    height: calc(100% - 1px)
}

.nav-tabs.nav-tabs-simple .nav-link:not(.active):hover {
    color: #586670;
    background-color: transparent
}

.nav-tabs-simple .nav-item.show .nav-link,
.nav-tabs.nav-tabs-simple .nav-link.active {
    border-width: 0 0 5px 0;
    color: #070078;
    background-color: transparent
}

.nav-tabs-simple .nav-item.show .nav-link:not([class*=btn-]),
.nav-tabs.nav-tabs-simple .nav-link.active:not([class*=btn-]) {
    border-bottom-color: #070078
}

.nav-tabs.nav-tabs-simple + .tab-content {
    border-width: 0;
    padding: .75rem
}

.nav-tabs.nav-tabs-simple.nav-tabs-double {
    background-color: #f4f5f7;
    border-width: 1px 0;
    border-style: solid
}

.nav-tabs.nav-tabs-simple.nav-tabs-double .nav-item.show .nav-link,
.nav-tabs.nav-tabs-simple.nav-tabs-double .nav-link.active {
    background-color: rgba(255, 255, 255, .87)
}

.tabs-below {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: column-reverse;
    flex-direction: column-reverse
}

.tabs-below > .nav-tabs .nav-item {
    margin-bottom: 0
}

.tabs-below > .nav-tabs .nav-link {
    border-width: 0 1px 1px;
    border-radius: 0 0 .25rem .25rem
}

.tabs-below .nav-tabs .nav-item.show .nav-link,
.tabs-below > .nav-tabs .nav-link.active,
.tabs-below > .nav-tabs .nav-link.btn:active {
    margin-top: -1px;
    border-width: 1px 1px 2px
}

.tabs-below .nav-tabs .nav-item.show .nav-link,
.tabs-below > .nav-tabs .nav-link.active {
    border-top-color: transparent;
    position: relative
}

.tabs-below .nav-tabs .nav-item.show .nav-link:not([class*=btn-]),
.tabs-below > .nav-tabs .nav-link.active:not([class*=btn-]) {
    border-bottom-color: #85afe2
}

.tabs-left {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: row;
    flex-direction: row
}

.tabs-left > .tab-content {
    -ms-flex-positive: 1;
    flex-grow: 1
}

.tabs-left > .nav-tabs {
    -ms-flex-direction: column;
    flex-direction: column
}

.tabs-left > .nav-tabs .nav-item {
    margin-bottom: 0;
    margin-top: 0;
    display: list-item
}

.tabs-left > .nav-tabs .nav-link {
    border-width: 1px 1px 1px 0;
    border-radius: 0 .25rem .25rem 0;
    margin: 0 0 -1px 0;
    width: auto;
    height: auto
}

.tabs-left .nav-tabs .nav-item.show .nav-link,
.tabs-left > .nav-tabs .nav-link.active,
.tabs-left > .nav-tabs .nav-link.btn:active {
    font-weight: 400;
    margin: 0 -1px -1px -1px;
    border-width: 1px 2px 1px 1px
}

.tabs-left .nav-tabs .nav-item.show .nav-link,
.tabs-left > .nav-tabs .nav-link.active {
    border-left-color: transparent;
    position: relative
}

.tabs-left .nav-tabs .nav-item.show .nav-link:not([class*=btn-]),
.tabs-left > .nav-tabs .nav-link.active:not([class*=btn-]) {
    border-right-color: #85afe2
}

.tabs-right {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: row-reverse;
    flex-direction: row-reverse
}

.tabs-right > .tab-content {
    -ms-flex-positive: 1;
    flex-grow: 1
}

.tabs-right > .nav-tabs {
    -ms-flex-direction: column;
    flex-direction: column
}

.tabs-right > .nav-tabs .nav-item {
    margin-bottom: 0;
    margin-top: 0;
    display: list-item
}

.tabs-right > .nav-tabs .nav-link {
    border-width: 1px 0 1px 1px;
    border-radius: .25rem 0 0 .25rem;
    margin: 0 0 -1px 0;
    width: auto;
    height: auto
}

.tabs-right .nav-tabs .nav-item.show .nav-link,
.tabs-right > .nav-tabs .nav-link.active,
.tabs-right > .nav-tabs .nav-link.btn:active {
    font-weight: 400;
    margin: 0 -1px -1px -1px;
    border-width: 1px 1px 1px 2px
}

.tabs-right .nav-tabs .nav-item.show .nav-link,
.tabs-right > .nav-tabs .nav-link.active {
    border-right-color: transparent;
    position: relative
}

.tabs-right .nav-tabs .nav-item.show .nav-link:not([class*=btn-]),
.tabs-right > .nav-tabs .nav-link.active:not([class*=btn-]) {
    border-left-color: #85afe2
}

.nav-tabs-lg .nav-item {
    margin-right: .25rem;
    margin-left: .25rem
}

.nav-tabs-lg .nav-item .nav-link {
    width: 100%
}

.nav-tabs-lg .nav-link {
    border-radius: .25rem .25rem 0 0;
    font-size: 1rem;
    padding: .75rem 1rem
}

.nav-tabs-lg.nav-tabs-compact.nav-tabs .nav-item {
    margin: 0 0 -1px -1px
}

.nav-tabs-lg.nav-tabs-compact.nav-tabs .nav-link {
    border-radius: 0
}

.nav-tabs-lg.nav-tabs-compact.nav-tabs .nav-item:first-child .nav-link {
    border-top-right-radius: .25rem
}

.nav-tabs-lg.nav-tabs-compact.nav-tabs .nav-item:last-child .nav-link {
    border-top-left-radius: .25rem
}

.nav-tabs.page-nav-tabs {
    margin: 0 -1rem;
    padding: 0 1rem
}

.nav-tabs.page-nav-tabs + .tab-content {
    border-width: 1px 0 0
}

.nav-tabs.page-nav-tabs .nav-item .nav-link {
    width: 100%;
    transition: background-color 120ms, border-color 120ms, color 120ms;
    font-weight: 600;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-align: center;
    align-items: center;
    -ms-flex-pack: center;
    justify-content: center
}

@media (prefers-reduced-motion:reduce) {
    .nav-tabs.page-nav-tabs .nav-item .nav-link {
        transition: none
    }
}

.nav-tabs.page-nav-tabs.nav-tabs-simple .nav-item {
    margin: 0 0 -1px 1px
}

.nav-tabs.page-nav-tabs.nav-tabs-simple .nav-link {
    font-weight: 600;
    border-bottom: 2px solid;
    padding: .75rem .5rem;
    margin-left: 2px
}

.nav-tabs.page-nav-tabs.nav-tabs-simple .nav-link:hover {
    background-color: #f6f8f9
}

.nav-tabs.page-nav-tabs.nav-tabs-simple .nav-link:not(.active) {
    border-bottom-color: transparent !important
}

.nav-tabs.page-nav-tabs.nav-tabs-simple .nav-link:not(.active):hover {
    border-bottom: 2px solid #a9c1d7
}

.nav-tabs.page-nav-tabs.nav-tabs-simple .nav-item.show .nav-link,
.nav-tabs.page-nav-tabs.nav-tabs-simple .nav-link.active {
    border-bottom-width: 3px
}

.nav-tabs.page-nav-tabs.nav-tabs-simple + .tab-content {
    border-top-width: 0
}

.nav-tabs.page-nav-tabs.nav-tabs-simple.nav-tabs-double .nav-link:hover {
    background-color: rgba(255, 255, 255, .85)
}

.nav-tabs.page-nav-tabs.nav-tabs-simple.nav-tabs-double .nav-item.show .nav-link,
.nav-tabs.page-nav-tabs.nav-tabs-simple.nav-tabs-double .nav-link.active {
    border-bottom-width: 2px
}

.nav-tabs.page-nav-tabs.nav-tabs-boxed {
    background-color: #f7f8fa;
    border-width: 0;
    margin: 0;
    padding: 0
}

.nav-tabs.page-nav-tabs.nav-tabs-boxed .nav-item {
    margin: 0 0 0 -1px;
    display: -ms-flexbox;
    display: flex
}

.nav-tabs.page-nav-tabs.nav-tabs-boxed .nav-item:last-child {
    margin-left: 0
}

.nav-tabs.page-nav-tabs.nav-tabs-boxed .nav-link {
    border-radius: 0;
    padding: .875rem .75rem;
    height: 100%;
    font-size: .925rem;
    border: 1px solid
}

.nav-tabs.page-nav-tabs.nav-tabs-boxed .nav-link:not([class*=btn-]) {
    background-color: transparent
}

.nav-tabs.page-nav-tabs.nav-tabs-boxed .nav-link:not(.active) {
    border-color: rgba(0, 0, 0, .075) !important
}

.nav-tabs.page-nav-tabs.nav-tabs-boxed .nav-link:not([class*=btn-h-]):not(.active):hover {
    background-color: #f4f4f5
}

.nav-tabs.page-nav-tabs.nav-tabs-boxed .nav-link[class*=btn-h-]:hover {
    z-index: 1
}

.nav-tabs.page-nav-tabs.nav-tabs-boxed .nav-item:first-child .nav-link {
    border-radius: 0 .25rem .25rem 0
}

.nav-tabs.page-nav-tabs.nav-tabs-boxed .nav-item:last-child .nav-link {
    border-radius: .25rem 0 0 .25rem
}

.nav-tabs.page-nav-tabs.nav-tabs-boxed .nav-item.show .nav-link,
.nav-tabs.page-nav-tabs.nav-tabs-boxed .nav-link.active {
    margin-top: 0;
    margin-bottom: 0;
    border-bottom-width: 3px;
    font-weight: .95rem;
    z-index: 2;
    background-color: #fff
}

.nav-tabs.page-nav-tabs.nav-tabs-boxed .nav-item.show .nav-link:not([class*=btn-a-]),
.nav-tabs.page-nav-tabs.nav-tabs-boxed .nav-link.active:not([class*=btn-a-]) {
    color: #6097c0;
    border-color: #bad0ea #bad0ea #85afe2
}

.nav-tabs[class*=nav-tabs-color-] {
    padding: .325rem .75rem 0;
    border-style: solid;
    border-width: 1px 1px 0
}

.nav-tabs[class*=nav-tabs-color-] .nav-link {
    color: #fff;
    border-color: transparent;
    margin-left: 3px
}

.nav-tabs[class*=nav-tabs-color-] .nav-link:last-child .nav-link {
    margin-left: 0
}

.nav-tabs[class*=nav-tabs-color-] .nav-item.show .nav-link,
.nav-tabs[class*=nav-tabs-color-] .nav-link.active {
    background-color: #fff;
    font-weight: 400;
    color: #6494b8
}

.tabs-below .nav-tabs[class*=nav-tabs-color-] {
    padding: 0 .75rem .325rem;
    border-width: 0 1px 1px
}

.tabs-below .nav-tabs[class*=nav-tabs-color-] .nav-item.show .nav-link,
.tabs-below .nav-tabs[class*=nav-tabs-color-] .nav-link.active {
    border-color: transparent #7db4d8 #7db4d8
}

.tabs-left .nav-tabs[class*=nav-tabs-color-] {
    padding: .125rem .325rem .325rem 0;
    border-width: 1px 1px 1px 0
}

.tabs-left .nav-tabs[class*=nav-tabs-color-] .nav-link {
    margin-left: 0;
    margin-top: 3px
}

.tabs-left .nav-tabs[class*=nav-tabs-color-] .nav-item.show .nav-link,
.tabs-left .nav-tabs[class*=nav-tabs-color-] .nav-link.active {
    margin-left: -1px;
    border-color: #7db4d8 #7db4d8 #7db4d8 transparent
}

.tabs-right .nav-tabs[class*=nav-tabs-color-] {
    padding: .125rem 0 .325rem .325rem;
    border-width: 1px 0 1px 1px
}

.tabs-right .nav-tabs[class*=nav-tabs-color-] .nav-link {
    margin-left: 0;
    margin-top: 3px
}

.tabs-right .nav-tabs[class*=nav-tabs-color-] .nav-item.show .nav-link,
.tabs-right .nav-tabs[class*=nav-tabs-color-] .nav-link.active {
    margin-right: -1px;
    margin-left: -1px;
    border-color: #7db4d8 transparent #7db4d8 #7db4d8
}

.nav-tabs.nav-tabs-color-blue {
    background-color: #eff3f8;
    border-color: #c5d0dc
}

.nav-tabs.nav-tabs-color-blue .nav-link,
.nav-tabs.nav-tabs-color-blue .nav-link:not(.active):hover {
    background-color: #7db4d8;
    border-color: transparent
}

.nav-tabs.nav-tabs-color-blue .nav-item.show .nav-link,
.nav-tabs.nav-tabs-color-blue .nav-link.active {
    color: #6494b8;
    border-color: #7db4d8 #7db4d8 transparent
}

.accordion .card {
    border: 1px solid #c9dce8
}

.accordion .card:first-of-type,
.accordion .card:not(:first-of-type):not(:last-of-type) {
    border-bottom: 1px solid #c9dce8
}

.accordion .card[class*=brc-] .card-header {
    border-bottom-width: 0
}

.accordion .card + .card {
    margin-top: .125rem
}

.accordion .card-header {
    border-bottom-color: #c9dce8;
    padding: 0
}

.accordion .card-header .card-title {
    font-size: 1rem
}

.accordion .card-header .accordion-toggle {
    display: block;
    width: 100%;
    padding: .75rem 1.25rem .875rem;
    font-weight: 600;
    color: #508dc1;
    background-color: #f2f7fb;
    position: relative;
    overflow: hidden
}

.accordion .card-header .accordion-toggle.collapsed {
    font-weight: 400;
    color: #6e94a8;
    background-color: #fbfbfb
}

.accordion .card-header .accordion-toggle:hover {
    color: #508dc1;
    background-color: #f1f8fd;
    text-decoration: none
}

a[data-toggle=collapse].collapsed .toggle-icon {
    -webkit-transform: none;
    transform: none
}

a[data-toggle=collapse] .toggle-icon {
    transition: -webkit-transform .15s;
    transition: transform .15s;
    transition: transform .15s, -webkit-transform .15s
}

@media (prefers-reduced-motion:reduce) {
    a[data-toggle=collapse] .toggle-icon {
        transition: none
    }
}

a[data-toggle=collapse]:not(.collapsed) .toggle-icon[class*="-down"] {
    -webkit-transform: rotate(180deg);
    transform: rotate(180deg)
}

a[data-toggle=collapse]:not(.collapsed) .toggle-icon[class*="-left"] {
    -webkit-transform: rotate(90deg);
    transform: rotate(90deg)
}

a[data-toggle=collapse]:not(.collapsed) .toggle-icon[class*="-right"] {
    -webkit-transform: rotate(-90deg);
    transform: rotate(-90deg)
}

.tooltip {
    top: 0
}

.bs-tooltip-auto[x-placement=top] .arrow,
.bs-tooltip-top .arrow {
    right: calc(50% - .4rem) !important
}

.bs-tooltip-auto[x-placement=top] .arrow[class*=brc-]::before,
.bs-tooltip-top .arrow[class*=brc-]::before {
    border-top-color: inherit
}

.bs-tooltip-auto[x-placement=top] .arrow + .arrow,
.bs-tooltip-top .arrow + .arrow {
    margin-bottom: 2px
}

.bs-tooltip-auto[x-placement=bottom] .arrow,
.bs-tooltip-bottom .arrow {
    right: calc(50% - .4rem) !important
}

.bs-tooltip-auto[x-placement=bottom] .arrow[class*=brc-]::before,
.bs-tooltip-bottom .arrow[class*=brc-]::before {
    border-bottom-color: inherit
}

.bs-tooltip-auto[x-placement=bottom] .arrow + .arrow,
.bs-tooltip-bottom .arrow + .arrow {
    margin-top: 2px
}

.bs-tooltip-auto[x-placement=left] .arrow,
.bs-tooltip-left .arrow {
    top: calc(50% - .4rem) !important
}

.bs-tooltip-auto[x-placement=left] .arrow[class*=brc-]::before,
.bs-tooltip-left .arrow[class*=brc-]::before {
    border-right-color: inherit
}

.bs-tooltip-auto[x-placement=left] .arrow + .arrow,
.bs-tooltip-left .arrow + .arrow {
    margin-left: 2px
}

.bs-tooltip-auto[x-placement=right] .arrow,
.bs-tooltip-right .arrow {
    top: calc(50% - .4rem) !important
}

.bs-tooltip-auto[x-placement=right] .arrow[class*=brc-]::before,
.bs-tooltip-right .arrow[class*=brc-]::before {
    border-left-color: inherit
}

.bs-tooltip-auto[x-placement=right] .arrow + .arrow,
.bs-tooltip-right .arrow + .arrow {
    margin-right: 2px
}

.popover .arrow2 {
    z-index: 1
}

.popover .arrow2 + .arrow::after,
.popover .arrow2::after {
    display: none
}

.bs-popover-auto[x-placement=top] .arrow,
.bs-popover-top .arrow {
    right: calc(50% - .5rem) !important;
    margin-right: 0;
    margin-left: 0
}

.bs-popover-auto[x-placement=top] .arrow[class*=brc-]::before,
.bs-popover-top .arrow[class*=brc-]::before {
    border-top-color: inherit
}

.bs-popover-auto[x-placement=top] .arrow2,
.bs-popover-top .arrow2 {
    margin-bottom: 1px
}

.bs-popover-auto[x-placement=bottom] .arrow,
.bs-popover-bottom .arrow {
    right: calc(50% - .5rem) !important;
    margin-right: 0;
    margin-left: 0
}

.bs-popover-auto[x-placement=bottom] .arrow[class*=brc-]::before,
.bs-popover-bottom .arrow[class*=brc-]::before {
    border-bottom-color: inherit
}

.bs-popover-auto[x-placement=bottom] .arrow2,
.bs-popover-bottom .arrow2 {
    margin-top: 1px
}

.bs-popover-auto[x-placement=left] .arrow,
.bs-popover-left .arrow {
    top: calc(50% - .5rem) !important;
    margin-top: 0;
    margin-bottom: 0
}

.bs-popover-auto[x-placement=left] .arrow[class*=brc-]::before,
.bs-popover-left .arrow[class*=brc-]::before {
    border-right-color: inherit
}

.bs-popover-auto[x-placement=left] .arrow2,
.bs-popover-left .arrow2 {
    margin-left: 1px
}

.bs-popover-auto[x-placement=right] .arrow,
.bs-popover-right .arrow {
    top: calc(50% - .5rem) !important;
    margin-top: 0;
    margin-bottom: 0
}

.bs-popover-auto[x-placement=right] .arrow[class*=brc-]::before,
.bs-popover-right .arrow[class*=brc-]::before {
    border-left-color: inherit
}

.bs-popover-auto[x-placement=right] .arrow2,
.bs-popover-right .arrow2 {
    margin-right: 1px
}

.popover .arrow[class*=brc-] ~ .popover-header::before {
    display: none !important
}

.alert {
    border-radius: 3px;
    color: #57585b
}

.alert-collapse.collapsing {
    transition-duration: 150ms
}

.ace-toaster-container {
    position: fixed !important;
    z-index: 1021;
    pointer-events: none;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: column;
    flex-direction: column;
    -ms-flex-align: center;
    align-items: center;
    font-size: 1em
}

.ace-toaster-container.position-br,
.ace-toaster-container.position-rc,
.ace-toaster-container.position-tr {
    left: 2rem;
    -ms-flex-align: end;
    align-items: end
}

.ace-toaster-container.position-tr {
    top: 2rem
}

.ace-toaster-container.position-br {
    bottom: 2rem
}

.ace-toaster-container.position-bl,
.ace-toaster-container.position-lc,
.ace-toaster-container.position-tl {
    right: 2rem;
    -ms-flex-align: start;
    align-items: start
}

.ace-toaster-container.position-tl {
    top: 2rem
}

.ace-toaster-container.position-bl {
    bottom: 2rem
}

.ace-toaster-container.position-bc {
    top: auto;
    bottom: 2rem
}

.ace-toaster-container.position-tc {
    bottom: auto;
    top: 2rem
}

.ace-toaster-container.toaster-below-nav {
    margin-top: 4.5rem;
    margin-top: var(--navbar-height);
    z-index: 1019
}

@media (max-width:1199.98px) {
    .ace-toaster-container.toaster-below-nav {
        margin-top: 4rem;
        margin-top: var(--navbar-mobile-height)
    }
}

.ace-toaster-container .toast {
    pointer-events: all;
    position: relative;
    z-index: inherit;
    width: 40rem;
    max-width: calc(100vw - 2rem)
}

.ace-toaster-container .toast .toast-header {
    position: relative
}

.ace-toaster-container .toast .toast-header .close {
    -ms-flex-item-align: start;
    align-self: flex-start
}

.ace-toaster-container .toast .toast-image {
    -ms-flex-negative: 0;
    flex-shrink: 0;
    margin-top: .75rem;
    margin-right: .5rem;
    overflow: hidden;
    -ms-flex-item-align: start;
    align-self: flex-start;
    padding: 1px
}

.ace-toaster-container .toast .toast-image img {
    border-radius: .1875rem
}

.ace-toaster-container .toast .toast-main {
    -ms-flex-positive: 1;
    flex-grow: 1;
    width: 100%
}

.ace-toaster-container .toast.collapsing {
    transition-duration: 250ms;
    margin-bottom: 0
}

.ace-toaster-container .toast .toast-title {
    margin-left: auto
}

.modal-header {
    border-bottom-color: #e4e9ee
}

.modal-footer {
    border-top-color: #e4e9ee;
    background-color: #eff3f8
}

.ace-aside {
    transition: z-index 0s 250ms
}

@media (prefers-reduced-motion:reduce) {
    .ace-aside {
        transition: none
    }
}

.ace-aside.aside-hover {
    transition-delay: 750ms
}

.ace-aside.aside-hover:hover,
.ace-aside.show {
    transition-delay: 0s
}

.ace-aside.modal-nb {
    pointer-events: none;
    z-index: 1018
}

.ace-aside.modal-nb.aside-hover:hover,
.ace-aside.modal-nb.show {
    z-index: 1021
}

.ace-aside.modal-nb.aside-offset:not(.aside-below-nav) {
    z-index: 1021
}

.ace-aside.modal-nb.aside-offset:not(.aside-below-nav).aside-hover:hover,
.ace-aside.modal-nb.aside-offset:not(.aside-below-nav).show {
    z-index: 1022
}

.ace-aside.aside-below-nav.aside-hover:hover,
.ace-aside.aside-below-nav.show {
    z-index: 1019
}

.ace-aside:not(.modal-nb) {
    z-index: 1018
}

.ace-aside:not(.modal-nb).aside-hover:hover,
.ace-aside:not(.modal-nb).show {
    z-index: 1050
}

.ace-aside:not(.modal-nb) {
    width: 100%;
    height: 100%;
    overflow-y: hidden
}

.ace-aside:not(.modal-nb).aside-bottom {
    display: -ms-flexbox !important;
    display: flex !important;
    -ms-flex-align: end;
    align-items: flex-end
}

.ace-aside:not(.modal-nb).aside-bottom:not(.aside-r):not(.aside-l):not(.aside-c) .modal-dialog {
    width: 100%
}

.ace-aside {
    display: block !important;
    padding-right: 0 !important;
    padding-left: 0 !important;
    width: auto;
    height: auto;
    visibility: hidden
}

.ace-aside.modal-nb {
    overflow: visible !important
}

.ace-aside.show:not(.modal-nb) {
    visibility: visible
}

.ace-aside.aside-hover:not(.modal-nb):hover {
    visibility: visible
}

.ace-aside.fade {
    opacity: 1
}

.ace-aside.fade .modal-dialog {
    transition-duration: 250ms
}

.ace-aside .modal-dialog {
    margin: 0 auto;
    display: -ms-flexbox;
    display: flex;
    transition: -webkit-transform 250ms;
    transition: transform 250ms;
    transition: transform 250ms, -webkit-transform 250ms;
    max-width: none
}

@media (prefers-reduced-motion:reduce) {
    .ace-aside .modal-dialog {
        transition: none
    }
}

.ace-aside .modal-dialog .aside-header {
    pointer-events: all;
    -ms-flex-order: -1;
    order: -1;
    position: relative;
    z-index: 1;
    visibility: visible
}

.ace-aside .modal-dialog .modal-content {
    z-index: 2
}

.ace-aside.show .modal-dialog {
    visibility: visible
}

.ace-aside.aside-bottom,
.ace-aside.aside-top {
    right: 0;
    left: 0;
    width: 100%
}

.ace-aside.aside-bottom .modal-dialog,
.ace-aside.aside-top .modal-dialog {
    -ms-flex-align: center;
    align-items: center;
    -webkit-transform: translateY(0);
    transform: translateY(0)
}

.ace-aside.aside-bottom .aside-header,
.ace-aside.aside-top .aside-header {
    height: 3rem
}

.ace-aside.aside-top {
    top: 0;
    bottom: auto
}

.ace-aside.aside-top .modal-dialog {
    -webkit-transform: translateY(-100%);
    transform: translateY(-100%);
    -ms-flex-direction: column-reverse;
    flex-direction: column-reverse;
    margin-top: 0
}

.ace-aside.aside-top .modal-content {
    border-width: 0 0 1px 0
}

.ace-aside.aside-top.aside-offset .modal-dialog {
    -webkit-transform: translateY(-100%) translateY(3rem);
    transform: translateY(-100%) translateY(3rem)
}

.ace-aside.aside-top.aside-hover:hover .modal-dialog,
.ace-aside.aside-top.show .modal-dialog {
    -webkit-transform: translateY(0);
    transform: translateY(0)
}

.ace-aside.aside-top.aside-hover:hover.margin-1 .modal-dialog,
.ace-aside.aside-top.show.margin-1 .modal-dialog {
    -webkit-transform: translateY(.25rem);
    transform: translateY(.25rem)
}

.ace-aside.aside-top.aside-hover:hover.margin-2 .modal-dialog,
.ace-aside.aside-top.show.margin-2 .modal-dialog {
    -webkit-transform: translateY(.5rem);
    transform: translateY(.5rem)
}

.ace-aside.aside-top.aside-hover:hover.margin-3 .modal-dialog,
.ace-aside.aside-top.show.margin-3 .modal-dialog {
    -webkit-transform: translateY(1rem);
    transform: translateY(1rem)
}

.ace-aside.aside-top.aside-hover:hover.margin-4 .modal-dialog,
.ace-aside.aside-top.show.margin-4 .modal-dialog {
    -webkit-transform: translateY(1.5rem);
    transform: translateY(1.5rem)
}

.ace-aside.aside-top.aside-hover:hover.margin-5 .modal-dialog,
.ace-aside.aside-top.show.margin-5 .modal-dialog {
    -webkit-transform: translateY(3rem);
    transform: translateY(3rem)
}

.ace-aside.aside-bottom {
    bottom: 0;
    top: auto
}

.ace-aside.aside-bottom .modal-dialog {
    -webkit-transform: translateY(100%);
    transform: translateY(100%);
    -ms-flex-direction: column;
    flex-direction: column;
    margin-bottom: 0
}

.ace-aside.aside-bottom .modal-content {
    border-width: 1px 0 0 0
}

.ace-aside.aside-bottom.aside-offset .modal-dialog {
    -webkit-transform: translateY(100%) translateY(-3rem);
    transform: translateY(100%) translateY(-3rem)
}

.ace-aside.aside-bottom.aside-hover:hover .modal-dialog,
.ace-aside.aside-bottom.show .modal-dialog {
    -webkit-transform: translateY(0);
    transform: translateY(0)
}

.ace-aside.aside-bottom.aside-hover:hover.margin-1 .modal-dialog,
.ace-aside.aside-bottom.show.margin-1 .modal-dialog {
    -webkit-transform: translateY(-.25rem);
    transform: translateY(-.25rem)
}

.ace-aside.aside-bottom.aside-hover:hover.margin-2 .modal-dialog,
.ace-aside.aside-bottom.show.margin-2 .modal-dialog {
    -webkit-transform: translateY(-.5rem);
    transform: translateY(-.5rem)
}

.ace-aside.aside-bottom.aside-hover:hover.margin-3 .modal-dialog,
.ace-aside.aside-bottom.show.margin-3 .modal-dialog {
    -webkit-transform: translateY(-1rem);
    transform: translateY(-1rem)
}

.ace-aside.aside-bottom.aside-hover:hover.margin-4 .modal-dialog,
.ace-aside.aside-bottom.show.margin-4 .modal-dialog {
    -webkit-transform: translateY(-1.5rem);
    transform: translateY(-1.5rem)
}

.ace-aside.aside-bottom.aside-hover:hover.margin-5 .modal-dialog,
.ace-aside.aside-bottom.show.margin-5 .modal-dialog {
    -webkit-transform: translateY(-3rem);
    transform: translateY(-3rem)
}

.ace-aside.aside-c .modal-dialog,
.ace-aside.aside-l .modal-dialog,
.ace-aside.aside-r .modal-dialog {
    width: 500px;
    max-width: calc(100vw - 1rem)
}

.ace-aside.aside-l .modal-dialog {
    margin-right: 0
}

.ace-aside.aside-r .modal-dialog {
    margin-left: 0
}

.ace-aside.aside-left,
.ace-aside.aside-right {
    top: 0;
    bottom: 0
}

.ace-aside.aside-left .modal-dialog,
.ace-aside.aside-right .modal-dialog {
    -ms-flex-align: center;
    align-items: center;
    width: 500px;
    max-width: calc(100vw - 1rem);
    height: 100%;
    max-height: 100vh
}

.ace-aside.aside-left .modal-dialog .modal-content,
.ace-aside.aside-right .modal-dialog .modal-content {
    height: 100%
}

.ace-aside.aside-left .modal-dialog .aside-header,
.ace-aside.aside-right .modal-dialog .aside-header {
    width: 3rem;
    -ms-flex: 0 0 auto;
    flex: 0 0 auto;
    word-break: break-all
}

.ace-aside.aside-right {
    left: 0;
    right: auto
}

.ace-aside.aside-right .modal-dialog {
    -webkit-transform: translateX(-100%);
    transform: translateX(-100%);
    -ms-flex-direction: row;
    flex-direction: row;
    margin-left: 0
}

.ace-aside.aside-right .aside-header {
    -ms-flex-order: -1;
    order: -1
}

.ace-aside.aside-right .modal-content {
    border-width: 0 1px 0 0
}

.ace-aside.aside-right.aside-offset .modal-dialog {
    -webkit-transform: translateX(-100%) translateX(3rem);
    transform: translateX(-100%) translateX(3rem)
}

.ace-aside.aside-right.aside-hover:hover .modal-dialog,
.ace-aside.aside-right.show .modal-dialog {
    -webkit-transform: translateX(0);
    transform: translateX(0)
}

.ace-aside.aside-right.aside-hover:hover.margin-1 .modal-dialog,
.ace-aside.aside-right.show.margin-1 .modal-dialog {
    -webkit-transform: translateX(.25rem);
    transform: translateX(.25rem)
}

.ace-aside.aside-right.aside-hover:hover.margin-2 .modal-dialog,
.ace-aside.aside-right.show.margin-2 .modal-dialog {
    -webkit-transform: translateX(.5rem);
    transform: translateX(.5rem)
}

.ace-aside.aside-right.aside-hover:hover.margin-3 .modal-dialog,
.ace-aside.aside-right.show.margin-3 .modal-dialog {
    -webkit-transform: translateX(1rem);
    transform: translateX(1rem)
}

.ace-aside.aside-right.aside-hover:hover.margin-4 .modal-dialog,
.ace-aside.aside-right.show.margin-4 .modal-dialog {
    -webkit-transform: translateX(1.5rem);
    transform: translateX(1.5rem)
}

.ace-aside.aside-right.aside-hover:hover.margin-5 .modal-dialog,
.ace-aside.aside-right.show.margin-5 .modal-dialog {
    -webkit-transform: translateX(3rem);
    transform: translateX(3rem)
}

.ace-aside.aside-left {
    right: 0;
    left: auto
}

.ace-aside.aside-left .modal-dialog {
    -webkit-transform: translateX(100%);
    transform: translateX(100%);
    -ms-flex-direction: row-reverse;
    flex-direction: row-reverse;
    margin-right: 0
}

.ace-aside.aside-left .modal-content {
    border-width: 0 0 0 1px
}

.ace-aside.aside-left.aside-offset .modal-dialog {
    -webkit-transform: translateX(100%) translateX(-3rem);
    transform: translateX(100%) translateX(-3rem)
}

.ace-aside.aside-left.aside-hover:hover .modal-dialog,
.ace-aside.aside-left.show .modal-dialog {
    -webkit-transform: translateX(0);
    transform: translateX(0)
}

.ace-aside.aside-left.aside-hover:hover.margin-1 .modal-dialog,
.ace-aside.aside-left.show.margin-1 .modal-dialog {
    -webkit-transform: translateX(-.25rem);
    transform: translateX(-.25rem)
}

.ace-aside.aside-left.aside-hover:hover.margin-2 .modal-dialog,
.ace-aside.aside-left.show.margin-2 .modal-dialog {
    -webkit-transform: translateX(-.5rem);
    transform: translateX(-.5rem)
}

.ace-aside.aside-left.aside-hover:hover.margin-3 .modal-dialog,
.ace-aside.aside-left.show.margin-3 .modal-dialog {
    -webkit-transform: translateX(-1rem);
    transform: translateX(-1rem)
}

.ace-aside.aside-left.aside-hover:hover.margin-4 .modal-dialog,
.ace-aside.aside-left.show.margin-4 .modal-dialog {
    -webkit-transform: translateX(-1.5rem);
    transform: translateX(-1.5rem)
}

.ace-aside.aside-left.aside-hover:hover.margin-5 .modal-dialog,
.ace-aside.aside-left.show.margin-5 .modal-dialog {
    -webkit-transform: translateX(-3rem);
    transform: translateX(-3rem)
}

.ace-aside.aside-m {
    margin-top: auto;
    margin-bottom: auto
}

.ace-aside.aside-m .modal-dialog {
    max-height: calc(100vh - 2rem);
    height: 400px;
    position: absolute;
    top: 0;
    bottom: 0;
    right: 0;
    left: 0;
    margin-top: auto;
    margin-bottom: auto
}

.ace-aside.aside-center {
    top: 0;
    right: 0;
    width: 100%;
    height: 100%;
    display: -ms-flexbox !important;
    display: flex !important;
    visibility: hidden;
    -ms-flex-align: center;
    align-items: center;
    -ms-flex-pack: center;
    justify-content: center
}

.ace-aside.aside-center .modal-dialog {
    width: 500px;
    max-width: calc(100vw - 1rem)
}

.ace-aside.aside-below-nav:not(.aside-bottom) {
    top: 4.5rem;
    top: var(--navbar-height)
}

@media (min-width:1200px) {
    .navbar-sm ~ .main-container .ace-side.aside-below-nav:not(.aside-bottom) {
        top: 4rem;
        top: var(--navbar-sm-height)
    }
}

@media (max-width:1199.98px) {
    .ace-aside.aside-below-nav:not(.aside-bottom) {
        top: 4rem;
        top: var(--navbar-mobile-height)
    }
}

.ace-aside .modal-content,
.ace-aside:not(.aside-offset) .aside-header {
    visibility: hidden;
    transition: visibility 0s 250ms
}

.ace-aside.aside-hover:hover .modal-content,
.ace-aside.aside-hover:hover:not(.aside-offset) .aside-header,
.ace-aside.show .modal-content,
.ace-aside.show:not(.aside-offset) .aside-header {
    visibility: visible;
    transition-delay: 0s
}

.ace-aside .modal-content.scroll-content {
    max-height: 100%;
    overflow: hidden auto
}

@media (min-width:1200px) {

    .container .aside-left.container,
    .container .aside-right.container {
        -webkit-transform: none;
        transform: none;
        left: 0;
        right: 0;
        width: 100%;
        -webkit-clip-path: inset(-30px 0 -30px 0);
        clip-path: inset(-30px 0 -30px 0)
    }

    .container .aside-right.container .modal-dialog {
        margin-left: 0
    }

    .container .aside-left.container .modal-dialog {
        margin-right: 0
    }

    .container .container:not(.modal-nb).aside-left,
    .container .container:not(.modal-nb).aside-right {
        min-width: 100%;
        max-height: none
    }

    .container .container:not(.modal-nb).aside-left .modal-dialog,
    .container .container:not(.modal-nb).aside-right .modal-dialog {
        max-width: inherit;
        width: auto;
        margin: auto;
        -ms-flex-pack: end;
        justify-content: flex-end;
        -ms-flex-align: center;
        align-items: center
    }

    .container .container:not(.modal-nb).aside-left .modal-dialog .modal-content,
    .container .container:not(.modal-nb).aside-right .modal-dialog .modal-content {
        width: 500px;
        max-width: calc(100vw - 1rem)
    }

    .container .container:not(.modal-nb).aside-bottom,
    .container .container:not(.modal-nb).aside-top {
        min-width: 100%
    }

    .container .container:not(.modal-nb).aside-bottom .modal-dialog,
    .container .container:not(.modal-nb).aside-top .modal-dialog {
        max-width: inherit;
        width: 100%;
        margin-right: auto;
        margin-left: auto
    }

    .container .container:not(.modal-nb).aside-c .modal-content,
    .container .container:not(.modal-nb).aside-l .modal-content,
    .container .container:not(.modal-nb).aside-r .modal-content {
        width: 500px;
        max-width: calc(100vw - 1rem)
    }

    .container .container:not(.modal-nb).aside-l .modal-dialog {
        -ms-flex-align: start;
        align-items: flex-start
    }

    .container .container:not(.modal-nb).aside-r .modal-dialog {
        -ms-flex-align: end;
        align-items: flex-end
    }

    .container .aside-m.container:not(.modal-nb) .modal-dialog {
        max-height: calc(100vh - 2rem);
        position: absolute;
        top: 0;
        bottom: 0;
        right: 0;
        left: 0;
        margin-top: auto;
        margin-bottom: auto
    }
}

.ace-aside.aside-fade.aside-offset {
    opacity: 1
}

.ace-aside.aside-fade .modal-dialog {
    -webkit-transform: none !important;
    transform: none !important;
    visibility: hidden
}

.ace-aside.aside-fade .modal-content {
    -webkit-transform: scale(.9);
    transform: scale(.9);
    opacity: 0;
    visibility: hidden;
    transition: opacity 250ms 0s, visibility 0s 250ms, -webkit-transform 250ms 0s;
    transition: transform 250ms 0s, opacity 250ms 0s, visibility 0s 250ms;
    transition: transform 250ms 0s, opacity 250ms 0s, visibility 0s 250ms, -webkit-transform 250ms 0s;
    z-index: 2
}

@media (prefers-reduced-motion:reduce) {
    .ace-aside.aside-fade .modal-content {
        transition: none
    }
}

.ace-aside.aside-fade .aside-header {
    z-index: 1;
    visibility: visible
}

.ace-aside.aside-fade .aside-header.fade {
    opacity: 1;
    transition: all 250ms
}

@media (prefers-reduced-motion:reduce) {
    .ace-aside.aside-fade .aside-header.fade {
        transition: none
    }
}

.ace-aside.aside-fade.aside-hover:hover .modal-content,
.ace-aside.aside-fade.show .modal-content {
    -webkit-transform: none;
    transform: none;
    opacity: 1;
    visibility: visible;
    transition-delay: 0s
}

.ace-aside.aside-fade.aside-hover:hover .aside-header.fade,
.ace-aside.aside-fade.show .aside-header.fade {
    -webkit-transform: scale(.75);
    transform: scale(.75);
    opacity: 0
}

.ace-aside.aside-fade.aside-right .aside-header,
.ace-aside.aside-fade.aside-right .modal-content {
    -webkit-transform-origin: left center;
    transform-origin: left center
}

.ace-aside.aside-fade.aside-left .aside-header,
.ace-aside.aside-fade.aside-left .modal-content {
    -webkit-transform-origin: right center;
    transform-origin: right center
}

.ace-aside.aside-fade.aside-top .aside-header,
.ace-aside.aside-fade.aside-top .modal-content {
    -webkit-transform-origin: top center;
    transform-origin: top center
}

.ace-aside.aside-fade.aside-top.aside-r .aside-header,
.ace-aside.aside-fade.aside-top.aside-r .modal-content {
    -webkit-transform-origin: top left;
    transform-origin: top left
}

.ace-aside.aside-fade.aside-top.aside-l .aside-header,
.ace-aside.aside-fade.aside-top.aside-l .modal-content {
    -webkit-transform-origin: top right;
    transform-origin: top right
}

.ace-aside.aside-fade.aside-bottom .aside-header,
.ace-aside.aside-fade.aside-bottom .modal-content {
    -webkit-transform-origin: bottom center;
    transform-origin: bottom center
}

.ace-aside.aside-fade.aside-bottom.aside-r .aside-header,
.ace-aside.aside-fade.aside-bottom.aside-r .modal-content {
    -webkit-transform-origin: bottom left;
    transform-origin: bottom left
}

.ace-aside.aside-fade.aside-bottom.aside-l .aside-header,
.ace-aside.aside-fade.aside-bottom.aside-l .modal-content {
    -webkit-transform-origin: bottom right;
    transform-origin: bottom right
}

.aside-hover .modal-dialog {
    transition-delay: .5s
}

.aside-hover:hover .modal-dialog {
    transition-delay: .1s
}

.modal:not(.show) .d-show {
    display: none
}

.modal.show .d-n-show {
    display: none
}

body.modal-open:not(.scrollbar-w0).modal-nb {
    overflow-y: auto;
    padding-left: 0 !important
}

@media (min-width:1200px) {
    body.modal-open:not(.scrollbar-w0):not(.modal-nb) .navbar-fixed:not(.container) .navbar-inner {
        padding-left: var(--modal-padding)
    }

    body.modal-open:not(.scrollbar-w0):not(.modal-nb) .container .footer-fixed .footer-inner {
        right: calc(-1 * var(--modal-padding))
    }
}

body.modal-open:not(.modal-nb):not(.scrollbar-w0) .aside-bottom,
body.modal-open:not(.modal-nb):not(.scrollbar-w0) .aside-top {
    padding-left: var(--modal-padding) !important
}

body.modal-open:not(.modal-nb):not(.scrollbar-w0) .aside-center .modal-dialog {
    left: var(--modal-padding)
}

body.modal-open.modal-scroll:not(.modal-nb):not(.scrollbar-w0) .aside-right {
    padding-left: var(--modal-padding) !important
}

body.modal-open.modal-scroll:not(.modal-nb):not(.scrollbar-w0) .aside-right.aside-m {
    left: var(--modal-padding) !important
}

@media (max-width:1199.98px) {
    body.modal-open.modal-scroll:not(.modal-nb):not(.scrollbar-w0) .navbar-fixed .navbar-inner {
        padding-left: var(--modal-padding)
    }
}

@media (min-width:1200px) {
    body.modal-open.modal-scroll:not(.modal-nb):not(.scrollbar-w0) .navbar-fixed .navbar-inner.container {
        left: var(--modal-padding);
        padding-left: 0
    }

    body.modal-open:not(.modal-nb):not(.scrollbar-w0) .container .ace-aside.container.aside-bottom,
    body.modal-open:not(.modal-nb):not(.scrollbar-w0) .container .ace-aside.container.aside-top {
        right: calc(-1 * var(--modal-padding));
        padding-left: 0 !important
    }

    body.modal-open:not(.modal-nb):not(.scrollbar-w0) .container .ace-aside.container.aside-right {
        padding-left: calc(var(--modal-padding)/ 2) !important;
        -webkit-clip-path: inset(-30px calc(var(--modal-padding)/ 2) -30px 0);
        clip-path: inset(-30px calc(var(--modal-padding)/ 2) -30px 0)
    }

    body.modal-open:not(.modal-nb):not(.scrollbar-w0) .container .ace-aside.container.aside-left {
        right: calc(-1 * var(--modal-padding))
    }
}

@supports (((-ms-scroll-chaining:none) or (overscroll-behavior:none)) and (-webkit-appearance:none) and (-webkit-box-reflect:above)) or (((-ms-scroll-chaining:none) or (overscroll-behavior:none)) and (scrollbar-width:none)) {

    body.modal-open:not(.modal-nb):not(.modal-scroll):not(.scrollbar-w0) .aside-bottom,
    body.modal-open:not(.modal-nb):not(.modal-scroll):not(.scrollbar-w0) .aside-top {
        padding-left: 0 !important
    }

    body.modal-open:not(.modal-nb):not(.modal-scroll):not(.scrollbar-w0) .aside-center .modal-dialog {
        left: 0
    }

    @media (min-width:1200px) {
        body.modal-open:not(.modal-nb):not(.modal-scroll):not(.scrollbar-w0) .navbar-fixed:not(.container) .navbar-inner {
            padding-left: 0
        }

        body.modal-open:not(.modal-nb):not(.modal-scroll):not(.scrollbar-w0) .container .footer-fixed .footer-inner {
            right: 0
        }

        body.modal-open:not(.modal-nb):not(.modal-scroll):not(.scrollbar-w0) .container .ace-aside.container.aside-bottom,
        body.modal-open:not(.modal-nb):not(.modal-scroll):not(.scrollbar-w0) .container .ace-aside.container.aside-top {
            right: 0;
            padding-left: 0 !important
        }

        body.modal-open:not(.modal-nb):not(.modal-scroll):not(.scrollbar-w0) .container .ace-aside.container.aside-right {
            padding-left: 0 !important
        }

        body.modal-open:not(.modal-nb):not(.modal-scroll):not(.scrollbar-w0) .container .ace-aside.container.aside-left {
            right: 0
        }
    }

    body.modal-open:not(.modal-nb):not(.modal-scroll):not(.scrollbar-w0) {
        padding: 0 !important;
        overflow-y: auto
    }

    body.modal-open:not(.modal-nb):not(.modal-scroll):not(.scrollbar-w0) .modal[aria-modal=true] {
        -ms-scroll-chaining: none;
        overscroll-behavior: none;
        padding: 0 !important;
        overflow-y: auto;
        scrollbar-width: none
    }

    body.modal-open:not(.modal-nb):not(.modal-scroll):not(.scrollbar-w0) .modal[aria-modal=true]::-webkit-scrollbar {
        display: none;
        width: 0
    }

    body.modal-open:not(.modal-nb):not(.modal-scroll):not(.scrollbar-w0) .modal[aria-modal=true]::before {
        content: "";
        position: absolute;
        top: 0;
        right: 0;
        width: 1px;
        height: calc(100% + .5rem);
        pointer-events: none
    }

    body.modal-open:not(.modal-nb):not(.modal-scroll):not(.scrollbar-w0) .ace-aside[aria-modal=true]::before {
        height: calc(100% + 1px)
    }

    body.modal-open:not(.modal-nb):not(.modal-scroll):not(.scrollbar-w0) .modal-dialog-scrollable .modal-body {
        -ms-scroll-chaining: none;
        overscroll-behavior: none
    }

    body.modal-open:not(.modal-nb):not(.modal-scroll):not(.scrollbar-w0) .container .ace-aside.container.aside-bottom,
    body.modal-open:not(.modal-nb):not(.modal-scroll):not(.scrollbar-w0) .container .ace-aside.container.aside-top {
        right: 0;
        margin-right: auto
    }
}

.modal-fs {
    padding-left: 0 !important
}

.modal-fs .modal-dialog {
    width: 100%;
    height: 100%;
    max-width: calc(100vw - 1rem);
    max-height: calc(100vh - 1rem)
}

.modal-fs .modal-dialog .modal-content {
    min-height: 100%
}

@media (min-width:576px) {
    .modal-fs .modal-dialog {
        max-width: calc(100vw - 3.5rem);
        max-height: calc(100vh - 3.5rem)
    }
}

@media (min-width:992px) {

    .modal-lg .modal-dialog,
    .modal-xl .modal-dialog {
        max-width: 800px
    }
}

@media (min-width:1200px) {
    .modal-xl {
        max-width: none
    }

    .modal-xl .modal-dialog {
        max-width: 1140px
    }
}

.modal-dialog-static {
    -webkit-transform: none !important;
    transform: none !important
}

.modal-dialog-bottom {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-align: end;
    align-items: flex-end;
    margin: 0 auto;
    -webkit-transform: none !important;
    transform: none !important;
    height: calc(100% - .5rem)
}

@media (min-width:576px) {
    .modal-dialog-bottom {
        height: calc(100% - 1.75rem)
    }
}

th {
    font-weight: 600
}

.table td,
.table th {
    border-color: rgba(0, 0, 0, .075)
}

.table thead {
    color: #717276
}

.table thead th {
    border-bottom-width: 1px
}

.table-hover tbody tr:hover {
    color: #444549;
    background-color: rgba(0, 0, 0, .05)
}

.table-bordered th {
    border-bottom-width: 1px
}

.table-bordered-x td,
.table-bordered-x th {
    border-width: 1px 0;
    border-style: solid
}

.table-bordered-y td,
.table-bordered-y th {
    border-width: 0 1px;
    border-style: solid
}

.table[class*=brc-] > tbody,
.table[class*=brc-] > tbody > tr,
.table[class*=brc-] > tbody > tr > td,
.table[class*=brc-] > thead,
.table[class*=brc-] > thead > tr,
.table[class*=brc-] > thead > tr > th,
.table[class*=brc-] > tr,
.table[class*=brc-] > tr > td,
.table[class*=brc-] > tr > th {
    border-color: inherit
}

.table tbody[class*=brc-] > tr,
.table tbody[class*=brc-] > tr > td,
.table tbody[class*=brc-] > tr > th,
.table thead[class*=brc-] > tr,
.table thead[class*=brc-] > tr > td,
.table thead[class*=brc-] > tr > th {
    border-color: inherit
}

.table tr[class*=brc-] > td,
.table tr[class*=brc-] > th {
    border-color: inherit
}

.table-spaced {
    border-spacing: 0 .75rem;
    border-collapse: separate
}

.table-spaced td,
.table-spaced th {
    border-width: 0
}

.table-lg td,
.table-lg th {
    padding: .875rem
}

table.bt tbody tr td {
    padding: 0
}

table.bt tbody tr td .bt-content {
    padding: .375rem;
    padding-right: .875rem
}

table.bt tbody tr td:first-child .bt-content,
table.bt tbody tr td:first-child::before {
    padding-top: .875rem
}

table.bt tbody tr td:last-child .bt-content {
    padding-bottom: .875rem
}

table.bt tbody tr {
    border-bottom: 1px solid #fff
}

table.bt tbody td::before {
    background-color: #71a8d2;
    color: #fff;
    margin-left: .625rem;
    padding: .125rem .625rem;
    padding-top: .125rem;
    font-weight: 600
}

table.bt tbody[class*=bgc-] td::before {
    background-color: inherit
}

table.bt tbody[class*=bgc-] td .bt-content {
    -ms-flex: 2 1 0px;
    flex: 2 1 0;
    background-color: #fff
}

.table[class*=table-striped]:not(.bt) tbody tr:nth-of-type(2n) {
    background-color: #fff
}

.table-striped tbody tr:nth-of-type(odd) {
    background-color: #f6f7f7
}

.table-striped.bt tbody tr:nth-of-type(odd) {
    background-color: transparent
}

.table-striped.bt tbody tr:nth-of-type(odd) > td .bt-content {
    background-color: #f6f7f7
}

.table-striped-danger tbody tr:nth-of-type(odd) {
    background-color: #fdf6f4
}

.table-striped-danger.bt tbody tr:nth-of-type(odd) {
    background-color: transparent
}

.table-striped-danger.bt tbody tr:nth-of-type(odd) > td .bt-content {
    background-color: #fdf6f4
}

.table-striped-success tbody tr:nth-of-type(odd) {
    background-color: #f4faf4
}

.table-striped-success.bt tbody tr:nth-of-type(odd) {
    background-color: transparent
}

.table-striped-success.bt tbody tr:nth-of-type(odd) > td .bt-content {
    background-color: #f4faf4
}

.table-striped-warning tbody tr:nth-of-type(odd) {
    background-color: #fdf6ea
}

.table-striped-warning.bt tbody tr:nth-of-type(odd) {
    background-color: transparent
}

.table-striped-warning.bt tbody tr:nth-of-type(odd) > td .bt-content {
    background-color: #fdf6ea
}

.table-striped-info tbody tr:nth-of-type(odd) {
    background-color: #f2f9fc
}

.table-striped-info.bt tbody tr:nth-of-type(odd) {
    background-color: transparent
}

.table-striped-info.bt tbody tr:nth-of-type(odd) > td .bt-content {
    background-color: #f2f9fc
}

.icon-glossy {
    position: relative;
    display: inline-block;
    text-align: center;
    line-height: normal
}

.icon-glossy::before {
    content: "";
    display: block;
    border-radius: inherit;
    background-color: rgba(255, 255, 255, .15);
    position: absolute;
    right: 1px;
    left: 2px;
    top: 0;
    bottom: 5px;
    z-index: 0
}

.progress {
    border-radius: .125rem
}

.shadow-md {
    box-shadow: 0 0 .25rem rgba(0, 0, 0, .075) !important
}

.c-pointer {
    cursor: pointer
}

.icon-animated-bell {
    display: inline-block;
    -webkit-animation: ringing 2s 5 ease 1s;
    animation: ringing 2s 5 ease 1s;
    -webkit-transform-origin: 50% 0;
    transform-origin: 50% 0
}

@-webkit-keyframes ringing {
    0% {
        -webkit-transform: rotate(15deg);
        transform: rotate(15deg)
    }

    2% {
        -webkit-transform: rotate(-15deg);
        transform: rotate(-15deg)
    }

    4% {
        -webkit-transform: rotate(18deg);
        transform: rotate(18deg)
    }

    6% {
        -webkit-transform: rotate(-18deg);
        transform: rotate(-18deg)
    }

    8% {
        -webkit-transform: rotate(22deg);
        transform: rotate(22deg)
    }

    10% {
        -webkit-transform: rotate(-22deg);
        transform: rotate(-22deg)
    }

    12% {
        -webkit-transform: rotate(18deg);
        transform: rotate(18deg)
    }

    14% {
        -webkit-transform: rotate(-18deg);
        transform: rotate(-18deg)
    }

    16% {
        -webkit-transform: rotate(12deg);
        transform: rotate(12deg)
    }

    18% {
        -webkit-transform: rotate(-12deg);
        transform: rotate(-12deg)
    }

    20% {
        -webkit-transform: rotate(0);
        transform: rotate(0)
    }
}

@keyframes ringing {
    0% {
        -webkit-transform: rotate(15deg);
        transform: rotate(15deg)
    }

    2% {
        -webkit-transform: rotate(-15deg);
        transform: rotate(-15deg)
    }

    4% {
        -webkit-transform: rotate(18deg);
        transform: rotate(18deg)
    }

    6% {
        -webkit-transform: rotate(-18deg);
        transform: rotate(-18deg)
    }

    8% {
        -webkit-transform: rotate(22deg);
        transform: rotate(22deg)
    }

    10% {
        -webkit-transform: rotate(-22deg);
        transform: rotate(-22deg)
    }

    12% {
        -webkit-transform: rotate(18deg);
        transform: rotate(18deg)
    }

    14% {
        -webkit-transform: rotate(-18deg);
        transform: rotate(-18deg)
    }

    16% {
        -webkit-transform: rotate(12deg);
        transform: rotate(12deg)
    }

    18% {
        -webkit-transform: rotate(-12deg);
        transform: rotate(-12deg)
    }

    20% {
        -webkit-transform: rotate(0);
        transform: rotate(0)
    }
}

.icon-animated-vertical {
    display: inline-block;
    -webkit-animation: vertical 2s 5 ease 2s;
    animation: vertical 2s 5 ease 2s
}

@-webkit-keyframes vertical {
    0% {
        -webkit-transform: translate(0, -3px);
        transform: translate(0, -3px)
    }

    4% {
        -webkit-transform: translate(0, 3px);
        transform: translate(0, 3px)
    }

    8% {
        -webkit-transform: translate(0, -3px);
        transform: translate(0, -3px)
    }

    12% {
        -webkit-transform: translate(0, 3px);
        transform: translate(0, 3px)
    }

    16% {
        -webkit-transform: translate(0, -3px);
        transform: translate(0, -3px)
    }

    20% {
        -webkit-transform: translate(0, 3px);
        transform: translate(0, 3px)
    }

    22% {
        -webkit-transform: translate(0, 0);
        transform: translate(0, 0)
    }
}

@keyframes vertical {
    0% {
        -webkit-transform: translate(0, -3px);
        transform: translate(0, -3px)
    }

    4% {
        -webkit-transform: translate(0, 3px);
        transform: translate(0, 3px)
    }

    8% {
        -webkit-transform: translate(0, -3px);
        transform: translate(0, -3px)
    }

    12% {
        -webkit-transform: translate(0, 3px);
        transform: translate(0, 3px)
    }

    16% {
        -webkit-transform: translate(0, -3px);
        transform: translate(0, -3px)
    }

    20% {
        -webkit-transform: translate(0, 3px);
        transform: translate(0, 3px)
    }

    22% {
        -webkit-transform: translate(0, 0);
        transform: translate(0, 0)
    }
}

.icon-animated-hand-pointer {
    display: inline-block;
    -webkit-animation: hand-pointer 2s 4 ease 2s;
    animation: hand-pointer 2s 4 ease 2s
}

@-webkit-keyframes hand-pointer {
    0% {
        -moz-transform: translate(0, 0)
    }

    6% {
        -moz-transform: translate(-5px, 0)
    }

    12% {
        -moz-transform: translate(0, 0)
    }

    18% {
        -moz-transform: translate(-5px, 0)
    }

    24% {
        -moz-transform: translate(0, 0)
    }

    30% {
        -moz-transform: translate(-5px, 0)
    }

    36% {
        -moz-transform: translate(0, 0)
    }
}

@keyframes hand-pointer {
    0% {
        -moz-transform: translate(0, 0)
    }

    6% {
        -moz-transform: translate(-5px, 0)
    }

    12% {
        -moz-transform: translate(0, 0)
    }

    18% {
        -moz-transform: translate(-5px, 0)
    }

    24% {
        -moz-transform: translate(0, 0)
    }

    30% {
        -moz-transform: translate(-5px, 0)
    }

    36% {
        -moz-transform: translate(0, 0)
    }
}

.icon-animated-wrench {
    display: inline-block;
    -webkit-animation: wrenching 2.5s 4 ease;
    animation: wrenching 2.5s 4 ease;
    -webkit-transform-origin: 10% 35%;
    transform-origin: 10% 35%
}

@-webkit-keyframes wrenching {
    0% {
        -webkit-transform: rotate(12deg);
        transform: rotate(12deg)
    }

    8% {
        -webkit-transform: rotate(-12deg);
        transform: rotate(-12deg)
    }

    10% {
        -webkit-transform: rotate(-24deg);
        transform: rotate(-24deg)
    }

    18% {
        -webkit-transform: rotate(24deg);
        transform: rotate(24deg)
    }

    20% {
        -webkit-transform: rotate(24deg);
        transform: rotate(24deg)
    }

    28% {
        -webkit-transform: rotate(-24deg);
        transform: rotate(-24deg)
    }

    30% {
        -webkit-transform: rotate(-24deg);
        transform: rotate(-24deg)
    }

    38% {
        -webkit-transform: rotate(24deg);
        transform: rotate(24deg)
    }

    40% {
        -webkit-transform: rotate(24deg);
        transform: rotate(24deg)
    }

    48% {
        -webkit-transform: rotate(-24deg);
        transform: rotate(-24deg)
    }

    50% {
        -webkit-transform: rotate(-24deg);
        transform: rotate(-24deg)
    }

    58% {
        -webkit-transform: rotate(24deg);
        transform: rotate(24deg)
    }

    60% {
        -webkit-transform: rotate(24deg);
        transform: rotate(24deg)
    }

    68% {
        -webkit-transform: rotate(-24deg);
        transform: rotate(-24deg)
    }

    75% {
        -webkit-transform: rotate(0);
        transform: rotate(0)
    }
}

@keyframes wrenching {
    0% {
        -webkit-transform: rotate(12deg);
        transform: rotate(12deg)
    }

    8% {
        -webkit-transform: rotate(-12deg);
        transform: rotate(-12deg)
    }

    10% {
        -webkit-transform: rotate(-24deg);
        transform: rotate(-24deg)
    }

    18% {
        -webkit-transform: rotate(24deg);
        transform: rotate(24deg)
    }

    20% {
        -webkit-transform: rotate(24deg);
        transform: rotate(24deg)
    }

    28% {
        -webkit-transform: rotate(-24deg);
        transform: rotate(-24deg)
    }

    30% {
        -webkit-transform: rotate(-24deg);
        transform: rotate(-24deg)
    }

    38% {
        -webkit-transform: rotate(24deg);
        transform: rotate(24deg)
    }

    40% {
        -webkit-transform: rotate(24deg);
        transform: rotate(24deg)
    }

    48% {
        -webkit-transform: rotate(-24deg);
        transform: rotate(-24deg)
    }

    50% {
        -webkit-transform: rotate(-24deg);
        transform: rotate(-24deg)
    }

    58% {
        -webkit-transform: rotate(24deg);
        transform: rotate(24deg)
    }

    60% {
        -webkit-transform: rotate(24deg);
        transform: rotate(24deg)
    }

    68% {
        -webkit-transform: rotate(-24deg);
        transform: rotate(-24deg)
    }

    75% {
        -webkit-transform: rotate(0);
        transform: rotate(0)
    }
}

@-webkit-keyframes blinking {
    0% {
        opacity: 1
    }

    40% {
        opacity: 0
    }

    80% {
        opacity: 1
    }
}

@keyframes blinking {
    0% {
        opacity: 1
    }

    40% {
        opacity: 0
    }

    80% {
        opacity: 1
    }
}

@-webkit-keyframes pulsating {
    0% {
        -webkit-transform: scale(1);
        transform: scale(1)
    }

    5% {
        -webkit-transform: scale(.75);
        transform: scale(.75)
    }

    10% {
        -webkit-transform: scale(1);
        transform: scale(1)
    }

    15% {
        -webkit-transform: scale(1.25);
        transform: scale(1.25)
    }

    20% {
        -webkit-transform: scale(1);
        transform: scale(1)
    }

    25% {
        -webkit-transform: scale(.75);
        transform: scale(.75)
    }

    30% {
        -webkit-transform: scale(1);
        transform: scale(1)
    }

    35% {
        -webkit-transform: scale(1.25);
        transform: scale(1.25)
    }

    40% {
        -webkit-transform: scale(1);
        transform: scale(1)
    }
}

@keyframes pulsating {
    0% {
        -webkit-transform: scale(1);
        transform: scale(1)
    }

    5% {
        -webkit-transform: scale(.75);
        transform: scale(.75)
    }

    10% {
        -webkit-transform: scale(1);
        transform: scale(1)
    }

    15% {
        -webkit-transform: scale(1.25);
        transform: scale(1.25)
    }

    20% {
        -webkit-transform: scale(1);
        transform: scale(1)
    }

    25% {
        -webkit-transform: scale(.75);
        transform: scale(.75)
    }

    30% {
        -webkit-transform: scale(1);
        transform: scale(1)
    }

    35% {
        -webkit-transform: scale(1.25);
        transform: scale(1.25)
    }

    40% {
        -webkit-transform: scale(1);
        transform: scale(1)
    }
}

@-webkit-keyframes blinkAndpulse {
    50% {
        opacity: 1;
        -webkit-transform: scale(1.25);
        transform: scale(1.25)
    }
}

@keyframes blinkAndpulse {
    50% {
        opacity: 1;
        -webkit-transform: scale(1.25);
        transform: scale(1.25)
    }
}

.typing-dots {
    color: #aaa;
    visibility: hidden;
    display: inline-block;
    line-height: 0;
    letter-spacing: -.1875rem;
    white-space: nowrap
}

.typing-dots .typing-dot {
    visibility: visible;
    position: relative;
    display: inline-block;
    color: inherit;
    opacity: .4;
    min-height: .625rem;
    vertical-align: middle;
    -webkit-animation: 1.5s blinkAndpulse infinite .5s;
    animation: 1.5s blinkAndpulse infinite .5s
}

.typing-dots .typing-dot:nth-child(2) {
    -webkit-animation-delay: 1s;
    animation-delay: 1s
}

.typing-dots .typing-dot:nth-child(3) {
    -webkit-animation-delay: 1.5s;
    animation-delay: 1.5s
}

@media (prefers-reduced-motion:reduce) {

    .typing-dot,
    [class*=icon-animated] {
        -webkit-animation: none !important;
        animation: none !important
    }
}

.jqtree-toggler + .jqtree-title .opened-icon {
    display: inline-block
}

.jqtree-toggler + .jqtree-title .closed-icon {
    display: none
}

.jqtree-closed + .jqtree-title .opened-icon {
    display: none
}

.jqtree-closed + .jqtree-title .closed-icon {
    display: inline-block
}

ul.jqtree-tree {
    margin: auto;
    padding: 0 1rem 0 0;
    position: relative
}

ul.jqtree_common ul.jqtree_common {
    margin-right: .5rem;
    padding-right: 1rem
}

ul.jqtree-tree li.jqtree_common {
    margin: .5rem 0
}

.jqtree_common {
    position: relative
}

ul.jqtree_common::before {
    display: inline-block;
    content: "";
    position: absolute;
    top: -1.125rem;
    bottom: 0;
    right: 0;
    width: 0;
    border-right: 1px dotted #67b2dd;
    z-index: auto
}

ul.jqtree-tree::before {
    right: 0;
    bottom: .5rem
}

li.jqtree_common:last-child::after,
ul.jqtree-tree > .jqtree_common:last-child::after {
    display: inline-block;
    content: "";
    position: absolute;
    top: calc(1rem - 1px);
    bottom: -.5rem;
    right: -1rem;
    width: 0;
    border-right: 1px solid #fff;
    z-index: 1
}

li.jqtree_common:last-child::after {
    right: -1rem
}

li.jqtree_common {
    position: relative
}

li.jqtree_common::before {
    display: block;
    content: "";
    position: absolute;
    top: .925rem;
    right: calc(-1rem + 2px);
    border-top: 1px dotted #67b2dd;
    height: 1px;
    width: 1.125rem;
    z-index: auto
}

ul.jqtree-tree .jqtree-title {
    margin-right: .325rem
}

.tree-dotted ul.jqtree-tree .jqtree-title:not(.jqtree-title-folder) {
    margin-right: .925rem
}

ul.jqtree-tree li.jqtree-selected > .jqtree-element,
ul.jqtree-tree li.jqtree-selected > .jqtree-element:hover {
    background: #e6f1f8
}

.jqtree-tree .jqtree-element {
    padding: .125rem .125rem .25rem;
    -ms-flex-align: center;
    align-items: center
}

.jqtree-folder > .jqtree-element {
    margin-right: 1rem
}

.jqtree-folder > .jqtree-element > .jqtree-toggler {
    margin-right: -1.125rem
}

.node-icon {
    margin-left: .5rem;
    margin-right: .125rem
}

ul.jqtree-tree .jqtree-moving > .jqtree-element .jqtree-title {
    outline: 0
}

ul.jqtree-tree span.jqtree-border {
    border-color: #57b5da
}

ul.jqtree-tree li.jqtree-ghost span.jqtree-circle {
    border-color: #57b5da
}

ul.jqtree-tree li.jqtree-ghost span.jqtree-line {
    background-color: #57b5da
}

span.jqtree-dragging {
    z-index: 4
}

.jqtree.tree-dotted .jqtree_common:not(.jqtree-folder) > .jqtree-element {
    position: relative
}

.jqtree.tree-dotted .jqtree_common:not(.jqtree-folder) > .jqtree-element::before {
    content: "";
    display: inline-block;
    width: .375rem;
    height: .375rem;
    border-radius: 100%;
    background-color: #91a3ac;
    position: absolute;
    z-index: 5;
    top: 0;
    bottom: 0;
    right: .25rem;
    margin-top: auto;
    margin-bottom: auto
}

.fixed-table-pagination,
.fixed-table-toolbar {
    border-style: solid;
    border-width: 1px 0;
    padding: .25rem 1.25rem
}

.fixed-table-toolbar {
    background-color: transparent;
    margin-bottom: -1px;
    border-color: transparent
}

.fixed-table-pagination {
    background-color: transparent;
    margin-bottom: -1px;
    border-color: transparent
}

.bootstrap-table .fixed-table-container.fixed-height:not(.has-footer) {
    border-bottom-width: 0
}

.bootstrap-table .fixed-table-container {
    position: static
}

.bootstrap-table .fixed-table-container .table tbody tr.selected td {
    background-color: #eef7ee
}

.bootstrap-table th .sortable {
    background-image: none !important;
    position: relative
}

.bootstrap-table th .sortable::after,
.bootstrap-table th .sortable::before {
    display: block;
    content: "";
    width: 0;
    height: 0;
    position: absolute;
    left: .46875rem;
    top: 50%;
    bottom: auto;
    opacity: 1;
    color: inherit;
    border-left: .3125rem solid transparent;
    border-right: .3125rem solid transparent
}

.bootstrap-table th .sortable::before {
    border-bottom: .3125rem solid currentColor;
    border-top: none;
    margin-top: -.3125rem
}

.bootstrap-table th .sortable::after {
    border-top: .3125rem solid currentColor;
    border-bottom: none;
    margin-top: .125rem
}

.bootstrap-table th .sortable.asc::before,
.bootstrap-table th .sortable.desc::after {
    opacity: 1
}

.table.dataTable {
    margin: auto !important
}

.dataTables_wrapper > .row:first-of-type {
    padding: 1.25rem .5rem .75rem;
    margin: auto;
    background-color: #f2f7fb
}

.dataTables_wrapper > .row:last-of-type {
    padding: .75rem .5rem 1.25rem;
    margin: auto;
    background-color: #f2f7fb;
    border-bottom: 1px solid #ebebec
}

.dataTables_wrapper div.dataTables_length select.form-control {
    width: 4rem;
    margin: 0 .125rem
}

.dataTable tr.selected {
    background-color: #eef7ee
}

.dataTables_info .select-item {
    font-size: 90%;
    opacity: .9;
    margin-right: .5rem
}

table.DTCR_clonedTable.dataTable {
    position: absolute !important;
    background-color: transparent;
    z-index: 202
}

div.DTCR_pointer {
    width: .125rem;
    background-color: #5899ca;
    z-index: 201
}

.dataTable th::after,
.dataTable th::before {
    content: "" !important;
    left: .46875rem !important
}

.dataTable th[class*=sorting]:not(.sorting_disabled)::after,
.dataTable th[class*=sorting]:not(.sorting_disabled)::before {
    width: 0;
    height: 0;
    color: inherit;
    border-left: .3125rem solid transparent;
    border-right: .3125rem solid transparent;
    top: 50% !important;
    bottom: auto !important
}

.dataTable th[class*=sorting]:not(.sorting_disabled)::before {
    border-bottom: .3125rem solid currentColor;
    border-top: none;
    margin-top: -.3125rem
}

.dataTable th[class*=sorting]:not(.sorting_disabled)::after {
    border-top: .3125rem solid currentColor;
    border-bottom: none;
    margin-top: .125rem
}

.ui-jqgrid table {
    border-collapse: collapse
}

.ui-jqgrid .ui-jqgrid-view,
.ui-jqgrid .ui-paging-info,
.ui-jqgrid .ui-pg-selbox,
.ui-jqgrid .ui-pg-table {
    font-size: 1rem
}

.ui-jqgrid .ui-jqgrid-pager .btn,
.ui-jqgrid .ui-jqgrid-view .btn {
    font-size: 1rem
}

.ui-jqgrid .ui-jqgrid-title,
.ui-jqgrid .ui-jqgrid-title-rtl {
    margin: 0 .75rem
}

.ui-jqgrid .disabled {
    opacity: .35
}

.ui-jqgrid .jqgfirstrow td {
    padding: 0 !important
}

.ui-jqgrid .ui-jqgrid-bdiv tr > td:last-child {
    border-left-width: 0
}

@media (max-width:575.98px) {
    .ui-jqgrid .ui-pg-selbox {
        display: block
    }
}

.ui-jqgrid .ui-jqgrid-errorbar,
.ui-jqgrid .ui-jqgrid-titlebar {
    font-size: 1.25rem
}

.ui-jqgrid-btable input:not([type=checkbox]),
.ui-jqgrid-btable select,
.ui-jqgrid-btable textarea {
    width: auto;
    max-width: 100%;
    border: 1px solid #d5d5d5;
    border-radius: .125rem
}

.ui-jqgrid-btable input:not([type=checkbox]):hover,
.ui-jqgrid-btable select:hover,
.ui-jqgrid-btable textarea:hover {
    border-color: #b5b5b5
}

.ui-jqgrid-btable input:not([type=checkbox]):focus,
.ui-jqgrid-btable select:focus,
.ui-jqgrid-btable textarea:focus {
    box-shadow: 0 0 0 2px rgba(245, 153, 66, .2);
    color: #696969;
    border-color: #f59942;
    background-color: #fff
}

.ui-jqgrid tr.ui-row-ltr td,
.ui-jqgrid tr.ui-row-rtl td {
    padding: .75rem
}

.ui-jqgrid .ui-pg-button .ui-separator {
    margin-right: .25rem;
    margin-left: .25rem;
    border-color: #a1b1b8
}

.ui-jqgrid .ui-jqgrid-sortable {
    padding: .75rem 0
}

.ui-jqgrid th[aria-selected=true] {
    background-color: #f9f0b8 !important;
    color: rgba(0, 0, 0, .73) !important
}

.ui-jqgrid .s-ico {
    position: absolute;
    width: auto;
    height: auto;
    margin: 0;
    left: .125rem
}

.ui-jqgrid .s-ico > .ui-grid-ico-sort {
    height: .45rem;
    line-height: .5;
    font-size: 1rem
}

.ui-jqgrid .ui-jqgrid-bdiv {
    overflow: auto;
    overflow: overlay;
    box-shadow: -1px 0 0 0 rgba(0, 0, 0, .075), 1px 0 0 0 rgba(0, 0, 0, .075);
    -ms-overflow-style: -ms-autohiding-scrollbar;
    scrollbar-width: thin
}

@media (hover:hover) {
    .ui-jqgrid .ui-jqgrid-bdiv::-webkit-scrollbar {
        width: 7px
    }

    .ui-jqgrid .ui-jqgrid-bdiv::-webkit-scrollbar-track {
        background-color: #f0f0f0
    }

    .ui-jqgrid .ui-jqgrid-bdiv::-webkit-scrollbar-thumb {
        background-color: #cdcdcd
    }
}

.ui-jqdialog .ui-jqdialog-titlebar {
    font-size: 1.25rem
}

.ui-jqdialog .FormData {
    border-bottom: 1px dotted #e2e7e9
}

.ui-jqdialog .FormData:nth-last-child(2) {
    border-bottom: none
}

.ui-jqdialog pre {
    font-size: 1rem
}

.ui-jqdialog[id*=alertcnt_] {
    padding: .5rem .75rem
}

.ui-jqdialog .ui-resizable-handle {
    bottom: 1px;
    left: 3px
}

.ui-jqdialog .searchFilter td {
    padding: .375rem 0
}

.ui-jqdialog .searchFilter .queryresult {
    margin-bottom: .75rem
}

.ui-jqdialog .searchFilter .queryresult td.query {
    padding: .5rem .75rem;
    border-bottom: 2px solid #e2e3e4;
    background-color: #f3f3f3
}

.ui-jqdialog .searchFilter .queryresult td.query:empty {
    display: none
}

.ui-pg-table.navtable {
    float: none !important
}

.ui-pager-control > .ui-pg-table > tbody > tr > td {
    width: auto !important
}

@media (max-width:991.98px) {
    .ui-pager-control > .ui-pg-table > tbody > tr > td {
        display: block;
        text-align: center;
        margin: .5rem;
        min-height: 1.75rem;
        scrollbar-width: none;
        overflow-y: auto
    }
}

.ui-subgrid .ui-jqgrid-htable .ui-jqgrid-labels {
    background-color: transparent
}

.ui-subgrid .ui-jqgrid-bdiv {
    max-height: 10rem
}

.ui-jqgrid .ui-jqgrid-hdiv .ui-search-toolbar {
    border-top: 1px solid #e2e3e4
}

.ui-jqgrid .ui-jqgrid-hdiv .ui-search-toolbar .ui-th-column {
    border-top-width: 0
}

.ui-jqgrid .ui-jqgrid-hdiv .ui-search-toolbar .ui-search-input .form-control:not([size]):not([multiple]) {
    min-height: 1.75rem
}

.fm-button.btn-default .fm-button-text,
.fm-button.btn-secondary .fm-button-text {
    color: #fff
}

.fm-button:only-of-type {
    margin: 0 .25rem
}

.ui-jqgrid .ui-jqgrid-bdiv .jqgroup {
    background-color: #fff !important
}

.ui-jqgrid .ui-jqgrid-bdiv .jqgroup > td {
    color: #508dc1;
    border-right: 3px solid #87c4ec !important
}

.ui-jqgrid .jqgrow > td > .cbox,
::-ms-backdrop {
    width: auto;
    height: auto
}

.chosen-container {
    font-size: 1rem
}

.chosen-container > .chosen-single,
[class*=chosen-container] > .chosen-single {
    font-size: 1rem;
    line-height: 2.25rem;
    height: 2.5rem;
    background: #fafafa;
    box-shadow: none
}

.chosen-choices {
    box-shadow: none !important
}

.chosen-container-single .chosen-single .search-choice-close {
    background: 0 0;
    height: 2.5rem;
    top: 0
}

.chosen-container-single .chosen-single .search-choice-close::after {
    content: "\00D7";
    font-size: 1.25rem
}

.chosen-container-single .chosen-single .search-choice-close:hover::after {
    color: #da3737
}

.chosen-container-single .chosen-single div b {
    background: 0 0
}

.chosen-container-single .chosen-single div b::after {
    content: "";
    position: absolute;
    top: calc(50% - .25em);
    left: .5em;
    width: 0;
    height: 0;
    border-top: .425rem solid rgba(0, 0, 0, .5);
    border-bottom: none;
    border-left: .425rem solid transparent;
    border-right: .425rem solid transparent
}

.chosen-container-active.chosen-with-drop .chosen-single div b {
    background: 0 0
}

.chosen-container-active.chosen-with-drop .chosen-single div b::after {
    border-bottom: .425rem solid rgba(0, 0, 0, .5);
    border-top: none
}

.chosen-container-single .chosen-search {
    position: relative
}

.chosen-container-single .chosen-search input[type=text] {
    background: 0 0;
    border-radius: 0;
    line-height: 2.25rem;
    height: 2.5rem;
    font-size: 1rem
}

.chosen-container-single .chosen-search::after {
    content: "\1F50D";
    position: absolute;
    left: 1rem;
    top: .5rem;
    font-size: 1.25em
}

.chosen-container .chosen-results li {
    line-height: 1.125rem;
    padding: .5rem
}

.chosen-container-multi .chosen-choices {
    padding: .25rem .5rem;
    background: 0 0;
    border-radius: 2px
}

.chosen-container-multi .chosen-choices li.search-field input[type=text] {
    height: 1.5rem
}

.chosen-container-multi .chosen-choices li.search-choice {
    background: #eee;
    line-height: 1.5rem;
    font-size: 1rem;
    padding-bottom: 3px
}

.chosen-container-multi .chosen-choices li.search-choice .search-choice-close {
    background: 0 0
}

.chosen-container-multi .chosen-choices li.search-choice .search-choice-close::after {
    content: "\00D7";
    font-size: 1.125rem
}

.chosen-container-multi .chosen-choices li.search-choice .search-choice-close:hover::after {
    color: #da3737
}

.chosen-container .chosen-results-scroll-down span,
.chosen-container .chosen-results-scroll-up span {
    background: 0 0
}

.chosen-container .chosen-results-scroll-down span:before,
.chosen-container .chosen-results-scroll-up span:before {
    position: relative;
    top: -1px;
    right: 1px;
    width: 0;
    height: 0;
    border-top: .425rem solid rgba(0, 0, 0, .5);
    border-bottom: none;
    border-left: .425rem solid transparent;
    border-right: .425rem solid transparent;
    content: "\f0d7";
    display: inline-block
}

.chosen-container .chosen-results-scroll-up span:before {
    border-bottom: .425rem solid rgba(0, 0, 0, .5);
    border-top: none
}

.chosen-container-active .chosen-single-with-drop div b:before {
    border-bottom: .425rem solid rgba(0, 0, 0, .5);
    border-top: none
}

.chosen-container-single .chosen-single {
    border-radius: 2px
}

.chosen-container .chosen-results li.highlighted {
    background: #4f99c6;
    color: #fff
}

.chosen-container .chosen-drop {
    border-radius: 0;
    border-color: #4492c9;
    border-bottom-width: 2px
}

.chosen-container-active .chosen-single,
.chosen-single.chosen-single-with-drop {
    border-color: #4492c9
}

.chosen-container-multi .chosen-drop {
    border-top-width: 0
}

.chosen-container-active .chosen-choices {
    border-color: #4492c9
}

.chosen-container-active.chosen-with-drop .chosen-single {
    border-color: #4492c9
}

.chosen-container.chosen-with-drop .chosen-drop {
    right: auto;
    left: auto;
    display: block
}

.tag-input-style + .chosen-container-multi .chosen-choices li.search-choice {
    background: 0 0;
    background-color: #6da1c0;
    color: #fff;
    font-size: 1rem;
    font-weight: 400;
    margin-bottom: 3px;
    margin-left: 3px;
    padding: .375rem .5rem .375rem 1.375rem;
    position: relative;
    white-space: nowrap;
    border: none;
    box-shadow: none;
    border-radius: 2px
}

.tag-input-style + .chosen-container-multi .chosen-choices li.search-choice .search-choice-close {
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    width: 1.125rem;
    height: auto;
    line-height: 1.5;
    text-align: center
}

.tag-input-style + .chosen-container-multi .chosen-choices li.search-choice .search-choice-close::after {
    color: #fff;
    position: static;
    font-size: .9rem
}

.tag-input-style + .chosen-container-multi .chosen-choices li.search-choice .search-choice-close:hover {
    background-color: rgba(0, 0, 0, .2)
}

.tag-input-style + .chosen-container-multi .chosen-choices li.search-choice .search-choice-close:hover::after {
    color: #fff
}

.select2-container .select2-selection {
    border-radius: 1rem;
    border-color: #aaa
}

.select2-container .select2-selection .select2-selection__rendered {
    height: 100%
}

.select2-container.select2-container--focus .select2-selection {
    border-color: #4492c9
}

.select2-container .select2-selection--multiple .select2-selection__rendered {
    display: -ms-inline-flexbox;
    display: inline-flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    padding: .25rem;
    position: relative;
    overflow: visible;
    direction: rtl
}

.select2-container .select2-selection__clear {
    position: absolute;
    right: auto;
    top: 0;
    height: 100%;
    font-size: 1.25rem;
    color: #fff;
    width: 2rem;
    text-align: center
}

.select2-container .select2-selection__clear:hover {
    color: #da3737
}

.select2-container .select2-selection--multiple .select2-selection__clear {
    left: 2px;
    top: auto;
    height: auto
}

.select2-container .select2-selection--multiple .select2-selection__clear:hover {
    background-color: rgba(0, 0, 0, .075)
}

.select2-container--open .select2-dropdown {
    border-radius: 0;
    border-color: #4492c9;
    box-shadow: 0 -2px 3px rgba(0, 0, 0, .125)
}

.select2-results__option {
    padding: .5rem;
    margin-bottom: 1px
}

.select2-container--default .select2-selection--multiple .select2-selection__choice {
    padding: .25rem .375rem;
    border-radius: .125rem
}

.select2-container .select2-selection--single {
    height: 2.5rem;
    line-height: 2.25rem
}

.select2-container--default .select2-selection--single .select2-selection__arrow b {
    border-top: .425rem solid rgba(0, 0, 0, .5);
    border-bottom: none;
    border-left: .425rem solid transparent;
    border-right: .425rem solid transparent;
    margin-top: .14167rem;
    margin-right: -.6375rem
}

.select2-container--default.select2-container--open .select2-selection--single .select2-selection__arrow b {
    border-width: 0 .425rem;
    border-bottom: .425rem solid rgba(0, 0, 0, .5)
}

.select2-container--default .select2-selection .select2-selection__choice__remove {
    font-size: 1rem;
    margin-left: 3px
}

.select2-container--default .select2-results__option[aria-selected=true] {
    background-color: #eceff2
}

.select2-container--default .select2-results__option--highlighted[aria-selected] {
    background-color: #4f99c6
}

.select2-container .select2-search--inline {
    max-width: calc(100% - 1.5rem)
}

.select2-container .select2-search--inline .select2-search__field {
    max-width: 100%;
    margin: .25rem 0;
    padding-right: .25rem;
    height: calc(2em + 1rem + 2px)
}

.select2-search {
    background: 0 0
}

.select2-search:before {
    content: "\1F50D";
    font-size: 1rem;
    color: #888;
    position: absolute;
    left: .5rem;
    margin-top: 2px
}

.select2-selection--multiple .select2-search:before {
    display: none
}

.select2-container--default .select2-selection--multiple .select2-selection__clear {
    margin-top: 2px
}

.select2-container--default .select2-selection--multiple .select2-selection__choice {
    margin: 1px
}

.tag-input-style .select2-selection .select2-selection__choice {
    position: relative;
    color: #fff;
    background-color: #6da1c0;
    font-size: 1rem;
    font-weight: 400;
    white-space: nowrap;
    margin: 2px;
    padding: .3125rem .5rem .3125rem 1.5rem;
    border: none;
    box-shadow: none;
    border-radius: 2px
}

.tag-input-style .select2-selection .select2-selection__choice .select2-selection__choice__remove {
    position: absolute;
    top: 0;
    bottom: 0;
    left: -2px;
    right: auto;
    width: 1.125rem;
    height: auto;
    line-height: 2rem;
    text-align: center;
    color: #fff
}

.tag-input-style .select2-selection .select2-selection__choice .select2-selection__choice__remove:hover {
    background-color: rgba(0, 0, 0, .15);
    color: #fff
}

.sw-main > ul.step-anchor > li.wizard-progressbar {
    position: absolute;
    z-index: 2;
    top: calc(50% - .125rem);
    bottom: 0;
    height: .25rem;
    max-width: 0;
    background-color: #5293c4;
    transition: all 150ms
}

@media (prefers-reduced-motion:reduce) {
    .sw-main > ul.step-anchor > li.wizard-progressbar {
        transition: none
    }
}

.sw-main > ul.step-anchor > li.wizard-progressbar::after,
.sw-main > ul.step-anchor > li.wizard-progressbar::before {
    display: none !important
}

.sw-theme-circles > ul.step-anchor {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-pack: distribute;
    justify-content: space-around;
    margin-bottom: 3rem;
    width: 75%
}

@media (max-width:767.98px) {
    .sw-theme-circles > ul.step-anchor {
        width: 100%;
        margin-bottom: 3.5rem
    }
}

.sw-theme-circles > ul.step-anchor::before {
    display: none
}

.sw-theme-circles > ul.step-anchor > li {
    display: inline-block;
    margin-right: 0;
    -ms-flex-positive: 1;
    flex-grow: 1;
    position: relative;
    z-index: auto;
    border: 0 solid
}

.sw-theme-circles > ul.step-anchor > li,
.sw-theme-circles > ul.step-anchor > li.active ~ li.done {
    border-color: #ced1d6
}

.sw-theme-circles > ul.step-anchor > li.active,
.sw-theme-circles > ul.step-anchor > li.done {
    border-color: #5293c4
}

.sw-theme-circles > ul.step-anchor > li.active ~ li.done,
.sw-theme-circles > ul.step-anchor > li:not(.active):not(.done) {
    border-color: #ced1d6 !important
}

.sw-theme-circles > ul.step-anchor > li.active ~ li.done .step-title,
.sw-theme-circles > ul.step-anchor > li:not(.active):not(.done) .step-title {
    color: #546474 !important
}

.sw-theme-circles > ul.step-anchor > li.active ~ li.done .step-description,
.sw-theme-circles > ul.step-anchor > li:not(.active):not(.done) .step-description {
    color: #5f7183 !important
}

.sw-theme-circles > ul.step-anchor > li::before {
    display: block;
    content: "";
    width: 100%;
    height: 0;
    overflow: hidden;
    border-top: .25rem solid;
    border-color: inherit;
    position: absolute;
    top: calc(50% - .125rem);
    z-index: 0
}

.sw-theme-circles > ul.step-anchor > li:last-child::before {
    right: 0;
    width: 50%
}

.sw-theme-circles > ul.step-anchor > li.wizard-progressbar + li::before,
.sw-theme-circles > ul.step-anchor > li:first-child::before {
    right: 50%;
    width: 50%
}

.sw-theme-circles > ul.step-anchor > li.wizard-progressbar ~ li::before {
    border-color: #ced1d6
}

.sw-theme-circles > ul.step-anchor > li.nav-item.active ~ li.done > a,
.sw-theme-circles > ul.step-anchor > li.nav-item > a {
    position: relative;
    z-index: 3;
    margin: 0 auto;
    padding: 0;
    width: 4rem;
    height: 4rem;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-align: center;
    align-items: center;
    -ms-flex-pack: center;
    justify-content: center;
    color: #546474;
    font-size: 1.125rem;
    background-color: #fff;
    border: 5px solid;
    border-color: inherit !important;
    box-shadow: none !important
}

@media (max-width:575.98px) {

    .sw-theme-circles > ul.step-anchor > li.nav-item.active ~ li.done > a,
    .sw-theme-circles > ul.step-anchor > li.nav-item > a {
        width: 3.25rem;
        height: 3.25rem;
        border-width: 4px
    }
}

.sw-theme-circles > ul.step-anchor > li.nav-item.active > a,
.sw-theme-circles > ul.step-anchor > li.nav-item.done > a {
    background-color: #fff;
    color: #546474;
    border-color: inherit !important
}

.sw-theme-circles > ul.step-anchor > li.wizard-progressbar.active ~ li.done > a,
.sw-theme-circles > ul.step-anchor > li.wizard-progressbar ~ li > a {
    transition: border-color 75ms, border-width 150ms, font-size 150ms;
    transition-delay: 0s
}

@media (prefers-reduced-motion:reduce) {

    .sw-theme-circles > ul.step-anchor > li.wizard-progressbar.active ~ li.done > a,
    .sw-theme-circles > ul.step-anchor > li.wizard-progressbar ~ li > a {
        transition: none
    }
}

.sw-theme-circles > ul.step-anchor > li.wizard-progressbar ~ li.active > a,
.sw-theme-circles > ul.step-anchor > li.wizard-progressbar ~ li.done > a {
    transition-delay: 75ms;
    transition-duration: 150ms
}

.sw-theme-circles > ul.step-anchor > li:not(.done) > a:hover {
    cursor: default
}

.sw-theme-circles > ul.step-anchor > li > a:focus,
.sw-theme-circles > ul.step-anchor > li > a:hover {
    border-width: 5px;
    background-color: #fff;
    color: #546474;
    border-color: inherit
}

.sw-theme-circles > ul.step-anchor > li.active ~ li.done > a:hover,
.sw-theme-circles > ul.step-anchor > li.done > a:hover {
    border-width: 4px;
    font-size: 1.325rem
}

.sw-theme-circles > ul.step-anchor > li .step-title-done {
    display: none
}

.sw-theme-circles > ul.step-anchor > li.done .step-title {
    display: none
}

.sw-theme-circles > ul.step-anchor > li.done .step-title-done {
    display: inline-block
}

.sw-theme-circles > ul.step-anchor > li.active ~ li.done .step-title {
    display: inline-block
}

.sw-theme-circles > ul.step-anchor > li.active ~ li.done .step-title-done {
    display: none
}

.sw-theme-circles > ul.step-anchor > li .step-description {
    position: absolute;
    right: 0;
    width: 100%;
    text-align: center;
    margin-top: .5rem
}

.sw-theme-circles.wizard-steps-expand > ul.step-anchor > li.wizard-progressbar + li > a,
.sw-theme-circles.wizard-steps-expand > ul.step-anchor > li:first-child > a {
    margin: 0 !important
}

.sw-theme-circles.wizard-steps-expand > ul.step-anchor > li.wizard-progressbar + li::before,
.sw-theme-circles.wizard-steps-expand > ul.step-anchor > li:first-child::before {
    right: 0;
    width: 100%
}

.sw-theme-circles.wizard-steps-expand > ul.step-anchor > li.wizard-progressbar + li::after,
.sw-theme-circles.wizard-steps-expand > ul.step-anchor > li:first-child::after {
    display: none !important
}

.sw-theme-circles.wizard-steps-expand > ul.step-anchor > li:last-child > a {
    margin: 0 auto 0 0 !important
}

.sw-theme-circles.wizard-steps-expand > ul.step-anchor > li:last-child::before {
    right: 0;
    width: 100%
}

.sw-theme-circles.wizard-steps-expand > ul.step-anchor > li:last-child::after {
    display: none !important
}

.sw-theme-circles .sw-toolbar {
    padding-right: 0;
    padding-left: 0
}

@supports (-moz-appearance:none) {
    .sw-theme-circles > ul.step-anchor > li.wizard-progressbar {
        margin-top: 1px
    }
}

.sw-theme-circles > .sw-container {
    padding: 1rem;
    border-width: 1px 0;
    border-style: dotted
}

.sw-btn-finish,
.sw-btn-next.sw-btn-hide.disabled {
    display: none
}

.sw-btn-next.disabled ~ .sw-btn-finish {
    display: inline-block
}

.fc-bootstrap .fc-popover,
.fc-bootstrap .fc-row,
.fc-bootstrap hr,
.fc-bootstrap tbody,
.fc-bootstrap td,
.fc-bootstrap th,
.fc-bootstrap thead {
    border-color: #d5e5f2
}

.fc-bootstrap .fc-event {
    border-width: 0;
    border-radius: .125rem
}

.fc-bootstrap .fc-day-number {
    color: #64758d
}

.fc-bootstrap .fc-axis {
    background: #eef4f8;
    color: #60889e
}

.fc-bootstrap .fc-highlight {
    background: #baddf4
}

.fc-bootstrap a {
    text-decoration: none
}

.fc-bootstrap a[data-goto]:hover {
    text-decoration: underline
}

.fc-bootstrap hr.fc-divider {
    border-color: inherit
}

.fc-bootstrap .fc-today.alert {
    border-radius: 0
}

.fc-bootstrap a.fc-event:not([href]):not([tabindex]) {
    color: #fff
}

.fc-bootstrap .fc-popover.card {
    position: absolute
}

.fc-bootstrap .fc-popover .card-body {
    padding: 0
}

.fc-bootstrap .fc-time-grid .fc-slats table {
    background: 0 0
}

.fc-scroller {
    scrollbar-width: thin
}

.fc-scroller::-webkit-scrollbar {
    width: 8px;
    -webkit-appearance: none;
    appearance: none
}

@media (max-width:575.98px) {
    .fc-toolbar {
        -ms-flex-direction: column;
        flex-direction: column
    }

    .fc-toolbar > .fc-center {
        margin-top: .75rem;
        margin-bottom: .75rem
    }

    .fc-toolbar > .fc-left {
        -ms-flex-item-align: end;
        align-self: flex-end;
        -ms-flex-order: 10;
        order: 10
    }

    .fc-toolbar > .fc-right {
        -ms-flex-item-align: start;
        align-self: flex-start;
        -ms-flex-order: -1;
        order: -1
    }
}

.dp-modal {
    z-index: 1050
}

.dp {
    padding-top: 0;
    border-top: .25rem solid #619fcd;
    border-radius: 3px;
    font-size: 1rem
}

.dp::before {
    display: none
}

.dp .dp-col-header {
    font-size: .875em;
    color: #999
}

.dp .dp-day {
    font-size: .925em
}

.dp-cal-month,
.dp-cal-year,
.dp-day,
.dp-month,
.dp-year {
    border-radius: 0;
    font-size: .925em
}

.dp-day:hover,
.dp-month:hover,
.dp-year:hover {
    background: #eee;
    color: #3b404d
}

.dp-current,
.dp-current:focus,
.dp-day:focus,
.dp-month:focus,
.dp-selected,
.dp-selected:focus,
.dp-selected:hover,
.dp-year:focus {
    background: rgba(86, 152, 201, .93);
    color: #fff
}

.dp-clear:focus,
.dp-clear:hover,
.dp-close:focus,
.dp-close:hover,
.dp-today:focus,
.dp-today:hover {
    background: rgba(72, 175, 214, .93);
    color: #fff
}

.dp-next,
.dp-prev {
    top: .75rem;
    border-radius: 1rem;
    width: 2rem;
    height: 2rem;
    background-color: #fff;
    border: 2px solid #d1dce7;
    color: #7a868d
}

.dp-next:focus,
.dp-next:hover,
.dp-prev:focus,
.dp-prev:hover {
    background-color: #fff;
    color: #5698c9;
    border-color: rgba(86, 152, 201, .67)
}

.dp-cal-header {
    padding-top: .5rem;
    padding-bottom: .5rem
}

.dp-cal-month,
.dp-cal-year {
    vertical-align: middle;
    padding: .425rem .75rem .5rem
}

.dp-cal-month:focus,
.dp-cal-month:hover,
.dp-cal-year:focus,
.dp-cal-year:hover {
    color: #3b404d;
    background-color: #e7e7e7
}

.dp-day-today::after {
    border-left-color: #f2d11c;
    border-top-color: #f2d11c
}

.dr-cals {
    display: -ms-flexbox;
    display: flex;
    position: relative;
    z-index: 11;
    overflow: visible;
    box-shadow: none;
    padding-top: 0;
    border-top: .25rem solid #619fcd;
    border-radius: 3px;
    font-size: 1rem
}

.dr-cals::before {
    display: none
}

.dr-cals .dr-in-range,
.dr-cals .dr-in-range:focus,
.dr-cals .dr-in-range:hover {
    color: #3b404d;
    background-color: #e9f3fd
}

.dr-cals .dp-current:hover {
    color: #3b404d;
    background-color: #e9f3fd;
    -webkit-transform: scale(1.1);
    transform: scale(1.1)
}

.dr-cals .dr-selected,
.dr-cals .dr-selected:focus,
.dr-cals .dr-selected:hover {
    color: #fff;
    background: #619fcd;
    border-radius: 0
}

.dp-daterange-picker {
    position: absolute;
    right: 0;
    top: 100%;
    opacity: 0;
    visibility: hidden;
    z-index: -1;
    transition: opacity .15s, visibility 0s .15s, z-index 0s .15s;
    box-shadow: 0 0 4px 2px rgba(0, 0, 0, .2)
}

@media (prefers-reduced-motion:reduce) {
    .dp-daterange-picker {
        transition: none
    }
}

.dp-daterange-picker.visible {
    opacity: 1;
    z-index: 100;
    visibility: visible;
    transition: opacity .15s, visibility 0s 0s, z-index 0s 0s
}

@media (prefers-reduced-motion:reduce) {
    .dp-daterange-picker.visible {
        transition: none
    }
}

.dp-daterange-above {
    top: auto;
    bottom: 100%
}

.dr-cal-end .dp {
    border-right-width: .25rem
}

@media (max-width:616px),
(max-height:480px) {
    .dr-cal-end {
        display: none
    }

    .dr-cal-start .dp-next {
        visibility: visible
    }
}

.bootstrap-datetimepicker-widget.dropdown-menu {
    width: auto;
    min-width: 20rem
}

.bootstrap-datetimepicker-widget .collapse.in {
    display: list-item
}

.bootstrap-datetimepicker-widget .datepicker .table td,
.bootstrap-datetimepicker-widget .datepicker .table th,
.bootstrap-datetimepicker-widget .timepicker .table td,
.bootstrap-datetimepicker-widget .timepicker .table th,
.bootstrap-datetimepicker-widget table td span {
    border-radius: 0
}

.bootstrap-datetimepicker-widget table td.day:hover,
.bootstrap-datetimepicker-widget table td.hour:hover,
.bootstrap-datetimepicker-widget table td.minute:hover,
.bootstrap-datetimepicker-widget table td.second:hover {
    background-color: #e6eff4
}

.bootstrap-datetimepicker-widget table td.active,
.bootstrap-datetimepicker-widget table td.active:hover {
    background-color: rgba(86, 152, 201, .93)
}

.bootstrap-datetimepicker-widget table td span:hover {
    background-color: #e6eff4
}

.bootstrap-datetimepicker-widget table td span.active {
    background-color: rgba(86, 152, 201, .93)
}

.bootstrap-datetimepicker-widget table thead tr:first-child th:hover {
    background-color: #e6eff4
}

.bootstrap-datetimepicker-widget .picker-switch .table td span:hover {
    background-color: #e6f3e6
}

.bootstrap-touchspin .btn-group-vertical,
.bootstrap-touchspin .input-group-btn-vertical {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: column;
    flex-direction: column
}

.bootstrap-touchspin .btn-group-vertical > .btn,
.bootstrap-touchspin .input-group-btn-vertical > .btn {
    padding-top: 0;
    padding-bottom: 0;
    line-height: 0;
    height: 50%;
    border-radius: 3px 0 0 0
}

.bootstrap-touchspin .btn-group-vertical > .btn:last-child,
.bootstrap-touchspin .input-group-btn-vertical > .btn:last-child {
    margin-top: 1px;
    border-radius: 0 0 0 3px
}

.bootstrap-touchspin .btn-group-inside-spinner {
    padding-left: 2.25rem
}

.bootstrap-touchspin .btn-group-inside-spinner ~ .input-group-btn-vertical {
    position: absolute;
    left: 0;
    height: 100%;
    z-index: 11
}

.bootstrap-touchspin .btn-group-inside-spinner ~ .input-group-btn-vertical > .btn {
    position: absolute;
    left: 0;
    height: 50%;
    padding: 0;
    width: 2rem;
    text-align: center;
    line-height: 1
}

.bootstrap-touchspin .btn-group-inside-spinner ~ .input-group-btn-vertical .bootstrap-touchspin-up {
    border-radius: 2px 0 0 0;
    top: 0
}

.bootstrap-touchspin .btn-group-inside-spinner ~ .input-group-btn-vertical .bootstrap-touchspin-down {
    border-radius: 0 0 0 2px;
    bottom: 0
}

.noUi-target {
    box-shadow: none;
    border-width: 0;
    border-radius: .125rem;
    background-color: #ddd
}

.noUi-target[disabled] {
    opacity: .75;
    background-color: #e5e5e5
}

.noUi-target:not([disabled]):not(.disabled) .noUi-handle {
    cursor: pointer
}

.noUi-target .noUi-handle {
    border-radius: 2px;
    border-color: #bababa;
    box-shadow: 0 3px 6px -3px #bbb
}

.noUi-target .noUi-handle.noUi-active {
    box-shadow: inset 0 0 1px #fff, inset 0 1px 6px #d7d7d7, 0 3px 6px -3px #bbb
}

.noUi-target .noUi-handle::before {
    display: none
}

.noUi-target .noUi-handle::after {
    background-color: transparent;
    content: "";
    position: absolute;
    right: 0;
    left: 0;
    top: 0;
    bottom: 0;
    width: auto;
    height: 45%;
    margin: auto;
    color: #999;
    background-image: linear-gradient(to left, currentColor, currentColor), linear-gradient(to left, currentColor, currentColor), linear-gradient(to left, currentColor, currentColor);
    background-position: calc(100% - (50% - 3px)) center, center, calc(100% - (50% + 3px)) center;
    background-size: 1px 100%;
    background-repeat: no-repeat
}

.noUi-target .noUi-handle.slider-bars-h::after {
    height: auto;
    width: 45%;
    background-position: center calc(50% - 3px), center, center calc(50% + 3px);
    background-size: 100% 1px
}

.noUi-target .noUi-handle.slider-bars-none::after {
    display: none
}

.noUi-target.noUi-horizontal {
    height: .75rem
}

.noUi-target.noUi-horizontal .noUi-handle {
    width: 2rem;
    height: 2rem;
    top: -.625rem;
    left: -1rem
}

.noUi-target.noUi-vertical {
    width: .75rem
}

.noUi-target.noUi-vertical .noUi-handle {
    width: 2rem;
    height: 2rem;
    left: -.625rem;
    top: -1rem
}

.noUi-target.slider-sm.noUi-horizontal {
    height: .5rem
}

.noUi-target.slider-sm.noUi-horizontal .noUi-handle {
    width: 1.75rem;
    height: 1.75rem;
    top: -.625rem;
    left: -.875rem
}

.noUi-target.slider-sm.noUi-vertical {
    width: .5rem
}

.noUi-target.slider-sm.noUi-vertical .noUi-handle {
    width: 1.75rem;
    height: 1.75rem;
    left: -.625rem;
    top: -.875rem
}

.noUi-target.slider-thin.noUi-horizontal {
    height: .3125rem
}

.noUi-target.slider-thin.noUi-horizontal .noUi-handle {
    width: 1.75rem;
    height: 1.75rem;
    top: -.71875rem;
    left: -.875rem
}

.noUi-target.slider-thin.noUi-vertical {
    width: .3125rem
}

.noUi-target.slider-thin.noUi-vertical .noUi-handle {
    width: 1.75rem;
    height: 1.75rem;
    left: -.71875rem;
    top: -.875rem
}

.noUi-target.slider-sm .noUi-handle::after,
.noUi-target.slider-thin .noUi-handle::after {
    padding-top: .125rem
}

.noUi-target.noUi-toggle-tooltip .noUi-tooltip {
    display: none
}

.noUi-target.noUi-toggle-tooltip .noUi-active .noUi-tooltip {
    display: block
}

.noUi-tooltip {
    padding: .25rem .325rem
}

.slider-tooltip-right .noUi-tooltip {
    -webkit-transform: translate(0, -50%);
    transform: translate(0, -50%);
    top: 50%;
    bottom: auto;
    right: 120%;
    left: auto
}

.slider-tooltip-left .noUi-tooltip {
    -webkit-transform: translate(0, -50%);
    transform: translate(0, -50%);
    top: 50%;
    bottom: auto;
    left: 120%;
    right: auto
}

.slider-tooltip-top .noUi-tooltip {
    -webkit-transform: translate(50%, 0);
    transform: translate(50%, 0);
    right: 50%;
    left: auto;
    bottom: 120%;
    top: auto
}

.slider-tooltip-bottom .noUi-tooltip {
    -webkit-transform: translate(50%, 0);
    transform: translate(50%, 0);
    right: 50%;
    left: auto;
    top: 120%;
    bottom: auto
}

.slider-tooltip-caret .noUi-tooltip::before {
    display: block;
    content: "";
    position: absolute;
    width: 0;
    height: 0
}

.slider-tooltip-caret.slider-tooltip-bottom .noUi-tooltip {
    margin-top: .25rem
}

.slider-tooltip-caret.slider-tooltip-bottom .noUi-tooltip::before {
    top: -.5em;
    right: calc(50% - .5em);
    border-bottom: .5em solid;
    border-bottom-color: inherit;
    border-top: 0;
    border-left: .5em solid transparent;
    border-right: .5em solid transparent
}

.slider-tooltip-caret.slider-tooltip-top .noUi-tooltip {
    margin-bottom: .25rem
}

.slider-tooltip-caret.slider-tooltip-top .noUi-tooltip::before {
    bottom: -.5em;
    right: calc(50% - .5em);
    border-top: .5em solid;
    border-top-color: inherit;
    border-bottom: 0;
    border-left: .5em solid transparent;
    border-right: .5em solid transparent
}

.slider-tooltip-caret.slider-tooltip-left .noUi-tooltip {
    margin-left: .25rem
}

.slider-tooltip-caret.slider-tooltip-left .noUi-tooltip::before {
    left: -.5em;
    top: calc(50% - .5em);
    border-right: .5em solid;
    border-right-color: inherit;
    border-left: 0;
    border-top: .5em solid transparent;
    border-bottom: .5em solid transparent
}

.slider-tooltip-caret.slider-tooltip-right .noUi-tooltip {
    margin-right: .25rem
}

.slider-tooltip-caret.slider-tooltip-right .noUi-tooltip::before {
    right: -.5em;
    top: calc(50% - .5em);
    border-left: .5em solid;
    border-left-color: inherit;
    border-right: 0;
    border-top: .5em solid transparent;
    border-bottom: .5em solid transparent
}

.irs--flat .irs-line {
    height: 1rem;
    border-radius: 2px
}

.irs--flat .irs-bar {
    height: 1rem;
    border-radius: 0 2px 2px 0
}

.irs--flat .irs-handle {
    height: 1.325rem;
    z-index: auto
}

.irs-from,
.irs-single,
.irs-to {
    top: -.25rem
}

.irs--flat .irs-from,
.irs--flat .irs-single,
.irs--flat .irs-to {
    font-size: .875rem
}

.irs--flat .irs-max,
.irs--flat .irs-min {
    font-size: .75rem
}

.dropzone .dz-preview .dz-progress.progress {
    border-radius: .1875rem
}

.dropzone .dz-preview .dz-progress.progress .dz-upload {
    background: 0 0
}

.dropzone .dz-preview.dz-image-preview {
    background-color: transparent
}

.note-toolbar {
    background-color: #f2f2f3;
    border-color: #e2e3e4
}

.note-toolbar .note-btn {
    font-size: 1rem;
    color: #7b7d81;
    padding: .375rem .75rem;
    border-width: 0 !important
}

.note-toolbar .note-btn.focus,
.note-toolbar .note-btn:focus,
.note-toolbar .note-btn:hover {
    color: #64758d;
    background-color: #d3e9f8
}

.note-toolbar .note-btn > .fa {
    color: inherit;
    font-size: 1rem
}

.note-toolbar .note-btn > .note-current-fontname {
    color: inherit
}

.note-modal-footer {
    min-height: 3rem
}

.md-editor > textarea {
    background-color: #f6f7f7
}

.card-body > .md-editor {
    border-width: 0
}

.bootstrap-wysiwyg-editor {
    min-height: 200px;
    max-height: calc(100vh - 2rem);
    overflow: auto
}

.bootstrap-wysiwyg-editor > img {
    margin: .25rem
}

.card-body .bootstrap-wysiwyg-editor {
    border-radius: 0 0 .25rem .25rem
}

.bootstrap-wysiwyg-toolbar {
    background-color: #f2f2f3;
    padding: .25rem .3125rem
}

.bootstrap-wysiwyg-toolbar .btn[data-edit],
.bootstrap-wysiwyg-toolbar a[data-toggle] {
    background-color: #fff
}

.bootstrap-wysiwyg-toolbar.bsw-toolbar-style-2 {
    border: 1px solid #e2e3e4
}

.bootstrap-wysiwyg-toolbar.bsw-toolbar-style-2 .btn[data-edit],
.bootstrap-wysiwyg-toolbar.bsw-toolbar-style-2 a[data-toggle] {
    border-radius: 0;
    border-width: 0
}

.bootstrap-wysiwyg-toolbar.bsw-toolbar-style-2 .btn-group + .btn-group {
    margin-right: 2px
}

.card-body .bsw-toolbar-style-2 {
    border-width: 0 0 1px 0
}

.file-input-invisible {
    opacity: 0;
    position: absolute;
    z-index: -1
}

.popover-wysiwyg-image {
    -webkit-transform: none !important;
    transform: none !important;
    right: 0 !important;
    top: 0 !important;
    width: 300px;
    max-width: calc(100vw - 2rem)
}

.popover-wysiwyg-image .arrow {
    display: none
}

.rating-container .badge {
    font-size: .8125rem;
    font-weight: 600
}

.rating-container .filled-stars {
    text-shadow: none;
    color: inherit;
    -webkit-text-stroke: 1px currentColor
}

input.typeahead ~ .dropdown-menu {
    width: 100%
}

input.typeahead.scrollable ~ .dropdown-menu {
    max-height: 200px;
    overflow-y: auto
}

.bootstrap-tagsinput {
    color: #6e7074;
    background-color: #fff;
    border: 1px solid #d5d5d5;
    display: block;
    padding: .5rem .375rem .25rem;
    min-height: calc(1.5em + .75rem + 2px)
}

.bootstrap-tagsinput:hover {
    border-color: #b5b5b5
}

.bootstrap-tagsinput.tagsinput-focus,
.bootstrap-tagsinput.tagsinput-focus:hover {
    border-color: #f59942;
    outline: 0
}

.bootstrap-tagsinput input {
    display: inline;
    border: none;
    outline: 0;
    box-shadow: none;
    margin: 0;
    padding: 0;
    color: inherit
}

.bootstrap-tagsinput .tag {
    display: inline-block;
    position: relative;
    font-size: 1rem;
    font-weight: 400;
    white-space: nowrap;
    margin-bottom: .25rem;
    margin-left: 1px;
    padding-left: 1.75rem !important;
    transition: all .15s
}

.bootstrap-tagsinput .tag:not(.badge) {
    background-color: #6da1c0;
    color: #fff
}

@media (prefers-reduced-motion:reduce) {
    .bootstrap-tagsinput .tag {
        transition: none
    }
}

.bootstrap-tagsinput .tag:empty {
    display: none
}

.bootstrap-tagsinput .tag span[data-role=remove] {
    position: absolute;
    left: 1px;
    top: 0;
    bottom: 0;
    width: 1.25rem;
    text-align: center;
    line-height: 2;
    cursor: pointer
}

.bootstrap-tagsinput .tag span[data-role=remove]:hover {
    background-color: rgba(0, 0, 0, .125)
}

.bootstrap-tagsinput .tag span[data-role=remove]::after {
    content: "\00D7";
    font-size: 110%
}

.sidebar-mini.sidebar-collapse .sidebar-menu > li:hover > a > .pull-right-container {
    width: 95px !important
}

.icon a {
    color: #fff
}

.icon a:hover {
    color: #000
}

.health-status-block.status-badge-blue {
    background-color: #00c0ef !important
}

.health-status-block.status-badge-blue .icon {
    background-color: #00a3cb !important
}

.health-status-block.status-badge-green2 {
    background-color: #00a65a !important
}

.health-status-block.status-badge-green2 .icon {
    background-color: #008d4d !important
}

.health-status-block.status-badge-orange {
    background-color: #f39c12 !important
}

.health-status-block.status-badge-orange .icon {
    background-color: #cf850f !important
}

.health-status-block.status-badge-red {
    background-color: #dd4b39 !important
}

.health-status-block.status-badge-red .icon {
    background-color: rgba(188, 64, 49, .51) !important
}

.health-status-block.status-badge-green1 {
    background-color: #20c997 !important
}

.health-status-block.status-badge-green1 .icon {
    background-color: #00a65a !important
}

.health-status-block.status-badge-brown {
    background-color: #c59c6b !important
}

.health-status-block.status-badge-brown .icon {
    background-color: #bc905b !important
}

.row-eq-height {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex
}

.row-eq-height .col-md-4 {
    padding-top: 5px;
    padding-bottom: 5px;
    margin-left: 5px;
    margin-right: 5px
}

.system-health-export-buttons {
    margin-top: -46px
}

.health-status-blocks {
    margin: 10px 0
}

.health-status-block {
    margin: 5px 2px;
    border-radius: 1rem;
    color: #fff;
    width: 100%
}

.health-status-block .icon {
    float: left;
    display: inline-block;
    width: 30%;
    height: 70px;
    font-size: 2.6em;
    line-height: 70px;
    text-align: center;
    border-radius: 1rem 0 0 1rem
}

.health-status-block .detail {
    float: left;
    display: inline-block;
    padding: 2px;
    width: 70%;
    height: 70px;
    border-radius: 0 4px 4px 0;
    align-content: center
}

.health-status-block .detail a {
    color: #000
}

.health-status-block .detail a:hover {
    color: #fff
}

.health-status-block .detail span {
    display: block
}

.health-status-block .detail span.count {
    font-size: 2em;
    white-space: nowrap;
    overflow: hidden
}

.health-status-block .detail span.desc {
    margin-top: -5px;
    font-size: .8em;
    white-space: nowrap;
    overflow: hidden
}

.health-status-col-margin {
    margin-left: -7.5px;
    margin-right: -7.5px
}

.health-status-col-margin .col-sm-4 {
    padding-right: 7.5px;
    padding-left: 7.5px
}

.health-status-col {
    float: left;
    position: relative;
    min-height: 1px;
    padding-right: 7.5px;
    padding-left: 7.5px;
    width: 33.33333333%
}

.health-status-col-danger {
    left: 66.66666667%
}

.health-status-col-success {
    right: 66.66666667%
}

.avatarpresenter {
    vertical-align: middle;
    width: 7em;
    height: 7em;
    border-radius: 50%;
    border: 3px solid red;
    line-height: 1
}

.avatarradvin {
    vertical-align: middle;
    width: 5em;
    height: 5em;
    border-radius: 50%;
    border: 3px solid red
}

.avatarlogin {
    vertical-align: middle;
    width: 3em
}

.avatar11 {
    vertical-align: middle;
    width: 6em;
    height: 6em;
    border-radius: 50%;
    border: 2px solid #000
}

.avatarfacultymemberradvin {
    vertical-align: middle;
    width: 100%;
    max-width: 15em;
    height: auto;
    border-radius: 1rem;
    border: 0 solid #ddd
}

.presenterbox {
    border-bottom: 1px dotted #e2e2e2
}

.post-inline-1 {
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis
}

.post-slide {
    overflow: hidden;
    margin-left: 1em;
    background-color: #fff !important;
    border: 0 solid #ddd;
    border-radius: 1rem
}

.avatar11 {
    vertical-align: middle;
    width: 6em;
    height: 6em;
    border-radius: 50%;
    border: 2px solid #000
}

.post-img {
    float: left;
    width: 100%;
    position: relative;
    margin-left: 0
}

.post-img img {
    width: 100%;
    height: auto
}

.post-countdown {
    background: teal;
    color: #fff;
    position: inherit;
    bottom: auto;
    right: 0;
    display: block;
    padding: 2% 3%;
    width: 95%;
    height: 3em;
    line-height: 2em;
    text-align: center;
    transition: all .5s ease;
    border-radius: 10rem;
    margin: 2.5%
}

.countdown {
    display: block;
    font-weight: 700
}

.month {
    display: block;
    font-size: 1em;
    text-transform: uppercase
}

.post-review {
    padding: 1% 1% 1% 1%;
    border-top: 3px solid #38cfd8
}

.post-slide:hover .post-review {
    border-top-color: #ec3c6a
}

.post-title {
    margin: 0 0 10px 0;
    height: 4em;
    text-align: justify
}

.post-title a {
    line-height: 1.5em;
    color: #333;
    text-transform: uppercase;
    font-weight: 600
}

.post-title a:hover {
    color: #369;
    text-decoration: none;
    font-weight: 600
}

.post-bar {
    padding: 0;
    list-style: none;
    text-transform: uppercase;
    position: relative;
    margin-bottom: 10px
}

.post-bar:after,
.post-bar:before {
    border: 1px solid #38cfd8;
    bottom: 0;
    content: "";
    display: block;
    position: absolute;
    right: 36%;
    width: 55px
}

.post-bar:before {
    border: 1px solid #ec3c6a;
    right: 48%
}

.post-bar li {
    color: #555;
    margin-left: 10px;
    display: inline-block
}

.post-bar li a {
    text-decoration: none;
    text-transform: uppercase;
    color: #ec3c6a
}

.post-bar li a:hover {
    color: #ec3c6a
}

.post-bar li i {
    color: #777;
    margin-left: 5px
}

.post-description {
    color: #444454
}

.post-description-bargozari {
    color: #000
}

.post-price {
    line-height: 21px;
    color: red
}

.post-inline-1 {
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis
}

.search-input {
    height: 3em;
    width: 100%;
    min-width: 200px
}

.rtl-column .truncate {
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    display: inline-block;
    max-width: 200px;
    direction: rtl;
    text-align: right
}

.ltr-column .truncate {
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    display: inline-block;
    max-width: 200px;
    direction: ltr;
    text-align: left
}

@media only screen and (min-width:992px) {
    .navbar.h-navbar {
        -webkit-box-shadow: 0 2px 4px 0 rgba(0, 0, 0, .25);
        box-shadow: 0 2px 4px 0 rgba(0, 0, 0, .25)
    }

    .sidebar.h-sidebar {
        position: relative;
        float: none !important;
        width: auto;
        margin-top: 17px;
        border-width: 0 !important;
        box-shadow: none
    }

    .sidebar.h-sidebar.compact,
    .sidebar.h-sidebar.menu-min {
        width: auto
    }

    .sidebar.h-sidebar.sidebar-fixed {
        position: fixed
    }

    .sidebar.h-sidebar.no-gap {
        margin-top: auto
    }

    .sidebar.h-sidebar.no-gap .nav-list {
        padding-top: 3px
    }

    .sidebar.h-sidebar:before {
        display: block;
        position: absolute;
        z-index: -1;
        left: 0 !important;
        right: 0 !important;
        top: -17px;
        bottom: auto;
        height: 17px;
        width: auto;
        border-width: 0;
        border-bottom: 1px solid;
        border-bottom-color: inherit
    }

    .main-content .sidebar.h-sidebar .nav-list > li:before,
    .sidebar.h-sidebar.lower-highlight .nav-list > li:before {
        top: 0
    }

    .sidebar.h-sidebar .nav-list {
        border-width: 0;
        border-bottom: 2px solid #79b0ce !important
    }

    .sidebar.h-sidebar .nav-list > li {
        float: left;
        border-width: 0 0 0 1px;
        margin-left: 0
    }

    .sidebar.h-sidebar .nav-list > li:last-child {
        border-right-width: 1px
    }

    .sidebar.h-sidebar .nav-list > li:before {
        left: -1px;
        right: -1px;
        bottom: auto;
        top: -2px;
        max-width: none;
        width: auto;
        height: 2px;
        border-width: 0
    }

    .sidebar.h-sidebar .nav-list > li.active:before {
        display: block
    }

    .sidebar.h-sidebar .nav-list > li.active:after {
        display: none
    }

    .sidebar.h-sidebar .nav-list > li:first-child {
        border-left-width: 0;
        margin-left: 0
    }

    .sidebar.h-sidebar .sidebar-shortcuts + .nav-list > li:first-child {
        border-left-width: 1px;
        margin-left: -1px
    }

    .sidebar.h-sidebar .nav-list > li > a {
        line-height: 22px;
        height: auto;
        padding: 5px
    }

    .sidebar.h-sidebar .nav-list > li > a > .menu-icon {
        display: block;
        margin: 1px 0 4px;
        line-height: inherit;
        width: auto
    }

    .sidebar.h-sidebar .nav-list > li.hover.hover-show > a ~ .arrow,
    .sidebar.h-sidebar .nav-list > li.hover:hover > a ~ .arrow,
    .sidebar.h-sidebar .nav-list > li > a > .arrow {
        display: none
    }

    .sidebar.h-sidebar .nav-list > li.hover.pull_right {
        float: none !important
    }

    .sidebar.h-sidebar .nav-list > li.hover > .submenu {
        top: 100%;
        left: 1px;
        margin-top: auto;
        margin-left: -2px;
        width: 190px;
        z-index: 1026
    }

    .sidebar.h-sidebar .nav-list > li.hover.pull_right > .submenu {
        left: auto;
        right: 1px
    }

    .sidebar.h-sidebar .nav-list > li.hover > .arrow {
        right: auto;
        top: auto;
        left: 24px;
        bottom: 7px
    }

    .sidebar.h-sidebar .nav-list > li.hover.pull_right > .arrow {
        left: auto;
        right: 24px
    }

    .sidebar.h-sidebar .nav-list > li.hover > .arrow:after,
    .sidebar.h-sidebar .nav-list > li.hover > .arrow:before {
        border-color: transparent;
        border-left-color: transparent !important;
        border-right-color: transparent !important;
        right: auto !important;
        left: -10px !important;
        border-width: 0 8px 8px !important
    }

    .sidebar.h-sidebar .nav-list > li.hover > .arrow:before {
        top: -1px !important
    }

    .sidebar.h-sidebar .nav-list > li.hover.hover-show > a.dropdown-toggle ~ .arrow,
    .sidebar.h-sidebar .nav-list > li.hover:hover > a.dropdown-toggle ~ .arrow {
        display: block
    }

    .sidebar.h-sidebar .nav-list > li.hover-flip > .submenu {
        left: auto;
        right: 1px;
        margin-left: auto;
        margin-right: -2px
    }

    .sidebar.h-sidebar .nav-list > li.hover-flip > .arrow {
        left: auto;
        right: 24px
    }

    .sidebar.h-sidebar .nav-list li li.hover-flip > .submenu {
        left: auto;
        right: 100%;
        margin-left: auto;
        margin-right: -2px
    }

    .sidebar.h-sidebar .nav-list li li.hover-flip > .arrow {
        -moz-transform: scale(-1, 1);
        -webkit-transform: scale(-1, 1);
        -o-transform: scale(-1, 1);
        -ms-transform: scale(-1, 1);
        transform: scale(-1, 1);
        left: 0;
        right: auto
    }

    .sidebar.h-sidebar .sidebar-shortcuts-large:after,
    .sidebar.h-sidebar .sidebar-shortcuts-large:before {
        display: block;
        content: "";
        position: absolute;
        left: 50%;
        margin-left: -8px;
        border: 1px solid transparent;
        border-width: 0 8px 8px
    }

    .sidebar.h-sidebar .sidebar-shortcuts-large:after {
        border-right-color: transparent;
        top: -8px
    }

    .sidebar.h-sidebar .sidebar-shortcuts-large:before {
        border-bottom-color: #ccc;
        top: -9px
    }

    .sidebar.h-sidebar .sidebar-toggle {
        position: absolute;
        top: 12px;
        right: 6px;
        background-color: transparent;
        border-width: 0
    }

    .sidebar.h-sidebar .sidebar-shortcuts {
        float: left;
        display: block;
        overflow: visible;
        position: relative;
        margin: 0;
        padding: 12px 8px 9px;
        max-height: none !important;
        background-color: transparent
    }

    .sidebar.h-sidebar .sidebar-shortcuts.hover-show .sidebar-shortcuts-large,
    .sidebar.h-sidebar .sidebar-shortcuts:hover .sidebar-shortcuts-large {
        display: block
    }

    .sidebar.h-sidebar .sidebar-shortcuts-large {
        display: none;
        width: 52px;
        height: auto;
        position: absolute;
        z-index: 1025;
        top: 100%;
        margin-top: -5px;
        left: 10px;
        padding: 3px 2px;
        border: 1px solid
    }

    .sidebar.h-sidebar .sidebar-shortcuts-mini {
        width: auto;
        max-width: 52px;
        display: block;
        background-color: transparent;
        padding-top: 3px;
        padding-bottom: 5px
    }

    .sidebar.h-sidebar .sidebar-shortcuts-mini > .btn {
        padding: 9px
    }

    .sidebar.h-sidebar .nav-list a .badge,
    .sidebar.h-sidebar .nav-list a .label {
        position: absolute;
        top: 11px;
        right: auto !important;
        left: 50%;
        margin-left: 10px
    }

    .sidebar.h-sidebar + .main-content {
        margin-left: 0
    }

    .sidebar.h-sidebar + .main-content .breadcrumbs {
        margin: 6px 9px;
        border: 1px solid #e5e5e5
    }

    .h-sidebar.sidebar-fixed {
        top: auto;
        width: 100%;
        left: 0;
        right: 0
    }

    .h-sidebar.sidebar-fixed:before {
        z-index: auto
    }

    .h-sidebar.sidebar-fixed,
    .h-sidebar.sidebar-fixed .nav-list {
        border-right-width: 0;
        border-left-width: 0
    }

    .h-sidebar.sidebar-fixed .sidebar-shortcuts {
        border-width: 0
    }

    .h-sidebar.sidebar-fixed + .main-content {
        padding-top: 88px
    }

    .h-sidebar.sidebar-fixed.no-gap + .main-content {
        padding-top: 74px
    }

    .h-sidebar.sidebar-fixed.menu-min + .main-content {
        padding-top: 63px
    }

    .h-sidebar.sidebar-fixed.menu-min.no-gap + .main-content {
        padding-top: 49px
    }
}

.addOn {
    width: 100%;
    margin-bottom: 1rem
}

.addOn label {
    width: 100%;
    display: flex;
    padding: 1rem 2rem;
    color: #343448;
    font-size: 1.5rem;
    position: relative;
    background: #fff;
    align-items: center;
    box-shadow: 0 5px 10px 0 rgba(20, 83, 155, .05);
    border-radius: .3333rem;
    cursor: pointer
}

.addOn label:before {
    content: "+";
    width: 2rem;
    display: flex;
    font-size: 2rem;
    margin-left: 1rem;
    padding-top: .5rem;
    justify-content: center
}

.addOn input {
    display: none
}

.addOn input:checked + label:before {
    content: "–"
}

.coverbg {
    padding: 5px;
    border: 2px dashed #ddd
}

.ui-helper-hidden {
    display: none
}

.ui-helper-hidden-accessible {
    border: 0;
    clip: rect(0 0 0 0);
    height: 1px;
    margin: -1px;
    overflow: hidden;
    padding: 0;
    position: absolute;
    width: 1px
}

.ui-helper-reset {
    margin: 0;
    padding: 0;
    border: 0;
    outline: 0;
    line-height: 1.3;
    text-decoration: none;
    font-size: 100%;
    list-style: none
}

.ui-helper-clearfix:after,
.ui-helper-clearfix:before {
    content: "";
    display: table;
    border-collapse: collapse
}

.ui-helper-clearfix:after {
    clear: both
}

.ui-helper-zfix {
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    position: absolute;
    opacity: 0;
    filter: Alpha(Opacity=0)
}

.ui-front {
    z-index: 100
}

.ui-state-disabled {
    cursor: default !important;
    pointer-events: none
}

.ui-icon {
    display: inline-block;
    vertical-align: middle;
    margin-top: -.25em;
    position: relative;
    text-indent: -99999px;
    overflow: hidden;
    background-repeat: no-repeat
}

.ui-widget-icon-block {
    left: 50%;
    margin-left: -8px;
    display: block
}

.ui-widget-overlay {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%
}

.ui-accordion .ui-accordion-header {
    display: block;
    cursor: pointer;
    position: relative;
    margin: 2px 0 0 0;
    padding: .5em .5em .5em .7em;
    font-size: 100%
}

.ui-accordion .ui-accordion-content {
    padding: 1em 2.2em;
    border-top: 0;
    overflow: auto
}

.ui-autocomplete {
    position: absolute;
    top: 0;
    left: 0;
    cursor: default
}

.ui-menu {
    list-style: none;
    padding: 0;
    margin: 0;
    display: block;
    outline: 0
}

.ui-menu .ui-menu {
    position: absolute
}

.ui-menu .ui-menu-item {
    margin: 0;
    cursor: pointer;
    list-style-image: url("data:image/gif;base64,R0lGODlhAQABAIAAAAAAAP///yH5BAEAAAAALAAAAAABAAEAAAIBRAA7")
}

.ui-menu .ui-menu-item-wrapper {
    position: relative;
    padding: 3px 1em 3px .4em
}

.ui-menu .ui-menu-divider {
    margin: 5px 0;
    height: 0;
    font-size: 0;
    line-height: 0;
    border-width: 1px 0 0 0
}

.ui-menu .ui-state-active,
.ui-menu .ui-state-focus {
    margin: -1px
}

.ui-menu-icons {
    position: relative
}

.ui-menu-icons .ui-menu-item-wrapper {
    padding-left: 2em
}

.ui-menu .ui-icon {
    position: absolute;
    top: 0;
    bottom: 0;
    left: .2em;
    margin: auto 0
}

.ui-menu .ui-menu-icon {
    left: auto;
    right: 0
}

.ui-button {
    padding: .4em 1em;
    display: inline-block;
    position: relative;
    line-height: normal;
    margin-right: .1em;
    cursor: pointer;
    vertical-align: middle;
    text-align: center;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    overflow: visible
}

.ui-button,
.ui-button:active,
.ui-button:hover,
.ui-button:link,
.ui-button:visited {
    text-decoration: none
}

.ui-button-icon-only {
    width: 2em;
    box-sizing: border-box;
    text-indent: -9999px;
    white-space: nowrap
}

input.ui-button.ui-button-icon-only {
    text-indent: 0
}

.ui-button-icon-only .ui-icon {
    position: absolute;
    top: 50%;
    left: 50%;
    margin-top: -8px;
    margin-left: -8px
}

.ui-button.ui-icon-notext .ui-icon {
    padding: 0;
    width: 2.1em;
    height: 2.1em;
    text-indent: -9999px;
    white-space: nowrap
}

input.ui-button.ui-icon-notext .ui-icon {
    width: auto;
    height: auto;
    text-indent: 0;
    white-space: normal;
    padding: .4em 1em
}

button.ui-button::-moz-focus-inner,
input.ui-button::-moz-focus-inner {
    border: 0;
    padding: 0
}

.ui-controlgroup {
    vertical-align: middle;
    display: inline-block
}

.ui-controlgroup > .ui-controlgroup-item {
    float: left;
    margin-left: 0;
    margin-right: 0
}

.ui-controlgroup > .ui-controlgroup-item.ui-visual-focus,
.ui-controlgroup > .ui-controlgroup-item:focus {
    z-index: 9999
}

.ui-controlgroup-vertical > .ui-controlgroup-item {
    display: block;
    float: none;
    width: 100%;
    margin-top: 0;
    margin-bottom: 0;
    text-align: left
}

.ui-controlgroup-vertical .ui-controlgroup-item {
    box-sizing: border-box
}

.ui-controlgroup .ui-controlgroup-label {
    padding: .4em 1em
}

.ui-controlgroup .ui-controlgroup-label span {
    font-size: 80%
}

.ui-controlgroup-horizontal .ui-controlgroup-label + .ui-controlgroup-item {
    border-left: none
}

.ui-controlgroup-vertical .ui-controlgroup-label + .ui-controlgroup-item {
    border-top: none
}

.ui-controlgroup-horizontal .ui-controlgroup-label.ui-widget-content {
    border-right: none
}

.ui-controlgroup-vertical .ui-controlgroup-label.ui-widget-content {
    border-bottom: none
}

.ui-controlgroup-vertical .ui-spinner-input {
    width: 75%;
    width: calc(100% - 2.4em)
}

.ui-controlgroup-vertical .ui-spinner .ui-spinner-up {
    border-top-style: solid
}

.ui-checkboxradio-label .ui-icon-background {
    box-shadow: inset 1px 1px 1px #ccc;
    border-radius: .12em;
    border: none
}

.ui-checkboxradio-radio-label .ui-icon-background {
    width: 16px;
    height: 16px;
    border-radius: 1em;
    overflow: visible;
    border: none
}

.ui-checkboxradio-radio-label.ui-checkboxradio-checked .ui-icon,
.ui-checkboxradio-radio-label.ui-checkboxradio-checked:hover .ui-icon {
    background-image: none;
    width: 8px;
    height: 8px;
    border-width: 4px;
    border-style: solid
}

.ui-checkboxradio-disabled {
    pointer-events: none
}

.ui-datepicker {
    width: 17em;
    padding: .2em .2em 0;
    display: none
}

.ui-datepicker .ui-datepicker-header {
    position: relative;
    padding: .2em 0
}

.ui-datepicker .ui-datepicker-next,
.ui-datepicker .ui-datepicker-prev {
    position: absolute;
    top: 2px;
    width: 1.8em;
    height: 1.8em
}

.ui-datepicker .ui-datepicker-next-hover,
.ui-datepicker .ui-datepicker-prev-hover {
    top: 1px
}

.ui-datepicker .ui-datepicker-prev {
    left: 2px
}

.ui-datepicker .ui-datepicker-next {
    right: 2px
}

.ui-datepicker .ui-datepicker-prev-hover {
    left: 1px
}

.ui-datepicker .ui-datepicker-next-hover {
    right: 1px
}

.ui-datepicker .ui-datepicker-next span,
.ui-datepicker .ui-datepicker-prev span {
    display: block;
    position: absolute;
    left: 50%;
    margin-left: -8px;
    top: 50%;
    margin-top: -8px
}

.ui-datepicker .ui-datepicker-title {
    margin: 0 2.3em;
    line-height: 1.8em;
    text-align: center
}

.ui-datepicker .ui-datepicker-title select {
    font-size: 1em;
    margin: 1px 0
}

.ui-datepicker select.ui-datepicker-month,
.ui-datepicker select.ui-datepicker-year {
    width: 45%
}

.ui-datepicker table {
    width: 100%;
    font-size: .9em;
    border-collapse: collapse;
    margin: 0 0 .4em
}

.ui-datepicker th {
    padding: .7em .3em;
    text-align: center;
    font-weight: 700;
    border: 0
}

.ui-datepicker td {
    border: 0;
    padding: 1px
}

.ui-datepicker td a,
.ui-datepicker td span {
    display: block;
    padding: .2em;
    text-align: right;
    text-decoration: none
}

.ui-datepicker .ui-datepicker-buttonpane {
    background-image: none;
    margin: .7em 0 0 0;
    padding: 0 .2em;
    border-left: 0;
    border-right: 0;
    border-bottom: 0
}

.ui-datepicker .ui-datepicker-buttonpane button {
    float: right;
    margin: .5em .2em .4em;
    cursor: pointer;
    padding: .2em .6em .3em .6em;
    width: auto;
    overflow: visible
}

.ui-datepicker .ui-datepicker-buttonpane button.ui-datepicker-current {
    float: left
}

.ui-datepicker.ui-datepicker-multi {
    width: auto
}

.ui-datepicker-multi .ui-datepicker-group {
    float: left
}

.ui-datepicker-multi .ui-datepicker-group table {
    width: 95%;
    margin: 0 auto .4em
}

.ui-datepicker-multi-2 .ui-datepicker-group {
    width: 50%
}

.ui-datepicker-multi-3 .ui-datepicker-group {
    width: 33.3%
}

.ui-datepicker-multi-4 .ui-datepicker-group {
    width: 25%
}

.ui-datepicker-multi .ui-datepicker-group-last .ui-datepicker-header,
.ui-datepicker-multi .ui-datepicker-group-middle .ui-datepicker-header {
    border-left-width: 0
}

.ui-datepicker-multi .ui-datepicker-buttonpane {
    clear: left
}

.ui-datepicker-row-break {
    clear: both;
    width: 100%;
    font-size: 0
}

.ui-datepicker-rtl {
    direction: rtl
}

.ui-datepicker-rtl .ui-datepicker-prev {
    right: 2px;
    left: auto
}

.ui-datepicker-rtl .ui-datepicker-next {
    left: 2px;
    right: auto
}

.ui-datepicker-rtl .ui-datepicker-prev:hover {
    right: 1px;
    left: auto
}

.ui-datepicker-rtl .ui-datepicker-next:hover {
    left: 1px;
    right: auto
}

.ui-datepicker-rtl .ui-datepicker-buttonpane {
    clear: right
}

.ui-datepicker-rtl .ui-datepicker-buttonpane button {
    float: left
}

.ui-datepicker-rtl .ui-datepicker-buttonpane button.ui-datepicker-current,
.ui-datepicker-rtl .ui-datepicker-group {
    float: right
}

.ui-datepicker-rtl .ui-datepicker-group-last .ui-datepicker-header,
.ui-datepicker-rtl .ui-datepicker-group-middle .ui-datepicker-header {
    border-right-width: 0;
    border-left-width: 1px
}

.ui-datepicker .ui-icon {
    display: block;
    text-indent: -99999px;
    overflow: hidden;
    background-repeat: no-repeat;
    left: .5em;
    top: .3em
}

.ui-dialog {
    position: absolute;
    top: 0;
    left: 0;
    padding: .2em;
    outline: 0
}

.ui-dialog .ui-dialog-titlebar {
    padding: .4em 1em;
    position: relative
}

.ui-dialog .ui-dialog-title {
    float: left;
    margin: .1em 0;
    white-space: nowrap;
    width: 90%;
    overflow: hidden;
    text-overflow: ellipsis
}

.ui-dialog .ui-dialog-titlebar-close {
    position: absolute;
    right: .3em;
    top: 50%;
    width: 20px;
    margin: -10px 0 0 0;
    padding: 1px;
    height: 20px
}

.ui-dialog .ui-dialog-content {
    position: relative;
    border: 0;
    padding: .5em 1em;
    background: 0 0;
    overflow: auto
}

.ui-dialog .ui-dialog-buttonpane {
    text-align: left;
    border-width: 1px 0 0 0;
    background-image: none;
    margin-top: .5em;
    padding: .3em 1em .5em .4em
}

.ui-dialog .ui-dialog-buttonpane .ui-dialog-buttonset {
    float: right
}

.ui-dialog .ui-dialog-buttonpane button {
    margin: .5em .4em .5em 0;
    cursor: pointer
}

.ui-dialog .ui-resizable-n {
    height: 2px;
    top: 0
}

.ui-dialog .ui-resizable-e {
    width: 2px;
    right: 0
}

.ui-dialog .ui-resizable-s {
    height: 2px;
    bottom: 0
}

.ui-dialog .ui-resizable-w {
    width: 2px;
    left: 0
}

.ui-dialog .ui-resizable-ne,
.ui-dialog .ui-resizable-nw,
.ui-dialog .ui-resizable-se,
.ui-dialog .ui-resizable-sw {
    width: 7px;
    height: 7px
}

.ui-dialog .ui-resizable-se {
    right: 0;
    bottom: 0
}

.ui-dialog .ui-resizable-sw {
    left: 0;
    bottom: 0
}

.ui-dialog .ui-resizable-ne {
    right: 0;
    top: 0
}

.ui-dialog .ui-resizable-nw {
    left: 0;
    top: 0
}

.ui-draggable .ui-dialog-titlebar {
    cursor: move
}

.ui-draggable-handle {
    -ms-touch-action: none;
    touch-action: none
}

.ui-resizable {
    position: relative
}

.ui-resizable-handle {
    position: absolute;
    font-size: .1px;
    display: block;
    -ms-touch-action: none;
    touch-action: none
}

.ui-resizable-autohide .ui-resizable-handle,
.ui-resizable-disabled .ui-resizable-handle {
    display: none
}

.ui-resizable-n {
    cursor: n-resize;
    height: 7px;
    width: 100%;
    top: -5px;
    left: 0
}

.ui-resizable-s {
    cursor: s-resize;
    height: 7px;
    width: 100%;
    bottom: -5px;
    left: 0
}

.ui-resizable-e {
    cursor: e-resize;
    width: 7px;
    right: -5px;
    top: 0;
    height: 100%
}

.ui-resizable-w {
    cursor: w-resize;
    width: 7px;
    left: -5px;
    top: 0;
    height: 100%
}

.ui-resizable-se {
    cursor: se-resize;
    width: 12px;
    height: 12px;
    right: 1px;
    bottom: 1px
}

.ui-resizable-sw {
    cursor: sw-resize;
    width: 9px;
    height: 9px;
    left: -5px;
    bottom: -5px
}

.ui-resizable-nw {
    cursor: nw-resize;
    width: 9px;
    height: 9px;
    left: -5px;
    top: -5px
}

.ui-resizable-ne {
    cursor: ne-resize;
    width: 9px;
    height: 9px;
    right: -5px;
    top: -5px
}

.ui-progressbar {
    height: 2em;
    text-align: left;
    overflow: hidden
}

.ui-progressbar .ui-progressbar-value {
    margin: -1px;
    height: 100%
}

.ui-progressbar .ui-progressbar-overlay {
    background: url("data:image/gif;base64,R0lGODlhKAAoAIABAAAAAP///yH/C05FVFNDQVBFMi4wAwEAAAAh+QQJAQABACwAAAAAKAAoAAACkYwNqXrdC52DS06a7MFZI+4FHBCKoDeWKXqymPqGqxvJrXZbMx7Ttc+w9XgU2FB3lOyQRWET2IFGiU9m1frDVpxZZc6bfHwv4c1YXP6k1Vdy292Fb6UkuvFtXpvWSzA+HycXJHUXiGYIiMg2R6W459gnWGfHNdjIqDWVqemH2ekpObkpOlppWUqZiqr6edqqWQAAIfkECQEAAQAsAAAAACgAKAAAApSMgZnGfaqcg1E2uuzDmmHUBR8Qil95hiPKqWn3aqtLsS18y7G1SzNeowWBENtQd+T1JktP05nzPTdJZlR6vUxNWWjV+vUWhWNkWFwxl9VpZRedYcflIOLafaa28XdsH/ynlcc1uPVDZxQIR0K25+cICCmoqCe5mGhZOfeYSUh5yJcJyrkZWWpaR8doJ2o4NYq62lAAACH5BAkBAAEALAAAAAAoACgAAAKVDI4Yy22ZnINRNqosw0Bv7i1gyHUkFj7oSaWlu3ovC8GxNso5fluz3qLVhBVeT/Lz7ZTHyxL5dDalQWPVOsQWtRnuwXaFTj9jVVh8pma9JjZ4zYSj5ZOyma7uuolffh+IR5aW97cHuBUXKGKXlKjn+DiHWMcYJah4N0lYCMlJOXipGRr5qdgoSTrqWSq6WFl2ypoaUAAAIfkECQEAAQAsAAAAACgAKAAAApaEb6HLgd/iO7FNWtcFWe+ufODGjRfoiJ2akShbueb0wtI50zm02pbvwfWEMWBQ1zKGlLIhskiEPm9R6vRXxV4ZzWT2yHOGpWMyorblKlNp8HmHEb/lCXjcW7bmtXP8Xt229OVWR1fod2eWqNfHuMjXCPkIGNileOiImVmCOEmoSfn3yXlJWmoHGhqp6ilYuWYpmTqKUgAAIfkECQEAAQAsAAAAACgAKAAAApiEH6kb58biQ3FNWtMFWW3eNVcojuFGfqnZqSebuS06w5V80/X02pKe8zFwP6EFWOT1lDFk8rGERh1TTNOocQ61Hm4Xm2VexUHpzjymViHrFbiELsefVrn6XKfnt2Q9G/+Xdie499XHd2g4h7ioOGhXGJboGAnXSBnoBwKYyfioubZJ2Hn0RuRZaflZOil56Zp6iioKSXpUAAAh+QQJAQABACwAAAAAKAAoAAACkoQRqRvnxuI7kU1a1UU5bd5tnSeOZXhmn5lWK3qNTWvRdQxP8qvaC+/yaYQzXO7BMvaUEmJRd3TsiMAgswmNYrSgZdYrTX6tSHGZO73ezuAw2uxuQ+BbeZfMxsexY35+/Qe4J1inV0g4x3WHuMhIl2jXOKT2Q+VU5fgoSUI52VfZyfkJGkha6jmY+aaYdirq+lQAACH5BAkBAAEALAAAAAAoACgAAAKWBIKpYe0L3YNKToqswUlvznigd4wiR4KhZrKt9Upqip61i9E3vMvxRdHlbEFiEXfk9YARYxOZZD6VQ2pUunBmtRXo1Lf8hMVVcNl8JafV38aM2/Fu5V16Bn63r6xt97j09+MXSFi4BniGFae3hzbH9+hYBzkpuUh5aZmHuanZOZgIuvbGiNeomCnaxxap2upaCZsq+1kAACH5BAkBAAEALAAAAAAoACgAAAKXjI8By5zf4kOxTVrXNVlv1X0d8IGZGKLnNpYtm8Lr9cqVeuOSvfOW79D9aDHizNhDJidFZhNydEahOaDH6nomtJjp1tutKoNWkvA6JqfRVLHU/QUfau9l2x7G54d1fl995xcIGAdXqMfBNadoYrhH+Mg2KBlpVpbluCiXmMnZ2Sh4GBqJ+ckIOqqJ6LmKSllZmsoq6wpQAAAh+QQJAQABACwAAAAAKAAoAAAClYx/oLvoxuJDkU1a1YUZbJ59nSd2ZXhWqbRa2/gF8Gu2DY3iqs7yrq+xBYEkYvFSM8aSSObE+ZgRl1BHFZNr7pRCavZ5BW2142hY3AN/zWtsmf12p9XxxFl2lpLn1rseztfXZjdIWIf2s5dItwjYKBgo9yg5pHgzJXTEeGlZuenpyPmpGQoKOWkYmSpaSnqKileI2FAAACH5BAkBAAEALAAAAAAoACgAAAKVjB+gu+jG4kORTVrVhRlsnn2dJ3ZleFaptFrb+CXmO9OozeL5VfP99HvAWhpiUdcwkpBH3825AwYdU8xTqlLGhtCosArKMpvfa1mMRae9VvWZfeB2XfPkeLmm18lUcBj+p5dnN8jXZ3YIGEhYuOUn45aoCDkp16hl5IjYJvjWKcnoGQpqyPlpOhr3aElaqrq56Bq7VAAAOw==");
    height: 100%;
    opacity: .25
}

.ui-progressbar-indeterminate .ui-progressbar-value {
    background-image: none
}

.ui-selectable {
    -ms-touch-action: none;
    touch-action: none
}

.ui-selectable-helper {
    position: absolute;
    z-index: 100;
    border: 1px dotted #000
}

.ui-selectmenu-menu {
    padding: 0;
    margin: 0;
    position: absolute;
    top: 0;
    left: 0;
    display: none
}

.ui-selectmenu-menu .ui-menu {
    overflow: auto;
    overflow-x: hidden;
    padding-bottom: 1px
}

.ui-selectmenu-menu .ui-menu .ui-selectmenu-optgroup {
    font-size: 1em;
    font-weight: 700;
    line-height: 1.5;
    padding: 2px .4em;
    margin: .5em 0 0 0;
    height: auto;
    border: 0
}

.ui-selectmenu-open {
    display: block
}

.ui-selectmenu-text {
    display: block;
    margin-right: 20px;
    overflow: hidden;
    text-overflow: ellipsis
}

.ui-selectmenu-button.ui-button {
    text-align: left;
    white-space: nowrap;
    width: 14em
}

.ui-selectmenu-icon.ui-icon {
    float: right;
    margin-top: 0
}

.ui-slider {
    position: relative;
    text-align: left
}

.ui-slider .ui-slider-handle {
    position: absolute;
    z-index: 2;
    width: 1.2em;
    height: 3.2em;
    cursor: default;
    -ms-touch-action: none;
    touch-action: none
}

.ui-slider .ui-slider-range {
    position: absolute;
    z-index: 1;
    font-size: 2em;
    display: block;
    border: 0;
    background-position: 0 0
}

.ui-slider.ui-state-disabled .ui-slider-handle,
.ui-slider.ui-state-disabled .ui-slider-range {
    filter: inherit
}

.ui-slider-horizontal {
    height: 2em
}

.ui-slider-horizontal .ui-slider-handle {
    top: -.6em;
    margin-left: -.6em
}

.ui-slider-horizontal .ui-slider-range {
    top: 0;
    height: 100%
}

.ui-slider-horizontal .ui-slider-range-min {
    left: 0
}

.ui-slider-horizontal .ui-slider-range-max {
    right: 0
}

.ui-slider-vertical {
    width: .8em;
    height: 100px
}

.ui-slider-vertical .ui-slider-handle {
    left: -.3em;
    margin-left: 0;
    margin-bottom: -.6em
}

.ui-slider-vertical .ui-slider-range {
    left: 0;
    width: 100%
}

.ui-slider-vertical .ui-slider-range-min {
    bottom: 0
}

.ui-slider-vertical .ui-slider-range-max {
    top: 0
}

.ui-sortable-handle {
    -ms-touch-action: none;
    touch-action: none
}

.ui-spinner {
    position: relative;
    display: inline-block;
    overflow: hidden;
    padding: 0;
    vertical-align: middle
}

.ui-spinner-input {
    border: none;
    background: 0 0;
    color: inherit;
    padding: .222em 0;
    margin: .2em 0;
    vertical-align: middle;
    margin-left: .4em;
    margin-right: 2em
}

.ui-spinner-button {
    width: 1.6em;
    height: 50%;
    font-size: .5em;
    padding: 0;
    margin: 0;
    text-align: center;
    position: absolute;
    cursor: default;
    display: block;
    overflow: hidden;
    right: 0
}

.ui-spinner a.ui-spinner-button {
    border-top-style: none;
    border-bottom-style: none;
    border-right-style: none
}

.ui-spinner-up {
    top: 0
}

.ui-spinner-down {
    bottom: 0
}

.ui-tabs {
    position: relative;
    padding: .2em
}

.ui-tabs .ui-tabs-nav {
    margin: 0;
    padding: .2em .2em 0
}

.ui-tabs .ui-tabs-nav li {
    list-style: none;
    float: left;
    position: relative;
    top: 0;
    margin: 1px .2em 0 0;
    border-bottom-width: 0;
    padding: 0;
    white-space: nowrap
}

.ui-tabs .ui-tabs-nav .ui-tabs-anchor {
    float: left;
    padding: .5em 1em;
    text-decoration: none
}

.ui-tabs .ui-tabs-nav li.ui-tabs-active {
    margin-bottom: -1px;
    padding-bottom: 1px
}

.ui-tabs .ui-tabs-nav li.ui-state-disabled .ui-tabs-anchor,
.ui-tabs .ui-tabs-nav li.ui-tabs-active .ui-tabs-anchor,
.ui-tabs .ui-tabs-nav li.ui-tabs-loading .ui-tabs-anchor {
    cursor: text
}

.ui-tabs-collapsible .ui-tabs-nav li.ui-tabs-active .ui-tabs-anchor {
    cursor: pointer
}

.ui-tabs .ui-tabs-panel {
    display: block;
    border-width: 0;
    padding: 1em 1.4em;
    background: 0 0
}

.ui-tooltip {
    padding: 8px;
    position: absolute;
    z-index: 9999;
    max-width: 300px
}

body .ui-tooltip {
    border-width: 2px
}

.ui-widget {
    font-size: 1em
}

.ui-widget .ui-widget {
    font-size: 1em
}

.ui-widget button,
.ui-widget input,
.ui-widget select,
.ui-widget textarea {
    font-size: 1em
}

.ui-widget.ui-widget-content {
    border: 1px solid #c5c5c5
}

.ui-widget-content {
    border: 1px solid #ddd;
    background: #fff;
    color: #333
}

.ui-widget-content a {
    color: #333
}

.ui-widget-header {
    border: 1px solid #ddd;
    background: linear-gradient(90deg, #91efd4 50%, #25a06f);
    color: #333;
    font-weight: 700
}

.ui-widget-header a {
    color: #333
}

.ui-button,
.ui-state-default,
.ui-widget-content .ui-state-default,
.ui-widget-header .ui-state-default,
html .ui-button.ui-state-disabled:active,
html .ui-button.ui-state-disabled:hover {
    border: 1px solid #25a06f;
    background: #25a06f;
    font-weight: 400;
    color: #25a06f
}

.ui-button,
.ui-state-default a,
.ui-state-default a:link,
.ui-state-default a:visited,
a.ui-button,
a:link.ui-button,
a:visited.ui-button {
    color: #454545;
    text-decoration: none
}

.ui-button:focus,
.ui-button:hover,
.ui-state-focus,
.ui-state-hover,
.ui-widget-content .ui-state-focus,
.ui-widget-content .ui-state-hover,
.ui-widget-header .ui-state-focus,
.ui-widget-header .ui-state-hover {
    border: 1px solid #25a06f;
    background: #25a06f;
    font-weight: 400;
    color: #25a06f
}

.ui-state-focus a,
.ui-state-focus a:hover,
.ui-state-focus a:link,
.ui-state-focus a:visited,
.ui-state-hover a,
.ui-state-hover a:hover,
.ui-state-hover a:link,
.ui-state-hover a:visited,
a.ui-button:focus,
a.ui-button:hover {
    color: #2b2b2b;
    text-decoration: none
}

.ui-visual-focus {
    box-shadow: 0 0 3px 1px #5e9ed6
}

.ui-button.ui-state-active:hover,
.ui-button:active,
.ui-state-active,
.ui-widget-content .ui-state-active,
.ui-widget-header .ui-state-active,
a.ui-button:active {
    border: 1px solid #003eff;
    background: #007fff;
    font-weight: 400;
    color: #fff
}

.ui-icon-background,
.ui-state-active .ui-icon-background {
    border: #003eff;
    background-color: #fff
}

.ui-state-active a,
.ui-state-active a:link,
.ui-state-active a:visited {
    color: #fff;
    text-decoration: none
}

.ui-state-highlight,
.ui-widget-content .ui-state-highlight,
.ui-widget-header .ui-state-highlight {
    border: 1px solid #dad55e;
    background: #fffa90;
    color: #777620
}

.ui-state-checked {
    border: 1px solid #dad55e;
    background: #fffa90
}

.ui-state-highlight a,
.ui-widget-content .ui-state-highlight a,
.ui-widget-header .ui-state-highlight a {
    color: #777620
}

.ui-state-error,
.ui-widget-content .ui-state-error,
.ui-widget-header .ui-state-error {
    border: 1px solid #f1a899;
    background: #fddfdf;
    color: #5f3f3f
}

.ui-state-error a,
.ui-widget-content .ui-state-error a,
.ui-widget-header .ui-state-error a {
    color: #5f3f3f
}

.ui-state-error-text,
.ui-widget-content .ui-state-error-text,
.ui-widget-header .ui-state-error-text {
    color: #5f3f3f
}

.ui-priority-primary,
.ui-widget-content .ui-priority-primary,
.ui-widget-header .ui-priority-primary {
    font-weight: 700
}

.ui-priority-secondary,
.ui-widget-content .ui-priority-secondary,
.ui-widget-header .ui-priority-secondary {
    opacity: .7;
    filter: Alpha(Opacity=70);
    font-weight: 400
}

.ui-state-disabled,
.ui-widget-content .ui-state-disabled,
.ui-widget-header .ui-state-disabled {
    opacity: .35;
    filter: Alpha(Opacity=35);
    background-image: none
}

.ui-state-disabled .ui-icon {
    filter: Alpha(Opacity=35)
}

.ui-icon {
    width: 16px;
    height: 16px
}

.ui-icon,
.ui-widget-content .ui-icon {
    background-image: url("images/ui-icons_444444_256x240.png")
}

.ui-widget-header .ui-icon {
    background-image: url("images/ui-icons_444444_256x240.png")
}

.ui-button:focus .ui-icon,
.ui-button:hover .ui-icon,
.ui-state-focus .ui-icon,
.ui-state-hover .ui-icon {
    background-image: url("images/ui-icons_555555_256x240.png")
}

.ui-button:active .ui-icon,
.ui-state-active .ui-icon {
    background-image: url("images/ui-icons_ffffff_256x240.png")
}

.ui-button .ui-state-highlight.ui-icon,
.ui-state-highlight .ui-icon {
    background-image: url("images/ui-icons_777620_256x240.png")
}

.ui-state-error .ui-icon,
.ui-state-error-text .ui-icon {
    background-image: url("images/ui-icons_cc0000_256x240.png")
}

.ui-button .ui-icon {
    background-image: url("images/ui-icons_777777_256x240.png")
}

.ui-icon-blank {
    background-position: 16px 16px
}

.ui-icon-caret-1-n {
    background-position: 0 0
}

.ui-icon-caret-1-ne {
    background-position: -16px 0
}

.ui-icon-caret-1-e {
    background-position: -32px 0
}

.ui-icon-caret-1-se {
    background-position: -48px 0
}

.ui-icon-caret-1-s {
    background-position: -65px 0
}

.ui-icon-caret-1-sw {
    background-position: -80px 0
}

.ui-icon-caret-1-w {
    background-position: -96px 0
}

.ui-icon-caret-1-nw {
    background-position: -112px 0
}

.ui-icon-caret-2-n-s {
    background-position: -128px 0
}

.ui-icon-caret-2-e-w {
    background-position: -144px 0
}

.ui-icon-triangle-1-n {
    background-position: 0 -16px
}

.ui-icon-triangle-1-ne {
    background-position: -16px -16px
}

.ui-icon-triangle-1-e {
    background-position: -32px -16px
}

.ui-icon-triangle-1-se {
    background-position: -48px -16px
}

.ui-icon-triangle-1-s {
    background-position: -65px -16px
}

.ui-icon-triangle-1-sw {
    background-position: -80px -16px
}

.ui-icon-triangle-1-w {
    background-position: -96px -16px
}

.ui-icon-triangle-1-nw {
    background-position: -112px -16px
}

.ui-icon-triangle-2-n-s {
    background-position: -128px -16px
}

.ui-icon-triangle-2-e-w {
    background-position: -144px -16px
}

.ui-icon-arrow-1-n {
    background-position: 0 -32px
}

.ui-icon-arrow-1-ne {
    background-position: -16px -32px
}

.ui-icon-arrow-1-e {
    background-position: -32px -32px
}

.ui-icon-arrow-1-se {
    background-position: -48px -32px
}

.ui-icon-arrow-1-s {
    background-position: -65px -32px
}

.ui-icon-arrow-1-sw {
    background-position: -80px -32px
}

.ui-icon-arrow-1-w {
    background-position: -96px -32px
}

.ui-icon-arrow-1-nw {
    background-position: -112px -32px
}

.ui-icon-arrow-2-n-s {
    background-position: -128px -32px
}

.ui-icon-arrow-2-ne-sw {
    background-position: -144px -32px
}

.ui-icon-arrow-2-e-w {
    background-position: -160px -32px
}

.ui-icon-arrow-2-se-nw {
    background-position: -176px -32px
}

.ui-icon-arrowstop-1-n {
    background-position: -192px -32px
}

.ui-icon-arrowstop-1-e {
    background-position: -208px -32px
}

.ui-icon-arrowstop-1-s {
    background-position: -224px -32px
}

.ui-icon-arrowstop-1-w {
    background-position: -240px -32px
}

.ui-icon-arrowthick-1-n {
    background-position: 1px -48px
}

.ui-icon-arrowthick-1-ne {
    background-position: -16px -48px
}

.ui-icon-arrowthick-1-e {
    background-position: -32px -48px
}

.ui-icon-arrowthick-1-se {
    background-position: -48px -48px
}

.ui-icon-arrowthick-1-s {
    background-position: -64px -48px
}

.ui-icon-arrowthick-1-sw {
    background-position: -80px -48px
}

.ui-icon-arrowthick-1-w {
    background-position: -96px -48px
}

.ui-icon-arrowthick-1-nw {
    background-position: -112px -48px
}

.ui-icon-arrowthick-2-n-s {
    background-position: -128px -48px
}

.ui-icon-arrowthick-2-ne-sw {
    background-position: -144px -48px
}

.ui-icon-arrowthick-2-e-w {
    background-position: -160px -48px
}

.ui-icon-arrowthick-2-se-nw {
    background-position: -176px -48px
}

.ui-icon-arrowthickstop-1-n {
    background-position: -192px -48px
}

.ui-icon-arrowthickstop-1-e {
    background-position: -208px -48px
}

.ui-icon-arrowthickstop-1-s {
    background-position: -224px -48px
}

.ui-icon-arrowthickstop-1-w {
    background-position: -240px -48px
}

.ui-icon-arrowreturnthick-1-w {
    background-position: 0 -64px
}

.ui-icon-arrowreturnthick-1-n {
    background-position: -16px -64px
}

.ui-icon-arrowreturnthick-1-e {
    background-position: -32px -64px
}

.ui-icon-arrowreturnthick-1-s {
    background-position: -48px -64px
}

.ui-icon-arrowreturn-1-w {
    background-position: -64px -64px
}

.ui-icon-arrowreturn-1-n {
    background-position: -80px -64px
}

.ui-icon-arrowreturn-1-e {
    background-position: -96px -64px
}

.ui-icon-arrowreturn-1-s {
    background-position: -112px -64px
}

.ui-icon-arrowrefresh-1-w {
    background-position: -128px -64px
}

.ui-icon-arrowrefresh-1-n {
    background-position: -144px -64px
}

.ui-icon-arrowrefresh-1-e {
    background-position: -160px -64px
}

.ui-icon-arrowrefresh-1-s {
    background-position: -176px -64px
}

.ui-icon-arrow-4 {
    background-position: 0 -80px
}

.ui-icon-arrow-4-diag {
    background-position: -16px -80px
}

.ui-icon-extlink {
    background-position: -32px -80px
}

.ui-icon-newwin {
    background-position: -48px -80px
}

.ui-icon-refresh {
    background-position: -64px -80px
}

.ui-icon-shuffle {
    background-position: -80px -80px
}

.ui-icon-transfer-e-w {
    background-position: -96px -80px
}

.ui-icon-transferthick-e-w {
    background-position: -112px -80px
}

.ui-icon-folder-collapsed {
    background-position: 0 -96px
}

.ui-icon-folder-open {
    background-position: -16px -96px
}

.ui-icon-document {
    background-position: -32px -96px
}

.ui-icon-document-b {
    background-position: -48px -96px
}

.ui-icon-note {
    background-position: -64px -96px
}

.ui-icon-mail-closed {
    background-position: -80px -96px
}

.ui-icon-mail-open {
    background-position: -96px -96px
}

.ui-icon-suitcase {
    background-position: -112px -96px
}

.ui-icon-comment {
    background-position: -128px -96px
}

.ui-icon-person {
    background-position: -144px -96px
}

.ui-icon-print {
    background-position: -160px -96px
}

.ui-icon-trash {
    background-position: -176px -96px
}

.ui-icon-locked {
    background-position: -192px -96px
}

.ui-icon-unlocked {
    background-position: -208px -96px
}

.ui-icon-bookmark {
    background-position: -224px -96px
}

.ui-icon-tag {
    background-position: -240px -96px
}

.ui-icon-home {
    background-position: 0 -112px
}

.ui-icon-flag {
    background-position: -16px -112px
}

.ui-icon-calendar {
    background-position: -32px -112px
}

.ui-icon-cart {
    background-position: -48px -112px
}

.ui-icon-pencil {
    background-position: -64px -112px
}

.ui-icon-clock {
    background-position: -80px -112px
}

.ui-icon-disk {
    background-position: -96px -112px
}

.ui-icon-calculator {
    background-position: -112px -112px
}

.ui-icon-zoomin {
    background-position: -128px -112px
}

.ui-icon-zoomout {
    background-position: -144px -112px
}

.ui-icon-search {
    background-position: -160px -112px
}

.ui-icon-wrench {
    background-position: -176px -112px
}

.ui-icon-gear {
    background-position: -192px -112px
}

.ui-icon-heart {
    background-position: -208px -112px
}

.ui-icon-star {
    background-position: -224px -112px
}

.ui-icon-link {
    background-position: -240px -112px
}

.ui-icon-cancel {
    background-position: 0 -128px
}

.ui-icon-plus {
    background-position: -16px -128px
}

.ui-icon-plusthick {
    background-position: -32px -128px
}

.ui-icon-minus {
    background-position: -48px -128px
}

.ui-icon-minusthick {
    background-position: -64px -128px
}

.ui-icon-close {
    background-position: -80px -128px
}

.ui-icon-closethick {
    background-position: -96px -128px
}

.ui-icon-key {
    background-position: -112px -128px
}

.ui-icon-lightbulb {
    background-position: -128px -128px
}

.ui-icon-scissors {
    background-position: -144px -128px
}

.ui-icon-clipboard {
    background-position: -160px -128px
}

.ui-icon-copy {
    background-position: -176px -128px
}

.ui-icon-contact {
    background-position: -192px -128px
}

.ui-icon-image {
    background-position: -208px -128px
}

.ui-icon-video {
    background-position: -224px -128px
}

.ui-icon-script {
    background-position: -240px -128px
}

.ui-icon-alert {
    background-position: 0 -144px
}

.ui-icon-info {
    background-position: -16px -144px
}

.ui-icon-notice {
    background-position: -32px -144px
}

.ui-icon-help {
    background-position: -48px -144px
}

.ui-icon-check {
    background-position: -64px -144px
}

.ui-icon-bullet {
    background-position: -80px -144px
}

.ui-icon-radio-on {
    background-position: -96px -144px
}

.ui-icon-radio-off {
    background-position: -112px -144px
}

.ui-icon-pin-w {
    background-position: -128px -144px
}

.ui-icon-pin-s {
    background-position: -144px -144px
}

.ui-icon-play {
    background-position: 0 -160px
}

.ui-icon-pause {
    background-position: -16px -160px
}

.ui-icon-seek-next {
    background-position: -32px -160px
}

.ui-icon-seek-prev {
    background-position: -48px -160px
}

.ui-icon-seek-end {
    background-position: -64px -160px
}

.ui-icon-seek-start {
    background-position: -80px -160px
}

.ui-icon-seek-first {
    background-position: -80px -160px
}

.ui-icon-stop {
    background-position: -96px -160px
}

.ui-icon-eject {
    background-position: -112px -160px
}

.ui-icon-volume-off {
    background-position: -128px -160px
}

.ui-icon-volume-on {
    background-position: -144px -160px
}

.ui-icon-power {
    background-position: 0 -176px
}

.ui-icon-signal-diag {
    background-position: -16px -176px
}

.ui-icon-signal {
    background-position: -32px -176px
}

.ui-icon-battery-0 {
    background-position: -48px -176px
}

.ui-icon-battery-1 {
    background-position: -64px -176px
}

.ui-icon-battery-2 {
    background-position: -80px -176px
}

.ui-icon-battery-3 {
    background-position: -96px -176px
}

.ui-icon-circle-plus {
    background-position: 0 -192px
}

.ui-icon-circle-minus {
    background-position: -16px -192px
}

.ui-icon-circle-close {
    background-position: -32px -192px
}

.ui-icon-circle-triangle-e {
    background-position: -48px -192px
}

.ui-icon-circle-triangle-s {
    background-position: -64px -192px
}

.ui-icon-circle-triangle-w {
    background-position: -80px -192px
}

.ui-icon-circle-triangle-n {
    background-position: -96px -192px
}

.ui-icon-circle-arrow-e {
    background-position: -112px -192px
}

.ui-icon-circle-arrow-s {
    background-position: -128px -192px
}

.ui-icon-circle-arrow-w {
    background-position: -144px -192px
}

.ui-icon-circle-arrow-n {
    background-position: -160px -192px
}

.ui-icon-circle-zoomin {
    background-position: -176px -192px
}

.ui-icon-circle-zoomout {
    background-position: -192px -192px
}

.ui-icon-circle-check {
    background-position: -208px -192px
}

.ui-icon-circlesmall-plus {
    background-position: 0 -208px
}

.ui-icon-circlesmall-minus {
    background-position: -16px -208px
}

.ui-icon-circlesmall-close {
    background-position: -32px -208px
}

.ui-icon-squaresmall-plus {
    background-position: -48px -208px
}

.ui-icon-squaresmall-minus {
    background-position: -64px -208px
}

.ui-icon-squaresmall-close {
    background-position: -80px -208px
}

.ui-icon-grip-dotted-vertical {
    background-position: 0 -224px
}

.ui-icon-grip-dotted-horizontal {
    background-position: -16px -224px
}

.ui-icon-grip-solid-vertical {
    background-position: -32px -224px
}

.ui-icon-grip-solid-horizontal {
    background-position: -48px -224px
}

.ui-icon-gripsmall-diagonal-se {
    background-position: -64px -224px
}

.ui-icon-grip-diagonal-se {
    background-position: -80px -224px
}

.ui-corner-all,
.ui-corner-left,
.ui-corner-tl,
.ui-corner-top {
    border-top-left-radius: 3px
}

.ui-corner-all,
.ui-corner-right,
.ui-corner-top,
.ui-corner-tr {
    border-top-right-radius: 3px
}

.ui-corner-all,
.ui-corner-bl,
.ui-corner-bottom,
.ui-corner-left {
    border-bottom-left-radius: 3px
}

.ui-corner-all,
.ui-corner-bottom,
.ui-corner-br,
.ui-corner-right {
    border-bottom-right-radius: 3px
}

.ui-widget-overlay {
    background: #aaa;
    opacity: .3;
    filter: Alpha(Opacity=30)
}

.ui-widget-shadow {
    -webkit-box-shadow: 0 0 5px #666;
    box-shadow: 0 0 5px #666
}

.kazemi1 {
    background: linear-gradient(to bottom, #393738 30%, #fff 0 100%) !important
}

.mainslider {
    color: #fff;
    min-height: 5rem;
    position: relative;
    background: #64a082
}

.mainsliderbg {
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    opacity: .05;
    position: absolute
}

.subjectbgcaroop {
    padding: 15px 0;
    position: relative;
    cursor: pointer
}

.subjectbgcaroop,
.subjectbgcaroop:hover {
    color: #fff
}

.subjectbgcaroop .light-font {
    font-weight: 400
}

.subjectbgcaroop .btn {
    border-width: 2px;
    font-weight: 700
}

.subjectbgcaroop img {
    margin-top: -6px
}

.subjectbgcaroop a {
    position: relative;
    border: none !important;
    padding: 7px 15px;
    border-radius: 30px;
    outline: 0;
    display: flex;
    align-items: center;
    justify-content: center;
    transition: all .4s
}

.subjectbgcaroop a img {
    position: initial;
    top: 2px;
    left: 0;
    pointer-events: none;
    width: 100%
}

@media (max-width:991.98px) {
    .subjectbgcaroop .subjectbgcaroopText {
        justify-content: flex-start !important;
        margin-bottom: .4rem !important
    }

    .subjectbgcaroop .subjectbgcaroopCounter {
        flex-direction: row;
        justify-content: flex-start !important
    }

    .subjectbgcaroop .subjectbgcaroopCounter .es-countdown {
        display: flex
    }

    .subjectbgcaroop .subjectbgcaroopCounter .es-countdown div div {
        margin-left: 1rem
    }

    .subjectbgcaroop .subjectbgcaroopCounter .es-countdown span {
        padding-left: 3px;
        padding-right: 3px
    }

    .subjectbgcaroop .subjectbgcaroopBtn {
        justify-content: flex-end !important
    }
}

@media (max-width:767.98px) {
    .subjectbgcaroop .row {
        justify-content: center !important
    }

    .subjectbgcaroop .subjectbgcaroopCounter {
        justify-content: flex-start !important
    }

    .subjectbgcaroop .subjectbgcaroopCounter div div {
        display: none
    }

    .subjectbgcaroop .subjectbgcaroopBtn {
        justify-content: flex-end !important
    }
}

.cc-selector input {
    margin: 0;
    padding: 0;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none
}

.cc-selectpaycard input {
    position: absolute;
    z-index: 999
}

.wallet {
    background-image: url(../images/wallet.png)
}

.irankish {
    background-image: url(../images/irankish.png)
}

.mellat {
    background-image: url(../images/mellat.png)
}

.melli {
    background-image: url(../images/melli1.png)
}

.payline {
    background-image: url(../images/payline.png)
}

.zarinpal {
    background-image: url(../images/zarinpal.png)
}

.parsian {
    background-image: url(../images/parsian.png)
}

.sepehr {
    background-image: url(../images/sepehr.png)
}

.pasargad {
    background-image: url(../images/pasargad.png)
}

.pasargad1 {
    background-image: url(../images/pasargad.png)
}

.cc-selector input:active + .drinkcard-cc,
.cc-selectpaycard input:active + .drinkcard-cc {
    opacity: .9
}

.cc-selector input:checked + .drinkcard-cc,
.cc-selectpaycard input:checked + .drinkcard-cc {
    -webkit-filter: none;
    -moz-filter: none;
    filter: none
}

.drinkcard-cc {
    cursor: pointer;
    background-size: contain;
    background-repeat: no-repeat;
    display: inline-block;
    width: 100px;
    height: 70px;
    -webkit-transition: all .1s ease-in;
    -moz-transition: all .1s ease-in;
    transition: all .1s ease-in;
    -webkit-filter: brightness(1.8) grayscale(1) opacity(.7);
    -moz-filter: brightness(1.8) grayscale(1) opacity(.7);
    filter: brightness(1.8) grayscale(1) opacity(.7)
}

.drinkcard-cc:hover {
    -webkit-filter: brightness(1.2) grayscale(.5) opacity(.9);
    -moz-filter: brightness(1.2) grayscale(.5) opacity(.9);
    filter: brightness(1.2) grayscale(.5) opacity(.9)
}

.btn-lg {
    height: calc(2em + 1rem + 5px);
    padding: .5rem 1rem;
    font-size: 1.25rem;
    line-height: 2
}

.btn-caroop-success {
    display: inline-flex !important;
    text-align: center;
    border-radius: 10rem;
    min-width: 2rem;
    border: 3px solid #25a06f !important;
    color: #25a06f !important;
    background-repeat: no-repeat;
    background-size: 0 100%;
    background-image: linear-gradient(to right, #25a06f 0, #25a06f 100%);
    transition: all .35s ease;
    overflow: hidden
}

.btn-caroop-success:hover {
    background-size: 100% 100%;
    color: #fff !important
}

.btn-caroop-success-radvin {
    display: inline-flex !important;
    text-align: center;
    border-radius: 10rem;
    min-width: 2rem;
    border: 3px solid #25a06f !important;
    color: #fff !important;
    background-repeat: no-repeat;
    background-size: 100% 100%;
    background-image: linear-gradient(to right, #25a06f 0, #25a06f 100%);
    transition: all .35s ease;
    overflow: hidden
}

.btn-caroop-success-radvin:hover {
    background-size: 0 100%;
    color: #25a06f !important
}

.btn-caroop-danger {
    display: inline-flex !important;
    text-align: center;
    border-radius: 10rem;
    min-width: 2rem;
    border: 3px solid red !important;
    color: red !important;
    background-repeat: no-repeat;
    background-size: 0 100%;
    background-image: linear-gradient(to right, red, #ff2400);
    transition: all .35s ease;
    overflow: hidden
}

.btn-caroop-danger:hover {
    background-size: 100% 100%;
    color: #fff !important
}

.btn-caroop-danger-radvin {
    display: inline-flex !important;
    text-align: center;
    border-radius: 10rem;
    min-width: 2rem;
    border: 3px solid red !important;
    color: #fff !important;
    background-repeat: no-repeat;
    background-size: 100% 100%;
    background-image: linear-gradient(to right, red, #ff2400);
    transition: all .35s ease;
    overflow: hidden
}

.btn-caroop-danger-radvin:hover {
    background-size: 0 100%;
    color: red !important
}

.btn-caroop-brown {
    display: inline-flex !important;
    text-align: center;
    border-radius: 10rem;
    min-width: 2rem;
    border: 3px solid #bc905b !important;
    color: #bc905b !important;
    background-repeat: no-repeat;
    background-size: 0 100%;
    background-image: linear-gradient(to right, #bc905b, #c59c6b);
    transition: all .35s ease;
    overflow: hidden
}

.btn-caroop-brown:hover {
    background-size: 100% 100%;
    color: #fff !important
}

.btn-caroop-brown-radvin {
    display: inline-flex !important;
    text-align: center;
    border-radius: 10rem;
    min-width: 2rem;
    border: 3px solid #bc905b !important;
    color: #fff !important;
    background-repeat: no-repeat;
    background-size: 100% 100%;
    background-image: linear-gradient(to right, #bc905b, #c59c6b);
    transition: all .35s ease;
    overflow: hidden
}

.btn-caroop-brown-radvin:hover {
    background-size: 0 100%;
    color: #bc905b !important
}

.btn-caroop-black {
    display: inline-flex !important;
    text-align: center;
    border-radius: 10rem;
    min-width: 2rem;
    border: 3px solid #000 !important;
    color: #000 !important;
    background-repeat: no-repeat;
    background-size: 0 100%;
    background-image: linear-gradient(to right, #000, #000);
    transition: all .35s ease;
    overflow: hidden
}

.btn-caroop-black:hover {
    background-size: 100% 100%;
    color: #fff !important
}

.btn-caroop-white {
    display: inline-flex !important;
    text-align: center;
    border-radius: 10rem;
    min-width: 2rem;
    border: 3px solid #fff !important;
    color: #fff !important;
    background-repeat: no-repeat;
    background-size: 0 100%;
    background-image: linear-gradient(to right, #fff, #fff);
    transition: all .35s ease;
    overflow: hidden
}

.btn-caroop-white:hover {
    background-size: 100% 100%;
    color: #000 !important
}

.btn-caroop-blue {
    display: inline-flex !important;
    text-align: center;
    border-radius: 10rem;
    min-width: 2rem;
    border: 3px solid #00f !important;
    color: #00f !important;
    background-repeat: no-repeat;
    background-size: 0 100%;
    background-image: linear-gradient(to right, #00f, #00f);
    transition: all .35s ease;
    overflow: hidden
}

.btn-caroop-blue:hover {
    background-size: 100% 100%;
    color: #fff !important
}

.btn-caroop-blue-radvin {
    display: inline-flex !important;
    text-align: center;
    border-radius: 10rem;
    min-width: 2rem;
    border: 3px solid #00f !important;
    color: #fff !important;
    background-repeat: no-repeat;
    background-size: 100% 100%;
    background-image: linear-gradient(to right, #00f, #00f);
    transition: all .35s ease;
    overflow: hidden
}

.btn-caroop-blue-radvin:hover {
    background-size: 0 100%;
    color: #00f !important
}

.btn-caroop-warning {
    display: inline-flex !important;
    text-align: center;
    border-radius: 10rem;
    min-width: 2rem;
    border: 3px solid #f39c12 !important;
    color: #f39c12 !important;
    background-repeat: no-repeat;
    background-size: 0 100%;
    background-image: linear-gradient(to right, #f39c12 0, #f39c12 100%);
    transition: all .35s ease;
    position: relative;
    z-index: 1;
    background-color: #fff;
    overflow: hidden
}

.btn-caroop-warning:hover {
    background-size: 100% 100%;
    color: #fff !important
}

.btn-caroop-warning-radvin {
    display: inline-flex !important;
    text-align: center;
    border-radius: 10rem;
    min-width: 2rem;
    border: 3px solid #f39c12 !important;
    color: #000 !important;
    background-repeat: no-repeat;
    background-size: 100% 100%;
    background-image: linear-gradient(to right, #f39c12 0, #f39c12 100%);
    transition: all .35s ease;
    position: relative;
    z-index: 1;
    overflow: hidden
}

.btn-caroop-warning-radvin:hover {
    background-size: 0 100%;
    color: #f39c12 !important
}

.ticket-replies .reply {
    background: #fff;
    border-radius: 3px;
    padding: 5px;
    position: relative
}

.ticket-replies .replies-admin {
    direction: ltr
}

.ticket-replies .replies-user-info {
    display: inline-block;
    padding: 13px 11px;
    text-align: center;
    vertical-align: top;
    width: 120px;
    border-radius: 0 10px 10px 25px;
    font-size: .8em
}

.ticket-replies .replies-user-info .replies-user-image {
    border-radius: 50%;
    max-width: 100%;
    margin-bottom: 5px;
    width: 64px;
    height: 64px;
    border: 2px solid #e53935 !important
}

.ticket-replies .replies-user-info > span {
    display: block
}

.ticket-replies .replies-user-info .replies-user-title {
    color: #616161;
    text-align: initial;
    width: 120px
}

.ticket-replies .replies-admin-info .replies-admin-title {
    color: #616161;
    text-align: left;
    width: 120px
}

.ticket-replies .replies-user-info .replies-user-title span {
    display: inline-block;
    height: 20px;
    line-height: 20px;
    overflow: hidden;
    width: calc(100% - 20px)
}

.ticket-replies .replies-user-info .replies-user-title i {
    display: inline-block;
    height: 20px;
    line-height: 20px;
    margin: 0;
    text-align: center;
    vertical-align: top;
    width: 15px
}

.ticket-replies .replies-user-info .replies-user-type {
    border-radius: 15px;
    height: 24px;
    margin: 0;
    text-align: right;
    width: 100px
}

.ticket-replies .replies-admin .replies-user-info .replies-user-type {
    background: #3f51b5;
    border: 2px solid #3f51b5 !important
}

.ticket-replies .replies-client .replies-user-info .replies-user-type {
    background: #e53935;
    border: 2px solid #e53935 !important
}

.ticket-replies .replies-user-info .replies-user-type span {
    color: #fff;
    display: inline-block;
    height: 24px;
    line-height: 20px;
    overflow: hidden;
    text-align: center;
    vertical-align: top;
    width: calc(100% - 28px)
}

.ticket-replies .replies-user-info .replies-user-type i {
    background: #fff;
    border-radius: 100%;
    color: #ccc;
    display: inline-block;
    height: 20px;
    line-height: 20px;
    margin: 0;
    text-align: center;
    vertical-align: top;
    width: 20px
}

.ticket-replies .replies-info {
    display: inline-block;
    vertical-align: top;
    width: calc(100% - 125px)
}

.ticket-replies .replies-date-attachment {
    position: absolute;
    bottom: -1px;
    z-index: 1
}

.ticket-replies .replies-admin .replies-date-attachment {
    direction: ltr;
    right: -1px;
    align-self: center;
    align-items: center;
    vertical-align: middle
}

.ticket-replies .replies-client .replies-date-attachment {
    left: -1px
}

.ticket-replies .replies-date {
    background: #f7f7f7;
    color: #757575;
    display: flex;
    direction: ltr;
    height: 32px;
    padding: 0 5px 0 20px;
    align-content: center;
    align-items: center
}

.ticket-replies .replies-admin .replies-date {
    border-radius: 10px 0 0 0
}

.ticket-replies .replies-client .replies-date {
    border-radius: 0 10px 0 0
}

.ticket-replies .replies-attahcments {
    display: inline-block;
    color: #fff;
    height: 28px;
    line-height: 28px;
    padding: 0 5px;
    vertical-align: top
}

.ticket-replies .replies-admin .attachemets-list + .replies-date {
    border-radius: 0 0 10px 0
}

.ticket-replies .replies-client .attachemets-list + .replies-date {
    border-radius: 0 0 0 5px
}

.replies-attahcments + .attachemets-list {
    display: none
}

.ticket-replies .replies-admin .replies-attahcments {
    background: #3f51b5;
    border-radius: 5px 0 0 0;
    margin-right: 0
}

.ticket-replies .replies-client .replies-attahcments {
    background: #e53935;
    border-radius: 0 5px 0 0;
    margin-left: -4px
}

.ticket-modals .modal-content {
    border: none;
    border-radius: 3px
}

.ticket-modals .modal-header {
    background: #0888f5;
    border: none;
    border-radius: 3px 3px 0 0;
    color: #fff;
    height: 38px;
    padding: 10px 15px 0 10px
}

.ticket-modals .close {
    color: #fff;
    height: 38px;
    line-height: 1;
    outline: 0;
    position: relative;
    text-align: left;
    text-shadow: none;
    top: -9px;
    left: 5px;
    transition: all .2s ease-in-out;
    vertical-align: top;
    width: 40px
}

#modal-ticket-attachments ul {
    direction: ltr;
    display: block;
    padding: 0;
    width: 100%
}

#modal-ticket-attachments ul li {
    direction: ltr;
    transition: all .25s ease-in-out
}

#modal-ticket-attachments ul li:nth-child(odd) {
    background: #fafafa
}

#modal-ticket-attachments ul li:nth-child(2n) {
    background: #eee
}

#modal-ticket-attachments ul li:hover {
    background: #e0e0e0
}

#modal-ticket-attachments ul li a {
    color: #757575;
    transition: all .25s ease-in-out
}

#modal-ticket-attachments ul li:hover a {
    color: #424242
}

#modal-ticket-attachments ul li .fa {
    background: #3f51b5;
    color: #fff;
    display: inline-block;
    height: 32px;
    line-height: 32px;
    opacity: .5;
    text-align: center;
    vertical-align: top;
    width: 32px
}

#modal-ticket-attachments ul li span {
    color: inherit;
    display: inline-block;
    height: 32px;
    line-height: 36px;
    padding: 0 10px;
    text-align: left;
    vertical-align: top;
    width: calc(100% - 38px)
}

.ticket-replies .replies-date i,
.ticket-replies .replies-date span {
    display: inline-block;
    direction: ltr;
    vertical-align: middle
}

.ticket-replies .replies-date i {
    position: relative;
    margin: 0 5px 0 -10px
}

.ticket-replies .replies-content {
    background: #fdfdfd;
    border: 1px solid #f7f7f7;
    border-radius: 3px;
    color: #616161;
    min-height: 140px;
    padding: 15px 15px 30px;
    position: relative;
    direction: rtl
}

.ticket-replies .replies-admin .replies-content:before {
    border: 12px solid #f7f7f7 !important;
    border-radius: 50px 0 0 0;
    content: "";
    display: inline-block;
    position: absolute;
    right: calc(100% + 1px);
    top: 5px;
    z-index: 1;
    display: none
}

.ticket-replies .replies-admin .replies-content:after {
    border: 16px solid #fff;
    border-radius: 25px 0 0 0;
    content: "";
    display: inline-block;
    position: absolute;
    right: calc(100% + 1px);
    top: 18px;
    z-index: 2;
    display: none
}

.ticket-replies .replies-client .replies-content:before {
    border: 12px solid #fff !important;
    border-radius: 0 50px 0 0;
    content: "";
    display: inline-block;
    position: absolute;
    left: calc(100% + 1px);
    top: 5px;
    z-index: 1;
    display: none
}

.ticket-replies .replies-client .replies-content:after {
    border: 16px solid #fff;
    border-radius: 0 25px 0 0;
    content: "";
    display: inline-block;
    position: absolute;
    left: calc(100% + 1px);
    top: 18px;
    z-index: 2;
    display: none
}

.ticket-replies .replies-rank {
    padding-top: 15px
}

.ticket-replies .rating span.star {
    cursor: pointer;
    display: inline-block;
    text-align: center;
    transition: all .2s ease-in-out
}

.ticket-replies .rating span.star:hover,
.ticket-replies .rating span.star:hover ~ span.star,
.ticket-replies .rating-done span.star.active {
    color: #ffc107
}

#modal-ticket-add-reply .md-footer,
#modal-ticket-add-reply .md-fullscreen-controls,
#modal-ticket-add-reply .md-header {
    display: none
}

#modal-ticket-add-reply label[for=inputMessage] {
    color: #757575;
    font-weight: 400
}

#modal-ticket-add-reply .md-editor {
    border: none
}

#modal-ticket-add-reply .md-editor textarea {
    border: 1px solid #eee !important;
    border-radius: 3px;
    display: block;
    margin: 0;
    width: calc(100%)
}

#modal-ticket-add-reply .input-attachment-item input {
    height: .01px;
    width: .01px;
    overflow: hidden
}

#modal-ticket-add-reply .attachments-title-conainer {
    border-bottom: 1px solid #eee;
    padding: 2px 7px 4px 4px
}

#modal-ticket-add-reply .attachments-title-conainer:after {
    clear: both;
    content: "";
    display: block;
    width: 100%
}

#modal-ticket-add-reply .attachments-title-conainer .addTicketAttachmentItem {
    float: left;
    padding: 1px 10px;
    outline: 0;
    line-height: 25px
}

#modal-ticket-add-reply .attachments-title-conainer .addTicketAttachmentItem i {
    display: inline-block;
    position: relative;
    padding: 5px;
    top: 1px;
    vertical-align: initial
}

.input-attachment-items {
    margin: 10px 0
}

.input-attachment-item {
    border-radius: 3px;
    margin: 3px 0;
    overflow: hidden;
    transition: all .25s ease-in-out
}

.input-attachment-item:nth-child(2n) {
    background: #f5f5f5
}

.input-attachment-item:nth-child(odd) {
    background: #eee
}

.input-attachment-item:hover {
    background: #e0e0e0
}

.input-attachment-item label i,
.input-attachment-item label span {
    display: inline-block
}

.input-attachment-item label {
    display: block;
    font-weight: 400;
    margin: 0;
    padding: 0
}

.input-attachment-item .selectfile {
    background: #3f51b5;
    border-radius: 0 3px 3px 0;
    color: #fff;
    cursor: pointer;
    padding: 5px 10px
}

.input-attachment-item .selectedfile {
    color: #3f51b5;
    direction: ltr;
    line-height: 36px;
    padding: 0 5px;
    text-align: left;
    vertical-align: top;
    width: calc(98% - 100px)
}

a.autoLinked {
    color: #2392ec;
    word-wrap: break-word
}

@media(max-width:576px) {
    .ticket-replies .replies-info {
        width: 100%
    }

    .ticket-replies .replies-user-info {
        padding-bottom: 0;
        padding-left: 0;
        padding-right: 0;
        width: 100%;
        background: #fff;
        border: 0
    }

    .ticket-replies .replies-client .replies-user-info {
        text-align: right
    }

    .ticket-replies .replies-user-info .replies-user-type {
        height: 20px
    }

    .ticket-replies .replies-user-info .replies-user-type span {
        height: 18px;
        line-height: 17px;
        vertical-align: top
    }

    .ticket-replies .replies-user-info .replies-user-type i {
        height: 16px;
        line-height: 16px;
        font-size: 8px;
        width: 16px
    }

    .ticket-replies .replies-client .replies-content:before {
        border: 8px solid #f7f7f7;
        border-radius: 0 20px 0 0;
        bottom: calc(100% + 1px);
        display: none;
        left: auto;
        right: 4px;
        top: auto
    }

    .ticket-replies .replies-client .replies-content:after {
        border: 9px solid #fff;
        border-radius: 0 30px 0 0;
        bottom: calc(100% + 1px);
        display: none;
        left: auto;
        right: 13px;
        top: auto
    }

    .ticket-replies .replies-client .replies-user-info .replies-user-image {
        float: right;
        margin-top: 0;
        width: 48px
    }

    .ticket-replies .replies-client .replies-user-info .replies-user-title {
        display: inline-block;
        height: 24px;
        padding-right: 9px;
        vertical-align: top;
        width: calc(100% - 55px)
    }

    .ticket-replies .replies-client .replies-user-info .replies-user-type {
        border: 1px solid #e53935 !important;
        border-right: 2px solid #e53935 !important;
        display: inline-block;
        float: right;
        margin-right: 5px
    }

    .ticket-replies .replies-admin .replies-content:before {
        border: 8px solid #f7f7f7;
        border-radius: 20px 0 0 0;
        bottom: calc(100% + 1px);
        display: none;
        left: auto;
        left: 4px;
        top: auto
    }

    .ticket-replies .replies-admin .replies-content:after {
        border: 9px solid #fff;
        border-radius: 30px 0 0 0;
        bottom: calc(100% + 1px);
        display: none;
        left: auto;
        left: 13px;
        top: auto
    }

    .ticket-replies .replies-admin .replies-user-info {
        text-align: left
    }

    .ticket-replies .replies-admin .replies-user-info .replies-user-image {
        float: left;
        margin-top: 0;
        width: 48px
    }

    .ticket-replies .replies-admin .replies-user-info .replies-user-title {
        direction: ltr;
        display: inline-block;
        height: 24px;
        padding-left: 9px;
        text-align: left;
        vertical-align: top;
        width: calc(100% - 55px)
    }

    .ticket-replies .replies-admin .replies-user-info .replies-user-type {
        display: inline-block;
        float: left;
        margin-left: 5px;
        direction: ltr;
        text-align: left
    }

    .ticket-replies .replies-admin .replies-user-info .replies-rank {
        display: none
    }
}

.ticket-info {
    font-size: 100%
}

.ticket-info-block {
    padding: 0 0 10px
}

.ticket-info-block.btns {
    text-align: center
}

.ticket-info-block .ticket-info-block-content {
    border-radius: 5px;
    padding: 20px 10px 15px;
    position: relative;
    border: 1px solid #f5f5f5
}

.ticket-info-block .ticket-info-block-btn {
    border-radius: 3px;
    padding: 5px;
    position: relative
}

.ticket-info-block .ticket-info-item {
    padding: 0
}

.ticket-info-block .ticket-info-item .icon {
    color: #52a3e8;
    display: inline-block;
    height: 30px;
    line-height: 30px;
    margin-left: 10px;
    text-align: center;
    vertical-align: top;
    width: 30px
}

.ticket-info-block .ticket-info-item .title {
    color: #757575;
    display: inline-block;
    height: 30px;
    line-height: 34px;
    vertical-align: top
}

.ticket-info-block .ticket-info-item .value {
    color: #757575;
    display: inline-block;
    float: left;
    height: 30px;
    padding: 8px 0;
    text-align: left;
    vertical-align: top;
    width: calc(95% - 135px)
}

.ticket-status {
    display: inline-block;
    height: 28px;
    opacity: 1;
    padding: 5px 10px;
    position: absolute;
    right: 1px;
    top: 10px;
    transform: rotateZ(-90deg);
    transform-origin: top right;
    width: 90px;
    z-index: 1;
    color: #0b75b6 !important
}

.ticket-status:before {
    border: 14px solid;
    border-left: 16px solid transparent;
    bottom: 0;
    content: "";
    display: inline-block;
    left: -25px;
    position: absolute;
    right: -1px;
    top: 0;
    z-index: -1px
}

.ticket-status span {
    color: #fff;
    position: absolute;
    z-index: 1
}

.ticket-info-block .ticket-info-item .btn span {
    display: inline-block;
    height: 20px;
    line-height: 20px;
    vertical-align: top
}

.ticket-info-block .close-ticket {
    background: #e53935
}

.ticket-info-block .add-reply {
    background: #00c853
}

.ticket-info-block .replies-attahcments {
    background: #ffa000
}

@media (max-width:992px) {
    .ticket-info {
        border-radius: 3px;
        box-shadow: none;
        padding: 0 0 5px;
        position: rela tive
    }

    .ticket-info > div {
        position: static
    }

    .ticket-info > div:nth-child(2) {
        border-bottom: 1px solid #eee;
        padding-bottom: 10px
    }

    .ticket-info-block {
        padding: 0
    }

    .ticket-info-block.btns {
        padding-top: 5px
    }

    .ticket-info-block.btns .ticket-info-item {
        display: inline-block;
        padding-left: 0;
        padding-right: 0;
        width: 32%
    }

    .ticket-info-block.btns .ticket-info-item .btn {
        text-align: center;
        width: 100%
    }

    .ticket-info-block .ticket-info-block-content {
        box-shadow: none;
        padding: 0;
        position: static
    }
}

@media (max-width:567px) {
    .ticket-info > div:nth-child(2) {
        border-bottom: none;
        padding-bottom: 0
    }

    .ticket-info-block .ticket-info-item .value {
        display: block;
        line-height: auto;
        padding-right: 55px;
        padding-top: 0;
        text-align: left;
        width: 100%
    }

    .ticket-info-block.btns .ticket-info-item,
    .ticket-info-block.btns .ticket-info-item .btn {
        text-align: center;
        width: 100%
    }
}

.removefavourite {
    display: none
}

.card-kazemi-header {
    width: 100%;
    position: relative;
    border-radius: .3333rem .3333rem 0 0
}

.addfavevent {
    cursor: pointer;
    z-index: 1001;
    display: flex;
    position: absolute;
    bottom: -20px;
    left: 10px;
    background-color: #fff;
    border-radius: 100%;
    width: 40px;
    height: 40px;
    box-shadow: 0 0 7px 0 rgba(30, 80, 145, .25)
}

.addfavevent i {
    font-size: 14px;
    color: #191970;
    line-height: inherit
}

.topfilterevent {
    display: flex;
    align-items: center;
    justify-content: space-between;
    flex: 0 0 100%;
    background-color: #f5f5f5;
    border-radius: 1rem
}

.topfilterevent {
    display: flex;
    align-items: center;
    justify-content: space-between;
    flex: 0 0 100%
}

.topfiltereventdetails {
    display: flex;
    align-items: center;
    justify-content: end
}

.topfiltereventtypes {
    margin-left: 1rem;
    padding-top: 2px;
    padding-bottom: 2px
}

.topfiltereventtypes span {
    margin-left: .5rem
}

.topfiltereventtypes select {
    border: 1px solid #c1cfe6;
    height: 35px;
    border-radius: 5px;
    width: 160px;
    padding: 0 10px;
    outline: 0;
    cursor: pointer
}

.topfiltereventgrid {
    position: relative;
    border: 1px solid #c1cfe6;
    height: 35px;
    border-radius: 5px;
    display: flex;
    align-items: center;
    justify-content: space-between
}

.topfiltereventgrid span {
    cursor: pointer;
    padding: 10px
}

.topfiltereventgrid span i {
    font-size: 18px;
    line-height: 35px;
    text-align: right;
    color: #c1cfe6;
    transition: all .5s
}

.topfiltereventgrid span i.active,
.topfiltereventgrid span i:hover {
    color: #5d597a
}

.topfiltereventgrid:before {
    content: "";
    position: absolute;
    top: 6px;
    right: 50%;
    height: 20px;
    border-right: 1px solid #c1cfe6
}

@media (max-width:767.98px) {

    .topfiltereventbreadcrumb,
    topfiltereventdetails {
        margin-bottom: 1rem
    }

    .topfiltereventtypes select {
        width: 120px
    }

    .topfilterevent {
        flex-wrap: wrap
    }

    .topfiltereventholder {
        padding: .3rem 1rem !important
    }
}

.btn-caroop {
    color: #fff;
    background-color: #369;
    border-color: #369
}

.btn-caroop:hover {
    color: #fff;
    background-color: #191970;
    border-color: #191970
}

.btn-caroop.focus,
.btn-caroop:focus {
    background-color: #191970;
    border-color: #191970
}

.btn-caroop.focus.fs--shadow,
.btn-caroop:focus.fs--shadow {
    box-shadow: 0 0 1px 2px rgba(214, 92, 139, .45)
}

.btn-caroop:not(:disabled):not(.disabled).active,
.btn-caroop:not(:disabled):not(.disabled):active,
.show > .btn.btn-pink.dropdown-toggle {
    background-color: #369;
    border-color: #369;
    color: #fff
}

.btn-caroop.disabled,
.btn-caroop:disabled {
    background-color: #369;
    border-color: #191970
}

.caroop-bg-red {
    background: linear-gradient(90deg, #ff5969, #d01d31)
}

.caroop-bg-blue {
    background: linear-gradient(90deg, #01d1de, #0289fe)
}

.caroop-bg-green {
    background: linear-gradient(90deg, #4dba64, #25a06f)
}

.caroop-bg-orange {
    background: linear-gradient(90deg, #ff8f3c, #ff5343)
}

.caroop-bg-primary {
    background: linear-gradient(90deg, #4dba64, #25a06f)
}

.subscribefooter {
    z-index: 100;
    position: relative;
    background: #fff;
    padding: 2rem;
    box-shadow: 0 0 5px 0 rgba(20, 80, 150, .5);
    border-radius: .7rem
}

.subscribefooter .text {
    display: flex;
    color: #898989;
    margin-top: 1rem
}

.subscribefooter img {
    opacity: 1;
    transition: all .3s ease-in-out 0s
}

.subscribefooter img:hover {
    opacity: .5;
    cursor: default;
    transform: rotate(360deg);
    transition: all .3s ease-in-out 0s
}

.panel {
    margin-bottom: 20px;
    background-color: #fff;
    border: 1px solid transparent;
    border-top: 1px so border-radius: 4px;
    -webkit-box-shadow: 0 1px 1px rgba(0, 0, 0, .05);
    box-shadow: 0 1px 1px rgba(0, 0, 0, .05);
    flex: auto;
    border-top-left-radius: 1rem;
    border-top-right-radius: 1rem;
    border-bottom-right-radius: 1rem;
    border-bottom-left-radius: 1rem
}

.panel-body {
    padding: 15px
}

.panel-heading {
    padding: 15px 20px;
    border-bottom: 1px solid #ddd;
    border-top-left-radius: 1rem;
    border-top-right-radius: 1rem;
    border-bottom-right-radius: 0;
    border-bottom-left-radius: 0
}

.panel-heading > .dropdown .dropdown-toggle {
    color: inherit
}

.panel-title {
    margin-top: 0;
    margin-bottom: 0;
    font-size: 110%;
    color: inherit
}

.panel-title > .small,
.panel-title > .small > a,
.panel-title > a,
.panel-title > small,
.panel-title > small > a {
    color: inherit
}

.panel-footer {
    padding: 10px 15px;
    background-color: #f5f5f5;
    border-top: 1px solid #ddd;
    border-bottom-right-radius: 1rem;
    border-bottom-left-radius: 1rem
}

.panel > .list-group,
.panel > .panel-collapse > .list-group {
    margin-bottom: 0
}

.panel > .list-group .list-group-item,
.panel > .panel-collapse > .list-group .list-group-item {
    border-width: 1px 0;
    border-radius: 0
}

.panel > .list-group:first-child .list-group-item:first-child,
.panel > .panel-collapse > .list-group:first-child .list-group-item:first-child {
    border-top: 0;
    border-top-left-radius: 3px;
    border-top-right-radius: 3px
}

.panel > .list-group:last-child .list-group-item:last-child,
.panel > .panel-collapse > .list-group:last-child .list-group-item:last-child {
    border-bottom: 0;
    border-bottom-right-radius: 3px;
    border-bottom-left-radius: 3px
}

.panel > .panel-heading + .panel-collapse > .list-group .list-group-item:first-child {
    border-top-left-radius: 0;
    border-top-right-radius: 0
}

.panel-heading + .list-group .list-group-item:first-child {
    border-top-width: 0
}

.list-group + .panel-footer {
    border-top-width: 0
}

.panel > .panel-collapse > .table,
.panel > .table,
.panel > .table-responsive > .table {
    margin-bottom: 0
}

.panel > .panel-collapse > .table caption,
.panel > .table caption,
.panel > .table-responsive > .table caption {
    padding-right: 15px;
    padding-left: 15px
}

.panel > .table-responsive:first-child > .table:first-child,
.panel > .table:first-child {
    border-top-left-radius: 3px;
    border-top-right-radius: 3px
}

.panel > .table-responsive:first-child > .table:first-child > tbody:first-child > tr:first-child,
.panel > .table-responsive:first-child > .table:first-child > thead:first-child > tr:first-child,
.panel > .table:first-child > tbody:first-child > tr:first-child,
.panel > .table:first-child > thead:first-child > tr:first-child {
    border-top-left-radius: 3px;
    border-top-right-radius: 3px
}

.panel > .table-responsive:first-child > .table:first-child > tbody:first-child > tr:first-child td:first-child,
.panel > .table-responsive:first-child > .table:first-child > tbody:first-child > tr:first-child th:first-child,
.panel > .table-responsive:first-child > .table:first-child > thead:first-child > tr:first-child td:first-child,
.panel > .table-responsive:first-child > .table:first-child > thead:first-child > tr:first-child th:first-child,
.panel > .table:first-child > tbody:first-child > tr:first-child td:first-child,
.panel > .table:first-child > tbody:first-child > tr:first-child th:first-child,
.panel > .table:first-child > thead:first-child > tr:first-child td:first-child,
.panel > .table:first-child > thead:first-child > tr:first-child th:first-child {
    border-top-left-radius: 3px
}

.panel > .table-responsive:first-child > .table:first-child > tbody:first-child > tr:first-child td:last-child,
.panel > .table-responsive:first-child > .table:first-child > tbody:first-child > tr:first-child th:last-child,
.panel > .table-responsive:first-child > .table:first-child > thead:first-child > tr:first-child td:last-child,
.panel > .table-responsive:first-child > .table:first-child > thead:first-child > tr:first-child th:last-child,
.panel > .table:first-child > tbody:first-child > tr:first-child td:last-child,
.panel > .table:first-child > tbody:first-child > tr:first-child th:last-child,
.panel > .table:first-child > thead:first-child > tr:first-child td:last-child,
.panel > .table:first-child > thead:first-child > tr:first-child th:last-child {
    border-top-right-radius: 3px
}

.panel > .table-responsive:last-child > .table:last-child,
.panel > .table:last-child {
    border-bottom-right-radius: 3px;
    border-bottom-left-radius: 3px
}

.panel > .table-responsive:last-child > .table:last-child > tbody:last-child > tr:last-child,
.panel > .table-responsive:last-child > .table:last-child > tfoot:last-child > tr:last-child,
.panel > .table:last-child > tbody:last-child > tr:last-child,
.panel > .table:last-child > tfoot:last-child > tr:last-child {
    border-bottom-right-radius: 3px;
    border-bottom-left-radius: 3px
}

.panel > .table-responsive:last-child > .table:last-child > tbody:last-child > tr:last-child td:first-child,
.panel > .table-responsive:last-child > .table:last-child > tbody:last-child > tr:last-child th:first-child,
.panel > .table-responsive:last-child > .table:last-child > tfoot:last-child > tr:last-child td:first-child,
.panel > .table-responsive:last-child > .table:last-child > tfoot:last-child > tr:last-child th:first-child,
.panel > .table:last-child > tbody:last-child > tr:last-child td:first-child,
.panel > .table:last-child > tbody:last-child > tr:last-child th:first-child,
.panel > .table:last-child > tfoot:last-child > tr:last-child td:first-child,
.panel > .table:last-child > tfoot:last-child > tr:last-child th:first-child {
    border-bottom-left-radius: 3px
}

.panel > .table-responsive:last-child > .table:last-child > tbody:last-child > tr:last-child td:last-child,
.panel > .table-responsive:last-child > .table:last-child > tbody:last-child > tr:last-child th:last-child,
.panel > .table-responsive:last-child > .table:last-child > tfoot:last-child > tr:last-child td:last-child,
.panel > .table-responsive:last-child > .table:last-child > tfoot:last-child > tr:last-child th:last-child,
.panel > .table:last-child > tbody:last-child > tr:last-child td:last-child,
.panel > .table:last-child > tbody:last-child > tr:last-child th:last-child,
.panel > .table:last-child > tfoot:last-child > tr:last-child td:last-child,
.panel > .table:last-child > tfoot:last-child > tr:last-child th:last-child {
    border-bottom-right-radius: 3px
}

.panel > .panel-body + .table,
.panel > .panel-body + .table-responsive,
.panel > .table + .panel-body,
.panel > .table-responsive + .panel-body {
    border-top: 1px solid #ddd
}

.panel > .table > tbody:first-child > tr:first-child td,
.panel > .table > tbody:first-child > tr:first-child th {
    border-top: 0
}

.panel > .table-bordered,
.panel > .table-responsive > .table-bordered {
    border: 0
}

.panel > .table-bordered > tbody > tr > td:first-child,
.panel > .table-bordered > tbody > tr > th:first-child,
.panel > .table-bordered > tfoot > tr > td:first-child,
.panel > .table-bordered > tfoot > tr > th:first-child,
.panel > .table-bordered > thead > tr > td:first-child,
.panel > .table-bordered > thead > tr > th:first-child,
.panel > .table-responsive > .table-bordered > tbody > tr > td:first-child,
.panel > .table-responsive > .table-bordered > tbody > tr > th:first-child,
.panel > .table-responsive > .table-bordered > tfoot > tr > td:first-child,
.panel > .table-responsive > .table-bordered > tfoot > tr > th:first-child,
.panel > .table-responsive > .table-bordered > thead > tr > td:first-child,
.panel > .table-responsive > .table-bordered > thead > tr > th:first-child {
    border-left: 0
}

.panel > .table-bordered > tbody > tr > td:last-child,
.panel > .table-bordered > tbody > tr > th:last-child,
.panel > .table-bordered > tfoot > tr > td:last-child,
.panel > .table-bordered > tfoot > tr > th:last-child,
.panel > .table-bordered > thead > tr > td:last-child,
.panel > .table-bordered > thead > tr > th:last-child,
.panel > .table-responsive > .table-bordered > tbody > tr > td:last-child,
.panel > .table-responsive > .table-bordered > tbody > tr > th:last-child,
.panel > .table-responsive > .table-bordered > tfoot > tr > td:last-child,
.panel > .table-responsive > .table-bordered > tfoot > tr > th:last-child,
.panel > .table-responsive > .table-bordered > thead > tr > td:last-child,
.panel > .table-responsive > .table-bordered > thead > tr > th:last-child {
    border-right: 0
}

.panel > .table-bordered > tbody > tr:first-child > td,
.panel > .table-bordered > tbody > tr:first-child > th,
.panel > .table-bordered > thead > tr:first-child > td,
.panel > .table-bordered > thead > tr:first-child > th,
.panel > .table-responsive > .table-bordered > tbody > tr:first-child > td,
.panel > .table-responsive > .table-bordered > tbody > tr:first-child > th,
.panel > .table-responsive > .table-bordered > thead > tr:first-child > td,
.panel > .table-responsive > .table-bordered > thead > tr:first-child > th {
    border-bottom: 0
}

.panel > .table-bordered > tbody > tr:last-child > td,
.panel > .table-bordered > tbody > tr:last-child > th,
.panel > .table-bordered > tfoot > tr:last-child > td,
.panel > .table-bordered > tfoot > tr:last-child > th,
.panel > .table-responsive > .table-bordered > tbody > tr:last-child > td,
.panel > .table-responsive > .table-bordered > tbody > tr:last-child > th,
.panel > .table-responsive > .table-bordered > tfoot > tr:last-child > td,
.panel > .table-responsive > .table-bordered > tfoot > tr:last-child > th {
    border-bottom: 0
}

.panel > .table-responsive {
    margin-bottom: 0;
    border: 0
}

.panel-group {
    margin-bottom: 20px
}

.panel-group .panel {
    margin-bottom: 0
}

.panel-group .panel + .panel {
    margin-top: 5px
}

.panel-group .panel-heading {
    border-bottom: 1;
    margin-bottom: 0
}

.panel-group .panel-heading + .panel-collapse > .list-group,
.panel-group .panel-heading + .panel-collapse > .panel-body {
    border-top: 1px solid #ddd
}

.panel-group .panel-footer {
    border-top: 0
}

.panel-group .panel-footer + .panel-collapse .panel-body {
    border-bottom: 1px solid #ddd
}

.panel-default {
    border-color: #ddd
}

.panel-default > .panel-heading {
    color: #333;
    background-color: #fff
}

.panel-default > .panel-heading {
    color: #333;
    background-color: #f5f5f5;
    border-color: #ddd
}

.panel-default > .panel-heading + .panel-collapse > .panel-body {
    border-top-color: #ddd
}

.panel-default > .panel-heading .badge {
    color: #f5f5f5;
    background-color: #333
}

.panel-default > .panel-footer + .panel-collapse > .panel-body {
    border-bottom-color: #ddd
}

.panel-primary {
    border-color: #337ab7
}

.panel-primary > .panel-heading {
    color: #fff;
    background-color: #337ab7;
    border-color: #337ab7
}

.panel-primary > .panel-heading + .panel-collapse > .panel-body {
    border-top-color: #337ab7
}

.panel-primary > .panel-heading .badge {
    color: #337ab7;
    background-color: #fff
}

.panel-primary > .panel-footer + .panel-collapse > .panel-body {
    border-bottom-color: #337ab7
}

.panel-success {
    border-color: #d6e9c6
}

.panel-success > .panel-heading {
    color: #3c763d;
    background-color: #dff0d8;
    border-color: #d6e9c6
}

.panel-success > .panel-heading + .panel-collapse > .panel-body {
    border-top-color: #d6e9c6
}

.panel-success > .panel-heading .badge {
    color: #dff0d8;
    background-color: #3c763d
}

.panel-success > .panel-footer + .panel-collapse > .panel-body {
    border-bottom-color: #d6e9c6
}

.panel-info {
    border-color: #bce8f1
}

.panel-info > .panel-heading {
    color: #31708f;
    background-color: #d9edf7;
    border-color: #bce8f1
}

.panel-info > .panel-heading + .panel-collapse > .panel-body {
    border-top-color: #bce8f1
}

.panel-info > .panel-heading .badge {
    color: #d9edf7;
    background-color: #31708f
}

.panel-info > .panel-footer + .panel-collapse > .panel-body {
    border-bottom-color: #bce8f1
}

.panel-warning {
    border-color: #faebcc
}

.panel-warning > .panel-heading {
    color: #8a6d3b;
    background-color: #fcf8e3;
    border-color: #faebcc
}

.panel-warning > .panel-heading + .panel-collapse > .panel-body {
    border-top-color: #faebcc
}

.panel-warning > .panel-heading .badge {
    color: #fcf8e3;
    background-color: #8a6d3b
}

.panel-warning > .panel-footer + .panel-collapse > .panel-body {
    border-bottom-color: #faebcc
}

.panel-danger {
    border-color: #ebccd1
}

.panel-danger > .panel-heading {
    color: #a94442;
    background-color: #f2dede;
    border-color: #ebccd1
}

.panel-danger > .panel-heading + .panel-collapse > .panel-body {
    border-top-color: #ebccd1
}

.panel-danger > .panel-heading .badge {
    color: #f2dede;
    background-color: #a94442
}

.panel-danger > .panel-footer + .panel-collapse > .panel-body {
    border-bottom-color: #ebccd1
}

.showimg img {
    max-height: 30px;
    max-width: 30px
}

.text-kazemi-center {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-align: center;
    align-items: center;
    justify-content: center
}

.caption-slider-top {
    width: 100%;
    position: absolute;
    right: 0;
    bottom: 0;
    border-bottom-left-radius: 1rem !important;
    border-bottom-right-radius: 1rem !important;
    background: rgba(0, 0, 0, .2);
    padding: 1em 2em;
    max-height: 15em;
    overflow: hidden;
    color: #fff !important
}

.btnRemoveAction {
    background: #c1cfe6;
    width: 31px;
    height: 31px;
    border-radius: .3333rem 0 .3333rem 0;
    color: #fff;
    position: absolute;
    left: 0;
    bottom: 0;
    display: flex;
    justify-content: center;
    align-items: center;
    transition: all .25s;
    border: 0;
    cursor: pointer
}

.btnRemoveAction:hover {
    background: #d01d31
}

.btnRemoveAction:disabled {
    cursor: default;
    background: rgba(161, 175, 179, .7)
}

.btnRemoveActionSmall {
    background: #c1cfe6;
    min-width: 21px;
    height: 21px;
    border-radius: .3333rem 0 .3333rem 0;
    color: #fff;
    position: absolute;
    left: auto;
    bottom: 0;
    display: flex;
    justify-content: center;
    align-items: center;
    transition: all .25s;
    border: 0;
    cursor: pointer;
    color: #fff;
    right: 0;
    padding-right: 5px;
    padding-left: 5px
}

.btnRemoveActionSmall:hover {
    background: #d01d31;
    color: #fff
}

.btnRemoveActionSmall:disabled {
    cursor: default;
    background: rgba(161, 175, 179, .7)
}

.btnEditActionSmall {
    background: #c1cfe6;
    min-width: 21px;
    height: 21px;
    border-radius: .3333rem 0 .3333rem 0;
    color: #fff;
    position: absolute;
    left: auto;
    bottom: 0;
    display: flex;
    justify-content: center;
    align-items: center;
    transition: all .25s;
    border: 0;
    cursor: pointer;
    color: #fff;
    right: 50px;
    padding-right: 5px;
    padding-left: 5px
}

.btnEditActionSmall:hover {
    background: #1ab394;
    color: #000
}

.btnEditActionSmall:disabled {
    cursor: default;
    background: rgba(161, 175, 179, .7)
}

div#myCategories {
    position: absolute;
    z-index: 2;
    top: 100%
}

#category_menu {
    padding: 0;
    margin: 0;
    border: 0;
    line-height: 1
}

#category_menu ul,
#category_menu ul li,
#category_menu ul ul {
    list-style: none;
    margin: 0;
    padding: 0
}

#category_menu ul {
    position: relative;
    z-index: 597;
    float: right
}

#category_menu ul li {
    float: left;
    min-height: 1px;
    line-height: 1em;
    vertical-align: middle;
    position: relative
}

#category_menu ul li.hover,
#category_menu ul li:hover {
    position: relative;
    z-index: 599;
    cursor: default
}

#category_menu ul ul {
    visibility: hidden;
    position: absolute;
    top: 100%;
    right: 0;
    z-index: 598;
    width: 100%
}

#category_menu ul ul li {
    float: none
}

#category_menu ul ul ul {
    top: -2px;
    right: 0
}

#category_menu ul li:hover > ul {
    visibility: visible
}

#category_menu ul ul {
    top: 1px;
    right: 99%
}

#category_menu ul li {
    float: none
}

#category_menu ul ul {
    margin-top: 1px
}

#category_menu ul ul li {
    font-weight: 400
}

#category_menu {
    width: 250px;
    background: #fff;
    border-radius: 0 0 6px 6px;
    box-shadow: 0 0 42px 0 rgba(32, 32, 32, .15);
    -webkit-box-shadow: 0 0 42px 0 rgba(32, 32, 32, .15)
}

#category_menu:before {
    content: '';
    display: block
}

#category_menu:after {
    content: '';
    display: table;
    clear: both
}

#category_menu a {
    display: block;
    padding: 17px 20px;
    text-decoration: none;
    border-bottom: 1px dashed #e5e8ef
}

#category_menu ul li:last-child a,
#category_menu ul ul ul > li:last-child a,
#category_menu ul ul > li:last-child a {
    border-bottom: none
}

#category_menu > ul {
    width: 100%
}

#category_menu ul ul {
    width: 270px
}

#category_menu li {
    position: relative
}

#category_menu ul li.has-sub > a:after {
    content: '+';
    position: absolute;
    top: 50%;
    left: 15px;
    margin-top: -9px
}

#category_menu ul ul li.first {
    -webkit-border-radius: 0 3px 0 0;
    -moz-border-radius: 0 3px 0 0;
    border-radius: 0 3px 0 0
}

#category_menu ul ul li.last {
    -webkit-border-radius: 0 0 3px 0;
    -moz-border-radius: 0 0 3px;
    border-radius: 0 0 3px 0;
    border-bottom: 0
}

#category_menu ul ul {
    -webkit-border-radius: 0 3px 3px 0;
    -moz-border-radius: 0 3px 3px 0;
    border-radius: 0 3px 3px 0
}

#category_menu ul ul {
    background: #fff;
    border-radius: 2px;
    box-shadow: 0 0 42px 0 rgba(32, 32, 32, .15);
    -webkit-box-shadow: 0 0 42px 0 rgba(32, 32, 32, .15)
}

#category_menu ul ul a {
    font-size: 14px
}

#category_menu.align-right > ul > li > a {
    border-left: 4px solid #d50000;
    border-right: none
}

#category_menu.align-right {
    float: right
}

#category_menu.align-right li {
    text-align: right
}

#category_menu.align-right ul li.has-sub > a:before {
    content: '+';
    position: absolute;
    top: 50%;
    left: 15px;
    margin-top: -6px
}

#category_menu.align-right ul li.has-sub > a:after {
    content: none
}

#category_menu.align-right ul ul {
    visibility: hidden;
    position: absolute;
    top: 0;
    left: -100%;
    z-index: 598;
    width: 100%
}

#category_menu.align-right ul ul li.first {
    -webkit-border-radius: 3px 0 0 0;
    -moz-border-radius: 3px 0 0;
    border-radius: 3px 0 0 0
}

#category_menu.align-right ul ul li.last {
    -webkit-border-radius: 0 0 0 3px;
    -moz-border-radius: 0 0 0 3px;
    border-radius: 0 0 0 3px
}

#category_menu.align-right ul ul {
    -webkit-border-radius: 3px 0 0 3px;
    -moz-border-radius: 3px 0 0 3px;
    border-radius: 3px 0 0 3px
}

a.shop_category {
    height: 100%;
    display: flex;
    align-items: center;
    font-weight: 900;
    color: <?=$menufontcolor?> !important;
    border-left: 1px solid rgba(255, 255, 255, .15);
    padding-left: 1rem;
    margin-left: 7rem;
    font-size: 1.1em
}

a.shop_category i {
    font-size: 21px;
    margin-left: 10px;
    color: <?=$menufontcolor?> !important
}

.caroopmenuheader {
    text-align: right;
    flex: 1;
    justify-content: right;
    margin: auto;
    display: flex
}

.wsmenu-list > li {
    text-align: center;
    display: block;
    margin: 0;
    padding: 0;
    float: right
}

.wsmenu-list > .wsshopmenu > a .fa.fa-angle-down {
    display: inline-block;
    line-height: inherit;
    margin-left: 4px;
    color: #7b7b7b
}

.wsmenu-list li ul li a .fa.fa-angle-double-right {
    font-size: 12px;
    margin: 0 3px 0 -4px
}

.wsmenu-list > li > a {
    display: block;
    color: #fff;
    text-decoration: none;
    position: relative
}

.wsmenu-list > li:hover > a {
    color: #000
}

.wsmenu-list > li > .navtext {
    padding: .2rem;
    margin: 0;
    border-top: 2px solid transparent
}

.wsmenu-list > li > .navtext:hover {
    border-top: 2px solid #191970 !important
}

.wsmenu-list > li > .navtext > span:focus,
.wsmenu-list > li > .navtext > span:hover {
    color: #000
}

.wsmenu-list > li > .navtext > span {
    display: block;
    text-align: center;
    white-space: nowrap;
    width: 100%;
    line-height: 1.5em;
    color: #fff;
    padding: 5px;
    font-weight: 900
}

.wsmenu-list > li > .navtext > span: focus,
.wsmenu-list > li > .navtext > span: hover {
    color: #000
}

.wsmenu-list > li > .navtext > span + span {
    white-space: nowrap;
    font-weight: 700;
    color: #000
}

.wsmenu-list li a:hover .arrow:after {
    border-top-color: #b3b3b3
}

.wsmenu-list li a.active .arrow:after {
    border-top-color: #b3b3b3
}

.wsmenu-list li:hover > a .arrow:after {
    border-top-color: #b3b3b3
}

.wsmenu-list li > .megamenu {
    transform: translateY(35px);
    transition: all .3s ease;
    visibility: hidden
}

.wsmenu-list li > .megamenu a {
    line-height: 1;
    color: #000;
    border-radius: 3rem;
    background: #f6f8fb;
    padding: .733rem 1.2rem;
    margin-top: .5rem
}

.wsmenu-list li > .megamenu a:hover {
    color: #fff;
    background: linear-gradient(90deg, #191970, #010165)
}

.wsmenu-list li:hover > .megamenu {
    transform: translateY(0);
    opacity: 1;
    visibility: visible
}

.wsmenu-submenu {
    position: absolute;
    min-width: 200px;
    top: 58px;
    z-index: 1000;
    margin: 0;
    padding: 0;
    border: solid 1px #eee;
    background-color: #fff;
    opacity: 0;
    -o-transform-origin: 0% 0%;
    -ms-transform-origin: 0% 0%;
    -moz-transform-origin: 0% 0%;
    -webkit-transform-origin: 0% 0%;
    -o-transition: -o-transform .3s, opacity .3s;
    -ms-transition: -ms-transform .3s, opacity .3s;
    -moz-transition: -moz-transform .3s, opacity .3s;
    -webkit-transition: -webkit-transform .3s, opacity .3s
}

.wsmenu-submenu li a {
    background: #fff !important;
    background-image: none !important;
    color: #666 !important;
    border-right: 0 none !important;
    display: block;
    line-height: 22px;
    padding: 8px 12px;
    text-transform: none;
    letter-spacing: normal;
    border-right: 0px solid;
    border-bottom: 1px solid #f5f5f5
}

.wsmenu-submenu li {
    position: relative;
    margin: 0;
    padding: 0
}

.wsmenuexpandermain {
    display: none
}

.wsmenu-list li:hover .wsmenu-submenu {
    display: block
}

.wsmenu-list .wsmenu-submenu .wsmenu-submenu-sub {
    min-width: 220px;
    position: absolute;
    top: 0;
    margin: 0;
    padding: 0;
    opacity: 0;
    -o-transform-origin: 0% 0%;
    -ms-transform-origin: 0% 0%;
    -moz-transform-origin: 0% 0%;
    -webkit-transform-origin: 0% 0%;
    -o-transition: -o-transform .4s, opacity .4s;
    -ms-transition: -ms-transform .4s, opacity .4s;
    -moz-transition: -moz-transform .4s, opacity .4s;
    -webkit-transition: -webkit-transform .4s, opacity .4s
}

.wsmenu-list .wsmenu-submenu li:hover .wsmenu-submenu-sub {
    opacity: 1;
    list-style: none;
    padding: 0;
    border: solid 1px #eee;
    background-color: #fff
}

.wsmenu-list .wsmenu-submenu li:hover .wsmenu-submenu-sub {
    display: block
}

.wsmenu-list .wsmenu-submenu .wsmenu-submenu-sub .wsmenu-submenu-sub-sub {
    min-width: 220px;
    position: absolute;
    top: 0;
    margin: 0;
    padding: 0;
    opacity: 0;
    -o-transform-origin: 0% 0%;
    -ms-transform-origin: 0% 0%;
    -moz-transform-origin: 0% 0%;
    -webkit-transform-origin: 0% 0%;
    -o-transition: -o-transform .4s, opacity .4s;
    -ms-transition: -ms-transform .4s, opacity .4s;
    -moz-transition: -moz-transform .4s, opacity .4s;
    -webkit-transition: -webkit-transform .4s, opacity .4s
}

.wsmenu-list .wsmenu-submenu .wsmenu-submenu-sub li:hover .wsmenu-submenu-sub-sub {
    opacity: 1;
    list-style: none;
    padding: 0;
    border: solid 1px #eee;
    background-color: #fff
}

.wsmenu-submenu li {
    position: relative;
    padding: 0;
    margin: 0;
    display: block
}

.wsmenu-list li:hover .megamenu {
    opacity: 1
}

.megamenu {
    width: 450px;
    right: auto;
    position: absolute;
    top: auto;
    color: #000;
    z-index: 1000;
    margin: 0;
    text-align: right;
    padding: 2em;
    border: solid 1px #eee;
    background-color: #fff;
    opacity: 0;
    -o-transform-origin: 0% 0%;
    -ms-transform-origin: 0% 0%;
    -moz-transform-origin: 0% 0%;
    -webkit-transform-origin: 0% 0%;
    -o-transition: -o-transform .3s, opacity .3s;
    -ms-transition: -ms-transform .3s, opacity .3s;
    -moz-transition: -moz-transform .3s, opacity .3s;
    -webkit-transition: -webkit-transform .3s, opacity .3s;
    min-height: 10rem;
    box-shadow: 0 20px 50px 0 #14539b
}

.megamenu .title {
    border-bottom: 1px solid #ccc;
    font-size: 14px;
    padding: 9px 5px 9px 0;
    font-size: 17px;
    color: #424242;
    margin: 0 0 7px 0;
    text-align: left;
    height: 39px;
    margin: 0 0 10px 0
}

span.cartcounter {
    position: absolute;
    width: 1.5em;
    height: 1.5em;
    display: flex;
    background: #ff0;
    border-radius: 50%;
    align-items: center;
    justify-content: center;
    font-size: 1.3em;
    top: -.5em;
    right: -.5em;
    color: #000
}

.cartbox {
    width: 4em;
    height: 4em;
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 50%;
    background: rgba(255, 255, 255, .1);
    border: 1px solid rgba(255, 255, 255, .2);
    color: #fff !important;
    position: relative;
    transition: all .5s ease-in-out 0s
}

.cartbox:hover {
    transform: rotate(360deg);
    transition: all .5s ease-in-out 0s
}

.rotclass:hover {
    transform: rotate(360deg);
    transition: all .5s ease-in-out 0s;
    font-size: 2em !important
}

.cartcontent span {
    display: block;
    margin-right: .5em;
    margin-left: .5em
}

.quantity-selector {
    width: 80px;
    height: 40px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    border: 2px solid #898989 !important;
    border-radius: 8px;
    color: #000;
    font-size: 15px;
    font-size: 1.071rem;
    line-height: 1.467;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center
}

.quantity-selector button {
    border: none;
    margin: 0;
    padding: 0;
    color: #0fabc6;
    cursor: pointer;
    width: 33%;
    text-align: center;
    height: 100%;
    border-radius: 1rem;
    background: rgba(255, 255, 255, 0)
}

.quantity-selector-red,
.quantity-selector-red button {
    color: #ef394e
}

.quantity-selector-small {
    width: 88px;
    height: 34px
}

.quantity-selector-number {
    width: 33%;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    height: 100%;
    font-size: 15px;
    font-size: 1.4rem;
    line-height: 15px
}

.quantity-selector-add:before {
    font-family: "Font Awesome 5 Free";
    content: "\f067";
    font-weight: 900;
    font-size: 1.2em
}

.quantity-selector-add--disabled,
.quantity-selector-add--disabled:before {
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    pointer-events: none
}

.quantity-selector-add--disabled:before {
    color: #e0e0e2
}

.quantity-selector-add:before {
    font-size: 18px;
    font-size: 1.286rem;
    line-height: 22px
}

.quantity-selector-remove:before {
    content: "-";
    font-size: 3rem;
    line-height: 18px;
    vertical-align: top
}

.quantity-selector-trash:before {
    content: "\E024\00FE0E";
    vertical-align: top;
    font-size: 18px;
    font-size: 1.286rem;
    line-height: 18px
}

.radsearch-main {
    display: flex;
    color: #000;
    min-height: 1rem;
    position: relative
}

.radsearch-main + .rad-webinars-holder {
    margin-top: -2.1667rem
}

.mainSearch-bg {
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    opacity: .1;
    position: absolute
}

.mainSearch-bg.pattern {
    background-repeat: repeat
}

.radsearch-main-wrapper {
    flex: 1;
    max-width: auto;
    position: relative;
    padding: 2px;
    margin: 0
}

.radsearch-main-wrapper .radsearch-main-allWebinarsCount {
    display: none;
    font-size: 1.65rem;
    font-weight: 700;
    margin-top: 1rem
}

.rad-webinars .radsearch-main-wrapper {
    margin-bottom: 20px
}

.rad-webinars .radsearch-main-wrapper .radsearch-main-allWebinarsCount {
    display: flex;
    align-items: center;
    justify-content: center
}

.rad-about .radsearch-main-wrapper,
.rad-conatctUs .radsearch-main-wrapper,
.rad-terms .radsearch-main-wrapper {
    margin-bottom: 20px
}

.rad-host .radsearch-main-wrapper,
.rad-teacher .radsearch-main-wrapper {
    margin-bottom: 50px
}

.radsearch-main-title {
    text-align: center;
    font-size: 1.73333rem;
    z-index: 21;
    position: relative;
    display: flex;
    align-items: center;
    justify-content: center;
    flex-direction: column
}

.radsearch-main-title span {
    font-size: 1em
}

.radsearch-main-input {
    position: relative;
    margin-top: 0;
    background: #fff;
    color: #000;
    border-radius: 1rem;
    z-index: 22
}

.radsearch-main-input input[type=text] {
    width: 100%;
    border: none;
    display: block;
    background: 0 0;
    font-size: 1rem;
    transition: all .25s;
    margin-right: 1px;
    padding: 1rem
}

.radsearch-main-input input::-webkit-input-placeholder {
    opacity: 1;
    color: rgba(93, 89, 122, .5)
}

.radsearch-main-input input::-moz-placeholder {
    opacity: 1;
    color: rgba(93, 89, 122, .5)
}

.radsearch-main-input input:-ms-input-placeholder {
    opacity: 1;
    color: rgba(93, 89, 122, .5)
}

.radsearch-main-input input::-ms-input-placeholder {
    opacity: 1;
    color: rgba(93, 89, 122, .5)
}

.radsearch-main-input input::placeholder {
    opacity: 1;
    color: rgba(93, 89, 122, .5)
}

.radsearch-main-input input:focus {
    outline: 0
}

.radsearch-main-input .spinner {
    top: 50%;
    left: 2.2rem;
    font-size: .8rem;
    position: absolute;
    transform: translateY(-50%)
}

.radsearch-main-input .spinner:before {
    border-top-color: rgba(93, 89, 122, .5)
}

.radsearch-main-input .mainSearch-clear,
.radsearch-main-input button {
    top: 50%;
    left: 1em;
    padding: 1rem;
    border: none;
    outline: 0;
    font-size: 1.8rem;
    position: absolute;
    background: 0 0;
    color: rgba(93, 89, 122, .5);
    transform: translateY(-50%);
    color: #191971;
    padding-left: 0
}

.radsearch-main-input .mainSearch-clear:disabled,
.radsearch-main-input button:disabled {
    opacity: .4
}

.radsearch-main-input .mainSearch-clear.stickLeft,
.radsearch-main-input button.stickLeft {
    left: 0
}

.radsearch-main-input.small {
    box-shadow: none;
    border: 1px solid #eee;
    width: 50%;
    margin: 0 25px;
    overflow: hidden;
    box-shadow: 0 3px 5px 0 rgba(52, 52, 72, .02)
}

.radsearch-main-input.small form {
    width: 100%;
    display: flex
}

.radsearch-main-input.small input {
    width: 100%;
    border: none;
    display: block;
    background: 0 0;
    padding: 10px 15px;
    font-size: .93333rem
}

.radsearch-main-input.small input:focus {
    outline: 0
}

.radsearch-main-input.small button {
    top: 48%;
    left: 0
}

@media (max-width:767.98px) {
    .radsearch-main-input input {
        font-size: 1em !important;
        padding: 1.2rem
    }

    .radsearch-main-input button {
        left: 0
    }
}

.radsearch-main-mainContent {
    position: relative
}

.mainsearch-rad-resultb {
    position: absolute;
    top: 83px;
    right: 0;
    width: 100%;
    z-index: 22
}

.mainsearch-rad-result {
    position: absolute;
    top: -33px;
    right: 0;
    width: 100%;
    background: #fff;
    padding-top: inherit;
    border-radius: 1rem;
    padding-top: 0;
    padding-bottom: 0;
    box-shadow: 0 0 10px 0 #14539b;
    overflow: auto;
    max-height: 220px
}

.mainsearch-rad-result-event {
    position: absolute;
    top: auto;
    right: 0;
    width: 100%;
    background: #fff;
    padding-top: inherit;
    border-radius: 1rem;
    padding-top: 0;
    padding-bottom: 0;
    box-shadow: 0 0 10px 0 #14539b;
    overflow: auto;
    max-height: 220px;
    bottom: 90px
}

@media (max-width:767.98px) {
    .mainsearch-rad-result {
        padding: 0 !important
    }

    .mainsearch-rad-result .rad-mainSearch-r-seeAll {
        left: 0
    }
}

.mainsearch_rad {
    position: relative;
    height: 100%
}

.mainsearch_rad_item {
    border-top: 1px solid #f1f3f8;
    padding: .5rem;
    cursor: pointer;
    display: flex;
    align-items: center;
    justify-content: space-between
}

@media (max-width:991.98px) {
    .mainsearch_rad_item {
        padding: .5rem 1rem 1rem
    }
}

.mainsearch_rad_item:hover {
    background-color: #f6f8fb
}

.mainsearch-rad-itemcon {
    flex: 1;
    display: flex;
    align-items: center;
    justify-content: space-between
}

.mainsearch-rad-itemcon .img-holder {
    flex: 0 0 65px;
    width: 60px;
    height: 60px;
    border-radius: 5px
}

.mainsearch-rad-itemcon .img-holder img {
    width: 100%;
    height: 100%
}

.mainsearch-rad-itemcon .text {
    flex: 1;
    display: flex;
    align-items: center;
    justify-content: flex-start;
    flex-direction: row;
    flex-flow: row;
    flex-wrap: wrap;
    padding-left: 1rem;
    color: #191971;
    text-align: right
}

.mainsearch-rad-itemcon .text .mainsearch-rad-onvan {
    flex: 0 0 100%;
    color: #191971;
    font-size: 1rem
}

.mainsearch-rad-itemcon .text .mainsearch-rad-evetdate,
.mainsearch-rad-itemcon .text .mainsearch-rad-professor {
    color: #191971;
    font-size: .8rem
}

.mainsearch-rad-itemcon .text .mainsearch-rad-professor {
    padding-left: .8rem;
    position: relative
}

.mainsearch-rad-itemcon .text .mainsearch-rad-evetdate {
    padding-right: .8rem
}

@media (max-width:991.98px) {
    .mainsearch-rad-itemcon {
        flex-flow: row;
        flex-wrap: wrap;
        position: relative
    }

    .mainsearch-rad-itemcon .text {
        flex: 0 0 calc(100% - 65px)
    }

    .mainsearch-rad-itemcon .mainsearch-rad-pricevalue {
        position: absolute;
        bottom: -8px;
        left: 0;
        font-size: .8rem !important;
        width: 30%
    }
}

@media (max-width:767.98px) {
    .mainsearch-rad-itemcon {
        padding-bottom: 1.3rem
    }

    .mainsearch-rad-itemcon .mainsearch-rad-onvan {
        line-height: 20px;
        font-size: .8rem !important
    }
}

.mainsearch-rad-pricevalue {
    flex: 0 0 20%;
    font-weight: 700;
    text-align: left;
    font-size: 1em
}

.rad-mainSearch-r-seeAll {
    position: absolute;
    bottom: -45px;
    left: 0;
    width: 172px;
    line-height: 38px;
    border-radius: 15.5px;
    box-shadow: 0 20px 50px 0 rgba(20, 83, 155, .05);
    background-color: #fff;
    font-size: .8rem;
    color: #343448;
    text-align: center
}

.rad-mainSearch-result-err {
    flex: 0 0 100%;
    color: #5d597a;
    font-size: 1rem;
    border-top: 1px solid #f1f3f8;
    text-align: center;
    padding: 1rem 0
}

#radsearch-main-r-itemFinished {
    font-size: .86667rem;
    font-weight: 400
}

.radsearchPresenterB {
    float: right;
    width: 100%;
    display: flex;
    align-items: center;
    position: relative;
    background: #efe;
    padding: 20px;
    border-radius: .3333rem;
    box-shadow: 0 5px 10px 0 rgba(20, 83, 155, .05)
}

.radsearchPresenter {
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding: 2rem 1.5rem 1.5rem 2.4rem !important
}

.radsearchPresenter .img-holder {
    flex: 0 0 60px;
    margin-left: 10px;
    border-radius: 100%;
    overflow: hidden
}

.radsearchPresenter .img-holder img {
    width: 100%;
    height: 60px;
    object-fit: cover;
    -o-object-fit: cover
}

.radsearchPresenter input {
    flex: 1
}

.radsearchMPresenter {
    position: relative
}

.radsearchMPresenter:before {
    content: "مدرس اصلی";
    position: absolute;
    top: 0;
    left: 0;
    padding: 0 10px;
    line-height: 22px;
    color: #fff;
    background-color: #4dba64;
    border-radius: 0 .3333rem 0 .3333rem
}

.radsearchMPresenter.rightMain:before {
    right: 25px
}

.btnRemoveAction {
    background: #c1cfe6;
    width: 31px;
    height: 31px;
    border-radius: .3333rem 0 .3333rem 0;
    color: #fff;
    position: absolute;
    left: 0;
    bottom: 0;
    display: flex;
    justify-content: center;
    align-items: center;
    transition: all .25s;
    border: 0;
    cursor: pointer
}

.btnRemoveAction:hover {
    background: #d01d31
}

.btnRemoveAction:disabled {
    cursor: default;
    background: rgba(161, 175, 179, .7)
}

.btnRemoveActionSmall {
    background: #c1cfe6;
    min-width: 21px;
    height: 21px;
    border-radius: .3333rem 0 .3333rem 0;
    color: #fff;
    position: absolute;
    left: auto;
    bottom: 0;
    display: flex;
    justify-content: center;
    align-items: center;
    transition: all .25s;
    border: 0;
    cursor: pointer;
    color: #fff;
    right: 0;
    padding-right: 5px;
    padding-left: 5px
}

.btnRemoveActionSmall:hover {
    background: #d01d31;
    color: #fff
}

.btnRemoveActionSmall:disabled {
    cursor: default;
    background: rgba(161, 175, 179, .7)
}

.selectsoftwareA-holder {
    margin-bottom: 2.5rem;
    padding: 3rem 5.5rem
}

.selectsoftwareA {
    position: relative;
    border-radius: .3333rem;
    box-shadow: 0 20px 50px 0 rgba(20, 83, 155, .05);
    border: 3px solid transparent
}

.selectsoftwareA.active {
    border: 4px solid #191971
}

.selectsoftwareA-content {
    padding: 1rem 2rem 0
}

.selectsoftware-header {
    display: flex;
    align-items: center;
    justify-content: flex-start;
    border-bottom: 1px dashed #c1cfe6;
    padding-bottom: 1rem
}

#selectsoftware-header-img {
    width: 8rem;
    height: 8rem;
    border-radius: 100%;
    background: #eee;
    margin-left: 3rem;
    display: flex;
    align-items: center;
    justify-content: center
}

#selectsoftware-header-img img {
    width: 5rem
}

.selectsoftware-header-text {
    display: flex;
    align-items: flex-start;
    justify-content: center;
    flex-direction: column;
    color: #191971
}

.selectsoftware-header-text.skyroom {
    color: #3e9fee
}

.selectsoftware-header-text span#name {
    font-size: 1.46667rem;
    font-weight: 700
}

.selectsoftware-header-text p {
    font-size: 1rem;
    font-weight: 700
}

.selectsoftware-header-text p span {
    position: relative
}

.selectsoftware-header-text p span:before {
    content: "";
    position: absolute;
    right: 1px;
    bottom: -2px;
    width: 100%;
    border-top: 1px solid #191971
}

.selectsoftware-summary {
    display: flex;
    align-items: flex-start;
    justify-content: center;
    flex-direction: column;
    border-bottom: 0 dashed #c1cfe6;
    padding: 1.5rem 0
}

.selectsoftware-summary span {
    padding-right: 1.5rem;
    position: relative;
    color: #696983;
    line-height: 35px
}

.selectsoftware-values {
    display: flex;
    align-items: flex-start;
    justify-content: center;
    flex-direction: column;
    border-bottom: 1px dashed #c1cfe6;
    padding: 1rem 0
}

.selectsoftware-values label {
    font-size: 1rem;
    font-weight: 700
}

.selectsoftware-values .radiobuttonrad {
    padding: .5rem 0
}

.selectsoftware-values .radiobuttonrad.active label {
    color: #191971
}

.selectsoftware-pricePer {
    padding: .5em;
    color: #191971
}

.selectsoftware-price,
.selectsoftware-pricePer {
    font-size: 1.33333rem;
    font-weight: 700;
    text-align: center
}

.selectsoftware-price {
    display: flex;
    align-items: flex-start;
    justify-content: center;
    color: #fff;
    background: #73bd73;
    padding: 1rem 1.5rem;
    text-align: center
}

#selectsoftware-OldPrice {
    position: relative;
    font-size: 24px;
    margin-left: 1rem;
    color: #ff5969;
    font-weight: 400;
    text-decoration: line-through
}

.radiobuttonrad {
    display: flex;
    align-items: center;
    justify-content: center;
    margin-left: 1rem;
    cursor: pointer
}

.radiobuttonrad label {
    cursor: pointer
}

.radiobuttonsoft {
    display: flex;
    align-items: center;
    justify-content: center;
    position: relative;
    margin-left: 1.2rem
}

.radiobuttonsoft input {
    position: absolute;
    z-index: -1;
    opacity: 0
}

.radiobuttonradHolder:before {
    content: "";
    position: absolute;
    top: -8px;
    right: 0;
    width: 16px;
    height: 16px;
    border: 2px solid #dfe4ec !important;
    border-radius: 100%;
    background: #fff;
    pointer-events: none
}

.radiobuttonsoft.active:after {
    content: "";
    position: absolute;
    top: -4px;
    right: 4px;
    width: 8px;
    height: 8px;
    border-radius: 100%;
    background: #191971;
    pointer-events: none;
    z-index: 12
}

.radiobuttonsoft.active:before {
    border-color: #191971
}

.toast-success {
    background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABgAAAAYCAYAAADgdz34AAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAAAJcEhZcwAADsMAAA7DAcdvqGQAAADsSURBVEhLY2AYBfQMgf///3P8+/evAIgvA/FsIF+BavYDDWMBGroaSMMBiE8VC7AZDrIFaMFnii3AZTjUgsUUWUDA8OdAH6iQbQEhw4HyGsPEcKBXBIC4ARhex4G4BsjmweU1soIFaGg/WtoFZRIZdEvIMhxkCCjXIVsATV6gFGACs4Rsw0EGgIIH3QJYJgHSARQZDrWAB+jawzgs+Q2UO49D7jnRSRGoEFRILcdmEMWGI0cm0JJ2QpYA1RDvcmzJEWhABhD/pqrL0S0CWuABKgnRki9lLseS7g2AlqwHWQSKH4oKLrILpRGhEQCw2LiRUIa4lwAAAABJRU5ErkJggg==) !important
}

@media (min-width:992px) {
    .kazemisubjectshop {
        border-left: 1px solid rgba(255, 255, 255, .15);
        padding-left: 1rem;
        margin-left: 7rem
    }
}

.confirmMessage {
    background-color: #f6f7f8;
    width: 100%;
    line-height: 4em;
    text-align: center;
    border-top-left-radius: 1rem !important;
    border-bottom-left-radius: 1rem !important
}

input[type=radio].payment {
    position: absolute
}

.first_link,
.last_link,
.next_link,
.page-link,
.prev_link {
    color: #2573b3;
    background-color: #fafcfe;
    border-radius: 0;
    height: 100%;
    display: block;
    padding: .5rem .75rem;
    line-height: 1.25;
    border: 1px solid #dee2e6;
    border-top-color: #dee2e6;
    border-right-color: #dee2e6;
    border-bottom-color: #dee2e6;
    border-left-color: #dee2e6
}

.page-link:hover {
    color: #2573b3;
    background-color: #ecf4fc;
    border-color: #c0dbf2;
    text-decoration: none
}

.page-link.active {
    z-index: 3
}

.page-link:focus {
    box-shadow: none;
    color: #2573b3;
    background-color: #f3f8fd;
    border-color: #c0dbf2
}

.page-link:active {
    color: #2573b3;
    background-color: #ecf4fc;
    border-color: #c0dbf2
}

.page-item.active .page-link {
    z-index: 3;
    color: #fff;
    background-color: #2a80c8;
    border-color: #287abe
}

.page-item.disabled .page-link {
    color: #8d9fab;
    background-color: #fff;
    border-color: #d3dadf
}

.page-item:first-child .page-link {
    margin-left: 0;
    border-top-left-radius: .25rem;
    border-bottom-left-radius: .25rem
}

.page-item:last-child .page-link {
    border-top-right-radius: .25rem;
    border-bottom-right-radius: .25rem
}

.breadcrumb {
    border-radius: 1rem;
    counter-reset: flag;
    overflow: hidden;
    padding: 0;
    text-align: center;
    background: #f5f5f5
}

.breadcrumb > a {
    color: #969696;
    display: block;
    float: right;
    font-size: 12px;
    line-height: 36px;
    outline: 0;
    padding-left: 10px;
    padding-right: 30px;
    position: relative;
    text-decoration: none
}

.breadcrumb > a:first-child {
    border-radius: 5px 0 0 5px
}

.breadcrumb > a:last-child {
    border-radius: 0 0 5px 5px
}

.breadcrumb > a:last-child:after {
    content: none
}

.breadcrumb > a:after {
    content: "";
    position: absolute;
    top: 0;
    left: -17px;
    width: 36px;
    height: 36px;
    -webkit-transform: scale(1) rotate(-135deg);
    transform: scale(1) rotate(-135deg);
    z-index: 1;
    -webkit-box-shadow: 2px -2px 0 2px #e6e6e6;
    box-shadow: 2px -2px 0 2px #e6e6e6;
    border-radius: 0 5px 0 50px
}

.flat a {
    color: #909090
}

.flat a,
.flat a:after {
    background: #f5f5f5;
    -webkit-transition: all .2s;
    transition: all .2s
}

.flat a:after {
    color: #869ab3
}

.flat a:not(:last-child):hover {
    background: #869ab3;
    color: #fff
}

.flat a:not(:last-child):hover:after {
    background: #869ab3
}

.flat a:last-child {
    cursor: default
}

.flat a.active {
    color: #fff
}

.flat a.active:after {
    background: #869ab3
}

.carousel-customers:hover img {
    filter: blur(2px)
}

.carousel-customers .customers-carousel-item-content img:hover {
    filter: blur(0px)
}

.cat-top-news {
    position: absolute;
    top: 10px;
    left: 10px;
    border-radius: 5px;
    background: rgba(255, 255, 255, .7);
    display: block;
    padding: 0 15px;
    z-index: 2
}

.avatarfacultymemberradvin {
    vertical-align: middle;
    width: 9em;
    height: 9em;
    border-radius: 3rem;
    border: 1px solid #ddd
}

* {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box
}

:after,
:before {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box
}

.img-yjc-news-1 img {
    width: 100%;
    height: 361px !important;
    box-shadow: 0 0 4px #ccc;
    border-radius: 5px
}

.content-top-news-2 {
    padding-right: 9px
}

.row::after,
.row::before {
    content: " ";
    display: table;
    box-sizing: border-box
}

.content-top-news-2 div {
    margin-bottom: 8px
}

.cat-top-news-2 {
    position: absolute;
    top: 10px;
    left: 50%;
    border-radius: 5px;
    background: #fff;
    display: block;
    padding: 0 15px;
    z-index: 2
}

article {
    display: block
}

.img-top-news-2 {
    display: block
}

.img-top-news-2 img {
    float: right;
    display: block;
    width: 50%;
    margin-left: 19px;
    border-radius: 5px;
    height: 176px;
    box-shadow: 0 0 4px #ccc
}

.content-top-news-2 div {
    margin-bottom: 8px;
    text-align: justify
}

.title-top-news-2 {
    display: block;
    font: 16.5px/26px;
    margin-bottom: 8px;
    text-align: justify
}

.top-new-home .subtitle-top-news-2 {
    color: #242424;
    text-align: justify
}

.cta-whatsapp-wrapper {
    position: fixed;
    bottom: 10px;
    right: 10px;
    cursor: pointer;
    z-index: 9999
}

.cta-whatsapp-wrapper .img-cta-whatsapp {
    width: 60px;
    height: 60px
}

.cta-whatsapp-wrapper .img-cta-whatsapp img {
    width: 100%;
    position: relative
}

.cta-whatsapp-wrapper .img-cta-whatsapp:after {
    content: 'پشتیبانی آنلاین';
    width: 150px;
    right: 50px;
    top: 30%;
    z-index: -1;
    position: absolute;
    background-color: #79ba7d;
    padding: 2px 5px;
    border-radius: 5px;
    color: #f2faff;
    text-align: center
}

.box-cta-whatsapp-wrapper {
    position: fixed;
    background-color: #79ba7e;
    bottom: 20px;
    right: 10px;
    width: 320px;
    padding: 15px 10px;
    text-align: justify;
    font-size: 1em;
    border-radius: 4px;
    color: #f2faff;
    display: none;
    opacity: .95;
    z-index: 9999
}

.box-cta-whatsapp-wrapper h5 {
    font-size: 1.1em !important;
    text-align: center;
    margin: 20px 0;
    font-weight: 600;
    color: #262626
}

.box-cta-whatsapp-wrapper a {
    background-color: #f2faff;
    display: block;
    padding: 7px;
    text-align: center;
    color: #262626;
    border-radius: 4px;
    font-size: 1.1em;
    font-weight: 600
}

.box-cta-whatsapp-wrapper span {
    position: absolute;
    top: 10px
}

.box-cta-whatsapp-wrapper span img {
    width: 30px;
    z-index: 9999;
    margin-top: -5px
}

.box-cta-whatsapp-wrapper a:hover {
    color: #79ba7e
}

.fa-spin-hover {
    cursor: default;
    transition: all .3s ease-in-out 0s
}

.fa-spin-hover:hover {
    cursor: default;
    transform: rotate(360deg);
    transition: all .3s ease-in-out 0s
}

.accordion {
    width: 100%;
    margin: 0;
    padding: 0;
    background: #fff;
    -webkit-border-radius: 1rem;
    -moz-border-radius: 1rem;
    border-radius: 1rem
}

.accordion .link {
    cursor: pointer;
    display: block;
    padding: 10px 15px 10px 40px;
    border-top: 1px solid #ccc;
    position: relative;
    -webkit-transition: all .4s ease;
    -o-transition: all .4s ease;
    transition: all .4s ease
}

.accordion li:last-child .link {
    border-bottom: 0;
    border-bottom-right-radius: 1rem;
    border-bottom-left-radius: 1rem
}

.accordion li:first-child .link {
    border-top: 0;
    border-top-right-radius: 1rem;
    border-top-left-radius: 1rem
}

.accordion li i {
    -webkit-transition: all .4s ease;
    -o-transition: all .4s ease;
    transition: all .4s ease
}

.accordion li i.fa-chevron-down {
    position: absolute;
    left: 15px;
    top: 50%;
    transform: translateY(-50%);
    margin: 0
}

.accordion li.open .link {
    color: #b63b4d
}

.accordion li.open i {
    color: #b63b4d
}

.accordion li.open i.fa-chevron-down {
    -webkit-transform: translateY(-50%) rotate(180deg);
    -ms-transform: translateY(-50%) rotate(180deg);
    -o-transform: translateY(-50%) rotate(180deg);
    transform: translateY(-50%) rotate(180deg)
}

.link .iconmenu i {
    position: inherit;
    display: inline-block;
    margin-left: 3px;
    margin-right: 3px
}

.submenuright li a i {
    position: static;
    margin-left: 3px;
    margin-right: 3px
}

.submenusubject {
    display: none
}

.submenusubject li {
    border-bottom: 0 solid #4b4a5e;
    line-height: 2.5
}

.submenusubject a {
    display: block;
    text-decoration: none;
    color: #000;
    padding-left: 42px;
    -webkit-transition: all .25s ease;
    -o-transition: all .25s ease;
    transition: all .25s ease
}

.submenuright {
    display: none
}

.submenuright li {
    border-bottom: 0 solid #4b4a5e;
    line-height: 2.5
}

.submenuright a {
    display: block;
    text-decoration: none;
    color: #000;
    padding-left: 42px;
    -webkit-transition: all .25s ease;
    -o-transition: all .25s ease;
    transition: all .25s ease
}

.summary-article {
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    border-bottom: 1px solid #ddd
}

.hide {
    display: none
}

.lh {
    line-height: 3;
    height: calc(3em + 1rem + 2px)
}

.buttonWrap {
    text-align: center;
    width: 100%;
    position: absolute;
    top: 0
}

.add-button {
    position: relative;
    display: inline-block !important;
    width: auto;
    margin: 5px auto;
    float: none;
    background: #cbf5ff;
    padding: 3px;
    border-radius: 5px;
    color: #116e7d;
    font-size: 1em;
    cursor: pointer;
    z-index: 999999999 !important
}

.closeBtn {
    position: relative;
    font-size: 1em;
    background: #eee;
    top: 3px;
    padding: 3px;
    border-radius: 50%;
    z-index: 99999;
    cursor: pointer;
    width: auto
}

#snackbar {
    visibility: hidden;
    min-width: 80%;
    max-width: 80%;
    margin-left: auto;
    margin-right: auto;
    background-color: #333;
    color: #fff;
    text-align: center;
    border-radius: 2px;
    padding: 16px;
    position: fixed;
    z-index: 1;
    left: 10%;
    bottom: 30px
}

#snackbar.show {
    visibility: visible;
    -webkit-animation: fadein .5s, fadeout .5s 2.5s;
    animation: fadein .5s, fadeout .5s 2.5s
}

@-webkit-keyframes fadein {
    from {
        bottom: 0;
        opacity: 0
    }

    to {
        bottom: 30px;
        opacity: 1
    }
}

@keyframes fadein {
    from {
        bottom: 0;
        opacity: 0
    }

    to {
        bottom: 30px;
        opacity: 1
    }
}

@-webkit-keyframes fadeout {
    from {
        bottom: 30px;
        opacity: 1
    }

    to {
        bottom: 0;
        opacity: 0
    }
}

@keyframes fadeout {
    from {
        bottom: 30px;
        opacity: 1
    }

    to {
        bottom: 0;
        opacity: 0
    }
}

.ath_container {
    width: 100%
}

#uploadStatus {
    color: #070078
}

.ath_container a {
    text-decoration: none;
    color: #2f20d1
}

.ath_container a:hover {
    text-decoration: underline
}

.ath_container img {
    height: auto;
    max-width: 100%;
    vertical-align: middle
}

.ath_container .label {
    color: #565656;
    margin-bottom: 2px
}

.ath_container .message {
    padding: 6px 20px;
    font-size: 1em;
    color: #282828;
    box-sizing: border-box;
    margin: 0;
    border-radius: 3px;
    width: 100%;
    overflow: auto
}

.ath_container .error {
    padding: 6px 20px;
    border-radius: 3px;
    background-color: #ffe7e7;
    border: 1px solid #e46b66;
    color: #dc0d24
}

.ath_container .success {
    background-color: #48e0a4;
    border: #40cc94 1px solid;
    border-radius: 3px;
    color: #105b3d
}

.ath_container .validation-message {
    color: #e20900
}

.ath_container .font-bold {
    font-weight: 700
}

.ath_container .display-none {
    display: none
}

.ath_container .inline-block {
    display: inline-block
}

.ath_container .float-right {
    float: right
}

.ath_container .float-left {
    float: left
}

.ath_container .text-center {
    text-align: center
}

.ath_container .text-left {
    text-align: left
}

.ath_container .text-right {
    text-align: right
}

.ath_container .full-width {
    width: 100%
}

.ath_container .cursor-pointer {
    cursor: pointer
}

.ath_container .mr-20 {
    margin-right: 20px
}

.ath_container .m-20 {
    margin: 20px
}

.ath_container table {
    border-collapse: collapse;
    border-spacing: 0;
    width: 100%;
    border: 1px solid #ddd;
    margin-top: 20px
}

.ath_container table td,
.ath_container table th {
    text-align: left;
    padding: 5px;
    border: 1px solid #ededed;
    width: 50%
}

tr:nth-child(2n) {
    background-color: #f2f2f2
}

.ath_container .progress {
    margin: 20px 0 0 0;
    width: 300px;
    border: 1px solid #ddd;
    padding: 5px;
    border-radius: 5px
}

.ath_container .progress-bar {
    width: 0%;
    height: 24px;
    background-color: #4caf50;
    margin-top: 15px;
    border-radius: 12px;
    text-align: center;
    color: #fff
}

@media all and (max-width:780px) {
    .ath_container {
        width: auto
    }
}

.ath_container input {
    box-sizing: border-box;
    width: 100%;
    height: initial;
    padding: 8px 5px;
    border: 1px dashed #b7b7b7;
    border-radius: 4px
}

.ath_container input[type=checkbox] {
    width: auto;
    vertical-align: text-bottom
}

.ath_container textarea {
    width: 300px
}

.ath_container select {
    display: initial;
    height: 30px;
    padding: 2px 5px
}

.ath_container button,
.ath_container input[type=button],
.ath_container input[type=submit] {
    padding: 10px 35px;
    font-size: 1em;
    cursor: pointer;
    border-radius: 25px;
    color: #000;
    background-color: #ebdd58;
    border: none;
    box-shadow: 0 0 5px 0 rgba(0, 0, 0, .3);
    transition: all .3s
}

.ath_container button:hover {
    background-color: #3e31fd;
    color: #fff;
    box-shadow: 0 0 10px 0 rgba(0, 0, 0, .3)
}

::placeholder {
    color: #bdbfc4
}

.ath_container label {
    display: block;
    color: #565656
}

@media all and (max-width:400px) {
    .ath_container {
        padding: 0 20px
    }

    .ath_container {
        width: auto
    }

    .ath_container input,
    .ath_container select,
    .ath_container textarea {
        width: 100%
    }
}

#form-overlay {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: rgba(0, 0, 0, .8);
    z-index: 1050;
    display: none;
    pointer-events: auto
}

#toast-container-ace {
    position: fixed;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    z-index: 1060;
    display: flex;
    flex-direction: column;
    gap: 15px;
    align-items: center;
    justify-content: center;
    pointer-events: none
}

.toast-ace {
    direction: rtl;
    background: #fff3cd;
    color: #000;
    padding: 18px 24px;
    border-radius: 12px;
    box-shadow: 0 15px 35px rgba(0, 0, 0, .5);
    min-width: 600px;
    max-width: 600px;
    animation: fadeInUp .4s ease;
    display: flex;
    align-items: center;
    justify-content: flex-start;
    font-size: 16px;
    font-weight: 500;
    pointer-events: all;
    position: relative;
    text-align: right;
    line-height: 1.7
}

@keyframes fadeInUp {
    from {
        opacity: 0
    }

    to {
        opacity: 1
    }
}

@media (max-width:768px) {
    .toast-ace {
        min-width: 90%;
        max-width: 95%;
        font-size: 15px;
        padding: 10px
    }
}

.boxradvin {
    width: 100%;
    margin: 0;
    padding: 0;
    background: #fff;
    -webkit-border-radius: 1rem;
    -moz-border-radius: 1rem;
    border-radius: 1rem
}

.boxradvin .link {
    cursor: pointer;
    display: block;
    padding: 10px 15px 10px 15px;
    border-top: 1px solid #ccc;
    position: relative;
    -webkit-transition: all .4s ease;
    -o-transition: all .4s ease;
    transition: all .4s ease
}

.boxradvin li:last-child .link {
    border-bottom: 0;
    border-bottom-right-radius: 1rem;
    border-bottom-left-radius: 1rem
}

.boxradvin li:first-child .link {
    border-top: 0;
    border-top-right-radius: 1rem;
    border-top-left-radius: 1rem
}

.nav-tabs {
    border: none;
    padding: 5px;
    border-radius: 8px;
    margin-bottom: 5px;
    align-items: center;
    justify-content: center;
    background: var(--white)
}

.nav-tabs li {
    padding: 0 10px;
    border-left: 1px solid #ddd;
    margin-bottom: 5px !important
}

.nav-tabs li:last-child {
    border: none
}

.tab-link {
    font-size: 15px;
    font-weight: 500;
    text-transform: uppercase;
    color: var(--heading);
    transition: all linear .3s;
    -webkit-transition: all linear .3s;
    -moz-transition: all linear .3s;
    -ms-transition: all linear .3s;
    -o-transition: all linear .3s
}

.tab-link:hover {
    color: var(--primary)
}

.tab-link i {
    font-size: 14px;
    margin-left: 3px
}

.tab-link.active {
    color: var(--primary);
    border-bottom: #070078 5px solid;
    line-height: 42px
}

.tab-pane {
    display: none;
    padding: 0
}

.tab-pane.active {
    display: block
}

@media (max-width:575px) {
    .nav-tabs {
        flex-wrap: wrap
    }

    .nav-tabs li {
        padding: 5px;
        border: none
    }
}

@media (min-width:576px) and (max-width:767px) {
    .nav-tabs {
        padding: 25px 10px
    }

    .nav-tabs li {
        padding: 0 20px
    }
}

@media (min-width:1024px) {
    .footer-fixed-container {
        position: fixed;
        bottom: 0;
        right: 0;
        left: 0;
        z-index: 1000;
        padding: 0;
        display: flex;
        justify-content: center;
        align-items: center
    }

    .footer-fixed-buttons {
        display: flex;
        gap: 20px;
        max-width: 900px;
        width: 100%;
        padding: 0;
        justify-content: center;
        align-items: center
    }
}

@media (max-width:1023px) {
    .footer-fixed-container {
        display: none !important
    }
}

.mobile-menu {
    position: fixed;
    bottom: 0;
    right: 0;
    width: 100%;
    z-index: 999;
    background: var(--white);
    box-shadow: 0 -5px 15px 0 rgba(0, 0, 0, .1);
    display: flex;
    align-items: center;
    justify-content: center;
    justify-content: space-between;
    display: none;
    border-radius: 0
}

.mobile-menu a,
.mobile-menu button {
    display: flex;
    align-items: center;
    justify-content: center;
    flex-direction: column;
    width: 80px;
    padding: 3px 0;
    border-radius: 8px;
    position: relative
}

.mobile-menu a:hover,
.mobile-menu button:hover {
    background: var(--chalk)
}

.mobile-menu a:hover i,
.mobile-menu button:hover i {
    color: var(--primary)
}

.mobile-menu a:hover span,
.mobile-menu button:hover span {
    color: var(--primary)
}

.mobile-menu a i,
.mobile-menu button i {
    font-size: 15px;
    margin-bottom: 5px;
    color: #000;
    text-shadow: -2px 3px 8px rgba(0, 0, 0, .1)
}

.mobile-menu a span,
.mobile-menu button span {
    font-size: 8px;
    line-height: 12px;
    color: #000;
    text-transform: uppercase;
    text-align: center;
    text-wrap-style: balance
}

.mobile-menu a sup,
.mobile-menu button sup {
    position: absolute;
    top: -5px;
    right: 75%;
    width: 24px;
    height: 24px;
    font-size: 12px;
    line-height: 20px;
    border-radius: 50%;
    text-align: center;
    transform: translateX(50%);
    color: var(--white);
    background: var(--primary);
    border: 2px solid var(--green-chalk);
    text-shadow: var(--primary-tshadow)
}

.mobile-menu a .icofont-shopping-cart,
.mobile-menu button .icofont-shopping-cart {
    font-size: 18px
}

@media (max-width:991px) {
    .mobile-menu {
        display: flex
    }
}