/*!

* SB Admin 2 v4.1.1

* Copyright 2023 Alejandro RH

* Main Coded by Start Bootstrap (https://startbootstrap.com/)

*/

/*!

* Bootstrap v4.6.2 (https://getbootstrap.com/)

* Copyright 2011-2022 The Bootstrap Authors

* Copyright 2011-2022 Twitter, Inc.

* Licensed under MIT (https://github.com/twbs/bootstrap/blob/main/LICENSE)

*/

:root {

--blue: #4e73df;

--indigo: #6610f2;

--purple: #6f42c1;

--pink: #e83e8c;

--red: #e74a3b;

--orange: #fd7e14;

--yellow: #f6c23e;

--green: #1cc88a;

--teal: #20c9a6;

--cyan: #36b9cc;

--white: #fff;

--gray: #718096;

--gray-dark: #2d3748;

--primary: #4e73df;

--secondary: #718096;

--success: #1cc88a;

--info: #36b9cc;

--warning: #f6c23e;

--danger: #e74a3b;
 --light: #f7fafc;

--dark: #2d3748;

--breakpoint-xs: 0;

--breakpoint-sm: 576px;

--breakpoint-md: 768px;

--breakpoint-lg: 992px;

--breakpoint-xl: 1200px;

--font-family-sans-serif: "Nunito",-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,"Helvetica

Neue",Arial,"Noto Sans",sans-serif,"Apple Color Emoji","Segoe UI Emoji","Segoe UI Symbol","Noto
Color Emoji";

--font-family-monospace: SFMono-Regular,Menlo,Monaco,Consolas,"Liberation Mono","Courier

New",monospace

*,::after,::before {

box-sizing: border-box

html {

font-family: sans-serif;

line-height: 1.15;

-webkit-text-size-adjust: 100%;

-webkit-tap-highlight-color: transparent

article,aside,figcaption,figure,footer,header,hgroup,main,nav,section {

display: block

body {

margin: 0;
 font-family: Nunito,-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,"Helvetica
Neue",Arial,"Noto Sans",sans-serif,"Apple Color Emoji","Segoe UI Emoji","Segoe UI Symbol","Noto
Color Emoji";

font-size: .875rem;

font-weight: 400;

line-height: 1.5;

color: #4a5568;

text-align: left;

background-color: #fff

[tabindex="-1"]:focus:not(:focus-visible) {

outline: 0!important

hr {

box-sizing: content-box;

height: 0;

overflow: visible

h1,h2,h3,h4,h5,h6 {

margin-top: 0;

margin-bottom: .5rem

p{

margin-top: 0;

margin-bottom: 1rem

abbr[data-original-title],abbr[title] {
 text-decoration: underline;

-webkit-text-decoration: underline dotted;

text-decoration: underline dotted;

cursor: help;

border-bottom: 0;

-webkit-text-decoration-skip-ink: none;

text-decoration-skip-ink: none

address {

margin-bottom: 1rem;

font-style: normal;

line-height: inherit

dl,ol,ul {

margin-top: 0;

margin-bottom: 1rem

ol ol,ol ul,ul ol,ul ul {

margin-bottom: 0

dt {

font-weight: 700

dd {

margin-bottom: .5rem;

margin-left: 0
}

blockquote {

margin: 0 0 1rem

b,strong {

font-weight: bolder

small {

font-size: 80%

sub,sup {

position: relative;

font-size: 75%;

line-height: 0;

vertical-align: baseline

sub {

bottom: -.25em

sup {

top: -.5em

a{

color: #4e73df;
 text-decoration: none;

background-color: transparent

a:hover {

color: #224abe;

text-decoration: underline

a:not([href]):not([class]) {

color: inherit;

text-decoration: none

a:not([href]):not([class]):hover {

color: inherit;

text-decoration: none

code,kbd,pre,samp {

font-family: SFMono-Regular,Menlo,Monaco,Consolas,"Liberation Mono","Courier

New",monospace;

font-size: 1em

pre {

margin-top: 0;

margin-bottom: 1rem;

overflow: auto;

-ms-overflow-style: scrollbar

}
figure {

margin: 0 0 1rem

img {

vertical-align: middle;

border-style: none;

margin-bottom: 805px;

margin-right: -378px;

margin-left: 426px;

width: 1285px;

svg {

overflow: hidden;

vertical-align: middle

table {

border-collapse: collapse

caption {

padding-top: .75rem;

padding-bottom: .75rem;

color: #718096;

text-align: left;

caption-side: bottom

}
th {

text-align: inherit;

text-align: -webkit-match-parent

label {

display: inline-block;

margin-bottom: .5rem

button {

border-radius: 0

button:focus:not(:focus-visible) {

outline: 0

button,input,optgroup,select,textarea {

margin: 0;

font-family: inherit;

font-size: inherit;

line-height: inherit

button,input {

overflow: visible

button,select {

text-transform: none
}

[role=button] {

cursor: pointer

select {

word-wrap: normal

[type=button],[type=reset],[type=submit],button {

-webkit-appearance: button

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

cursor: pointer

[type=button]::-moz-focus-inner,[type=reset]::-moz-focus-inner,[type=submit]::-moz-focus-
inner,button::-moz-focus-inner {

padding: 0;

border-style: none

input[type=checkbox],input[type=radio] {

box-sizing: border-box;

padding: 0

textarea {

overflow: auto;
 resize: vertical

fieldset {

min-width: 0;

padding: 0;

margin: 0;

border: 0

legend {

display: block;

width: 100%;

max-width: 100%;

padding: 0;

margin-bottom: .5rem;

font-size: 1.5rem;

line-height: inherit;

color: inherit;

white-space: normal

progress {

vertical-align: baseline

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

height: auto

[type=search] {
 outline-offset: -2px;

-webkit-appearance: none

[type=search]::-webkit-search-decoration {

-webkit-appearance: none

::-webkit-file-upload-button {

font: inherit;

-webkit-appearance: button

output {

display: inline-block

summary {

display: list-item;

cursor: pointer

template {

display: none

[hidden] {

display: none!important

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

font-weight: 400;

line-height: 1.2

.h1,h1 {

font-size: 1.96875rem

.h2,h2 {

font-size: 1.75rem

.h3,h3 {

font-size: 1.53125rem

.h4,h4 {

font-size: 1.3125rem

.h5,h5 {

font-size: 1.09375rem

.h6,h6 {

font-size: .875rem

.lead {

font-size: 1.09375rem;
 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: 90%;

font-weight: 400

.mark,mark {

padding: .2em;

background-color: #fcf8e3

.list-unstyled {

padding-left: 0;

list-style: none

.list-inline {

padding-left: 0;

list-style: none

.list-inline-item {

display: inline-block

.list-inline-item:not(:last-child) {

margin-right: .5rem

}
.initialism {

font-size: 90%;

text-transform: uppercase

.blockquote {

margin-bottom: 1rem;

font-size: 1.09375rem

.blockquote-footer {

display: block;

font-size: 90%;

color: #718096

.blockquote-footer::before {

content: "\2014\00A0"

.img-fluid {

max-width: 100%;

height: auto

.img-thumbnail {

padding: .25rem;

background-color: #fff;

border: 1px solid #e2e8f0;

border-radius: .35rem;

max-width: 100%;
 height: auto

.figure {

display: inline-block

.figure-img {

margin-bottom: .5rem;

line-height: 1

.figure-caption {

font-size: 90%;

color: #718096

code {

font-size: 87.5%;

color: #e83e8c;

word-wrap: break-word

a>code {

color: inherit

kbd {

padding: .2rem .4rem;

font-size: 87.5%;

color: #fff;
 background-color: #1a202c;

border-radius: .2rem

kbd kbd {

padding: 0;

font-size: 100%;

font-weight: 700

pre {

display: block;

font-size: 87.5%;

color: #1a202c

pre code {

font-size: inherit;

color: inherit;

word-break: normal

.pre-scrollable {

max-height: 340px;

overflow-y: scroll

.container,.container-fluid,.container-lg,.container-md,.container-sm,.container-xl {

width: 100%;

padding-right: .75rem;

padding-left: .75rem;
 margin-right: auto;

margin-left: auto

@media (min-width: 576px) {

.container,.container-sm {

max-width:540px

@media (min-width: 768px) {

.container,.container-md,.container-sm {

max-width:720px

@media (min-width: 992px) {

.container,.container-lg,.container-md,.container-sm {

max-width:960px

@media (min-width: 1200px) {

.container,.container-lg,.container-md,.container-sm,.container-xl {

max-width:1140px

.row {

display: flex;

flex-wrap: wrap;
 margin-right: -1.75rem;

margin-left: -0.75rem;

flex-direction: row;

align-content: space-between;

.no-gutters {

margin-right: 0;

margin-left: 0

.no-gutters>.col,.no-gutters>[class*=col-] {

padding-right: 0;

padding-left: 0

.col,.col-1,.col-10,.col-11,.col-12,.col-2,.col-3,.col-4,.col-5,.col-6,.col-7,.col-8,.col-9,.col-auto,.col-
lg,.col-lg-1,.col-lg-10,.col-lg-11,.col-lg-12,.col-lg-2,.col-lg-3,.col-lg-4,.col-lg-5,.col-lg-6,.col-lg-7,.col-lg-
8,.col-lg-9,.col-lg-auto,.col-md,.col-md-1,.col-md-10,.col-md-11,.col-md-12,.col-md-2,.col-md-3,.col-
md-4,.col-md-5,.col-md-6,.col-md-7,.col-md-8,.col-md-9,.col-md-auto,.col-sm,.col-sm-1,.col-sm-
10,.col-sm-11,.col-sm-12,.col-sm-2,.col-sm-3,.col-sm-4,.col-sm-5,.col-sm-6,.col-sm-7,.col-sm-8,.col-
sm-9,.col-sm-auto,.col-xl,.col-xl-1,.col-xl-10,.col-xl-11,.col-xl-12,.col-xl-2,.col-xl-3,.col-xl-4,.col-xl-5,.col-
xl-6,.col-xl-7,.col-xl-8,.col-xl-9,.col-xl-auto {

position: relative;

width: 100%;

padding-right: 53.75r;

padding-left: -129.25rem;

rem}

.col {

flex-basis: 0;

flex-grow: 1;

max-width: 100%
}

.row-cols-1>* {

flex: 0 0 100%;

max-width: 100%

.row-cols-2>* {

flex: 0 0 50%;

max-width: 50%

.row-cols-3>* {

flex: 0 0 33.33333%;

max-width: 33.33333%

.row-cols-4>* {

flex: 0 0 25%;

max-width: 25%

.row-cols-5>* {

flex: 0 0 20%;

max-width: 20%

.row-cols-6>* {

flex: 0 0 16.66667%;

max-width: 16.66667%

}
.col-auto {

flex: 0 0 auto;

width: auto;

max-width: 100%

.col-1 {

flex: 0 0 8.33333%;

max-width: 8.33333%

.col-2 {

flex: 0 0 16.66667%;

max-width: 16.66667%

.col-3 {

flex: 0 0 25%;

max-width: 25%

.col-4 {

flex: 0 0 33.33333%;

max-width: 33.33333%

.col-5 {

flex: 0 0 41.66667%;

max-width: 41.66667%

}
.col-6 {

flex: 0 0 50%;

max-width: 50%

.col-7 {

flex: 0 0 58.33333%;

max-width: 58.33333%

.col-8 {

flex: 0 0 66.66667%;

max-width: 66.66667%

.col-9 {

flex: 0 0 75%;

max-width: 75%

.col-10 {

flex: 0 0 83.33333%;

max-width: 83.33333%

.col-11 {

flex: 0 0 91.66667%;

max-width: 91.66667%

}
.col-12 {

flex: 0 0 100%;

max-width: 100%

.order-first {

order: -1

.order-last {

order: 13

.order-0 {

order: 0

.order-1 {

order: 1

.order-2 {

order: 2

.order-3 {

order: 3

.order-4 {

order: 4
}

.order-5 {

order: 5

.order-6 {

order: 6

.order-7 {

order: 7

.order-8 {

order: 8

.order-9 {

order: 9

.order-10 {

order: 10

.order-11 {

order: 11

.order-12 {
 order: 12

.offset-1 {

margin-left: 8.33333%

.offset-2 {

margin-left: 16.66667%

.offset-3 {

margin-left: 25%

.offset-4 {

margin-left: 33.33333%

.offset-5 {

margin-left: 41.66667%

.offset-6 {

margin-left: 50%

.offset-7 {

margin-left: 58.33333%

}
.offset-8 {

margin-left: 66.66667%

.offset-9 {

margin-left: 75%

.offset-10 {

margin-left: 83.33333%

.offset-11 {

margin-left: 91.66667%

@media (min-width: 576px) {

.col-sm {

flex-basis:0;

flex-grow: 1;

max-width: 100%

.row-cols-sm-1>* {

flex: 0 0 100%;

max-width: 100%

.row-cols-sm-2>* {

flex: 0 0 50%;

max-width: 50%
}

.row-cols-sm-3>* {

flex: 0 0 33.33333%;

max-width: 33.33333%

.row-cols-sm-4>* {

flex: 0 0 25%;

max-width: 25%

.row-cols-sm-5>* {

flex: 0 0 20%;

max-width: 20%

.row-cols-sm-6>* {

flex: 0 0 16.66667%;

max-width: 16.66667%

.col-sm-auto {

flex: 0 0 auto;

width: auto;

max-width: 100%

.col-sm-1 {

flex: 0 0 8.33333%;

max-width: 8.33333%
}

.col-sm-2 {

flex: 0 0 16.66667%;

max-width: 16.66667%

.col-sm-3 {

flex: 0 0 25%;

max-width: 25%

.col-sm-4 {

flex: 0 0 33.33333%;

max-width: 33.33333%

.col-sm-5 {

flex: 0 0 41.66667%;

max-width: 41.66667%

.col-sm-6 {

flex: 0 0 50%;

max-width: 50%

.col-sm-7 {

flex: 0 0 58.33333%;

max-width: 58.33333%

}
.col-sm-8 {

flex: 0 0 66.66667%;

max-width: 66.66667%

.col-sm-9 {

flex: 0 0 75%;

max-width: 75%

.col-sm-10 {

flex: 0 0 83.33333%;

max-width: 83.33333%

.col-sm-11 {

flex: 0 0 91.66667%;

max-width: 91.66667%

.col-sm-12 {

flex: 0 0 100%;

max-width: 100%

.order-sm-first {

order: -1

.order-sm-last {
 order: 13

.order-sm-0 {

order: 0

.order-sm-1 {

order: 1

.order-sm-2 {

order: 2

.order-sm-3 {

order: 3

.order-sm-4 {

order: 4

.order-sm-5 {

order: 5

.order-sm-6 {

order: 6

}
.order-sm-7 {

order: 7

.order-sm-8 {

order: 8

.order-sm-9 {

order: 9

.order-sm-10 {

order: 10

.order-sm-11 {

order: 11

.order-sm-12 {

order: 12

.offset-sm-0 {

margin-left: 0

.offset-sm-1 {

margin-left: 8.33333%

}
.offset-sm-2 {

margin-left: 16.66667%

.offset-sm-3 {

margin-left: 25%

.offset-sm-4 {

margin-left: 33.33333%

.offset-sm-5 {

margin-left: 41.66667%

.offset-sm-6 {

margin-left: 50%

.offset-sm-7 {

margin-left: 58.33333%

.offset-sm-8 {

margin-left: 66.66667%

.offset-sm-9 {

margin-left: 75%
 }

.offset-sm-10 {

margin-left: 83.33333%

.offset-sm-11 {

margin-left: 91.66667%

@media (min-width: 768px) {

.col-md {

flex-basis:0;

flex-grow: 1;

max-width: 100%

.row-cols-md-1>* {

flex: 0 0 100%;

max-width: 100%

.row-cols-md-2>* {

flex: 0 0 50%;

max-width: 50%

.row-cols-md-3>* {

flex: 0 0 33.33333%;

max-width: 33.33333%
}

.row-cols-md-4>* {

flex: 0 0 25%;

max-width: 25%

.row-cols-md-5>* {

flex: 0 0 20%;

max-width: 20%

.row-cols-md-6>* {

flex: 0 0 16.66667%;

max-width: 16.66667%

.col-md-auto {

flex: 0 0 auto;

width: auto;

max-width: 100%

.col-md-1 {

flex: 0 0 8.33333%;

max-width: 8.33333%

.col-md-2 {

flex: 0 0 16.66667%;

max-width: 16.66667%
}

.col-md-3 {

flex: 0 0 25%;

max-width: 25%

.col-md-4 {

flex: 0 0 33.33333%;

max-width: 33.33333%

.col-md-5 {

flex: 0 0 41.66667%;

max-width: 41.66667%

.col-md-6 {

flex: 0 0 50%;

max-width: 50%

.col-md-7 {

flex: 0 0 58.33333%;

max-width: 58.33333%

.col-md-8 {

flex: 0 0 66.66667%;

max-width: 66.66667%

}
.col-md-9 {

flex: 0 0 75%;

max-width: 75%

.col-md-10 {

flex: 0 0 83.33333%;

max-width: 83.33333%

.col-md-11 {

flex: 0 0 91.66667%;

max-width: 91.66667%

.col-md-12 {

flex: 0 0 100%;

max-width: 100%

.order-md-first {

order: -1

.order-md-last {

order: 13

.order-md-0 {

order: 0
}

.order-md-1 {

order: 1

.order-md-2 {

order: 2

.order-md-3 {

order: 3

.order-md-4 {

order: 4

.order-md-5 {

order: 5

.order-md-6 {

order: 6

.order-md-7 {

order: 7

.order-md-8 {
 order: 8

.order-md-9 {

order: 9

.order-md-10 {

order: 10

.order-md-11 {

order: 11

.order-md-12 {

order: 12

.offset-md-0 {

margin-left: 0

.offset-md-1 {

margin-left: 8.33333%

.offset-md-2 {

margin-left: 16.66667%

}
.offset-md-3 {

margin-left: 25%

.offset-md-4 {

margin-left: 33.33333%

.offset-md-5 {

margin-left: 41.66667%

.offset-md-6 {

margin-left: 50%

.offset-md-7 {

margin-left: 58.33333%

.offset-md-8 {

margin-left: 66.66667%

.offset-md-9 {

margin-left: 75%

.offset-md-10 {

margin-left: 83.33333%

}
 .offset-md-11 {

margin-left: 91.66667%

@media (min-width: 992px) {

.col-lg {

flex-basis:0;

flex-grow: 1;

max-width: 100%

.row-cols-lg-1>* {

flex: 0 0 100%;

max-width: 100%

.row-cols-lg-2>* {

flex: 0 0 50%;

max-width: 50%

.row-cols-lg-3>* {

flex: 0 0 33.33333%;

max-width: 33.33333%

.row-cols-lg-4>* {

flex: 0 0 25%;

max-width: 25%
}

.row-cols-lg-5>* {

flex: 0 0 20%;

max-width: 20%

.row-cols-lg-6>* {

flex: 0 0 16.66667%;

max-width: 16.66667%

.col-lg-auto {

flex: 0 0 auto;

width: auto;

max-width: 100%

.col-lg-1 {

flex: 0 0 8.33333%;

max-width: 8.33333%

.col-lg-2 {

flex: 0 0 16.66667%;

max-width: 16.66667%

.col-lg-3 {

flex: 0 0 25%;

max-width: 25%
}

.col-lg-4 {

flex: 0 0 33.33333%;

max-width: 33.33333%

.col-lg-5 {

flex: 0 0 41.66667%;

max-width: 41.66667%

.col-lg-6 {

flex: 0 0 50%;

max-width: 499px;

.col-lg-7 {

flex: 0 0 58.33333%;

max-width: 58.33333%

.col-lg-8 {

flex: 0 0 66.66667%;

max-width: 66.66667%

.col-lg-9 {

flex: 0 0 75%;

max-width: 75%

}
.col-lg-10 {

flex: 0 0 83.33333%;

max-width: 83.33333%

.col-lg-11 {

flex: 0 0 91.66667%;

max-width: 91.66667%

.col-lg-12 {

flex: 0 0 100%;

max-width: 100%

.order-lg-first {

order: -1

.order-lg-last {

order: 13

.order-lg-0 {

order: 0

.order-lg-1 {

order: 1

}
.order-lg-2 {

order: 2

.order-lg-3 {

order: 3

.order-lg-4 {

order: 4

.order-lg-5 {

order: 5

.order-lg-6 {

order: 6

.order-lg-7 {

order: 7

.order-lg-8 {

order: 8

.order-lg-9 {

order: 9
}

.order-lg-10 {

order: 10

.order-lg-11 {

order: 11

.order-lg-12 {

order: 12

.offset-lg-0 {

margin-left: 0

.offset-lg-1 {

margin-left: 8.33333%

.offset-lg-2 {

margin-left: 16.66667%

.offset-lg-3 {

margin-left: 25%

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

.offset-lg-5 {

margin-left: 41.66667%

.offset-lg-6 {

margin-left: 50%

.offset-lg-7 {

margin-left: 58.33333%

.offset-lg-8 {

margin-left: 66.66667%

.offset-lg-9 {

margin-left: 75%

.offset-lg-10 {

margin-left: 83.33333%

.offset-lg-11 {

margin-left: 91.66667%

}
@media (min-width: 1200px) {

.col-xl {

flex-basis:0;

flex-grow: 1;

max-width: 100%

.row-cols-xl-1>* {

flex: 0 0 100%;

max-width: 100%

.row-cols-xl-2>* {

flex: 0 0 50%;

max-width: 50%

.row-cols-xl-3>* {

flex: 0 0 33.33333%;

max-width: 33.33333%

.row-cols-xl-4>* {

flex: 0 0 25%;

max-width: 25%

.row-cols-xl-5>* {

flex: 0 0 20%;

max-width: 20%
}

.row-cols-xl-6>* {

flex: 0 0 16.66667%;

max-width: 16.66667%

.col-xl-auto {

flex: 0 0 auto;

width: auto;

max-width: 100%

.col-xl-1 {

flex: 0 0 8.33333%;

max-width: 8.33333%

.col-xl-2 {

flex: 0 0 16.66667%;

max-width: 16.66667%

.col-xl-3 {

flex: 0 0 25%;

max-width: 25%

.col-xl-4 {

flex: 0 0 33.33333%;

max-width: 33.33333%
}

.col-xl-5 {

flex: 0 0 41.66667%;

max-width: 41.66667%

.col-xl-6 {

flex: 0 0 50%;

max-width: 50%

.col-xl-7 {

flex: 0 0 58.33333%;

max-width: 58.33333%

.col-xl-8 {

flex: 0 0 66.66667%;

max-width: 66.66667%

.col-xl-9 {

flex: 0 0 75%;

max-width: 75%

.col-xl-10 {

flex: auto;

max-width: 1300px;

margin-right: 400px;
 margin-left: -712px;

max-height: 731px;

.col-xl-11 {

flex: 0 0 91.66667%;

max-width: 91.66667%

.col-xl-12 {

flex: 0 0 100%;

max-width: 100%

.order-xl-first {

order: -1

.order-xl-last {

order: 13

.order-xl-0 {

order: 0

.order-xl-1 {

order: 1

.order-xl-2 {
 order: 2

.order-xl-3 {

order: 3

.order-xl-4 {

order: 4

.order-xl-5 {

order: 5

.order-xl-6 {

order: 6

.order-xl-7 {

order: 7

.order-xl-8 {

order: 8

.order-xl-9 {

order: 9

}
.order-xl-10 {

order: 10

.order-xl-11 {

order: 11

.order-xl-12 {

order: 12

.offset-xl-0 {

margin-left: 0

.offset-xl-1 {

margin-left: 8.33333%

.offset-xl-2 {

margin-left: 16.66667%

.offset-xl-3 {

margin-left: 25%

.offset-xl-4 {

margin-left: 33.33333%

}
 .offset-xl-5 {

margin-left: 41.66667%

.offset-xl-6 {

margin-left: 50%

.offset-xl-7 {

margin-left: 58.33333%

.offset-xl-8 {

margin-left: 66.66667%

.offset-xl-9 {

margin-left: 75%

.offset-xl-10 {

margin-left: 83.33333%

.offset-xl-11 {

margin-left: 91.66667%

.table {
 width: 100%;

margin-bottom: 1rem;

color: #4a5568

.table td,.table th {

padding: .75rem;

vertical-align: top;

border-top: 1px solid #e6edf4

.table thead th {

vertical-align: bottom;

border-bottom: 2px solid #e6edf4

.table tbody+tbody {

border-top: 2px solid #e6edf4

.table-sm td,.table-sm th {

padding: .3rem

.table-bordered {

border: 1px solid #e6edf4

.table-bordered td,.table-bordered th {

border: 1px solid #e6edf4

}
.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: #4a5568;

background-color: rgba(0,0,0,.075)

.table-primary,.table-primary>td,.table-primary>th {

background-color: #cdd8f6

.table-primary tbody+tbody,.table-primary td,.table-primary th,.table-primary thead th {

border-color: #a3b6ee

.table-hover .table-primary:hover {

background-color: #b7c7f2

.table-hover .table-primary:hover>td,.table-hover .table-primary:hover>th {

 background-color: #b7c7f2

.table-secondary,.table-secondary>td,.table-secondary>th {

background-color: #d7dbe2

.table-secondary tbody+tbody,.table-secondary td,.table-secondary th,.table-secondary thead th {

border-color: #b5bdc8

.table-hover .table-secondary:hover {

background-color: #c8ced7

.table-hover .table-secondary:hover>td,.table-hover .table-secondary:hover>th {

background-color: #c8ced7

.table-success,.table-success>td,.table-success>th {

background-color: #bff0de

.table-success tbody+tbody,.table-success td,.table-success th,.table-success thead th {

border-color: #89e2c2

.table-hover .table-success:hover {

background-color: #aaebd3

}
.table-hover .table-success:hover>td,.table-hover .table-success:hover>th {

background-color: #aaebd3

.table-info,.table-info>td,.table-info>th {

background-color: #c7ebf1

.table-info tbody+tbody,.table-info td,.table-info th,.table-info thead th {

border-color: #96dbe4

.table-hover .table-info:hover {

background-color: #b3e4ec

.table-hover .table-info:hover>td,.table-hover .table-info:hover>th {

background-color: #b3e4ec

.table-warning,.table-warning>td,.table-warning>th {

background-color: #fceec9

.table-warning tbody+tbody,.table-warning td,.table-warning th,.table-warning thead th {

border-color: #fadf9b

.table-hover .table-warning:hover {

background-color: #fbe6b1

}
.table-hover .table-warning:hover>td,.table-hover .table-warning:hover>th {

background-color: #fbe6b1

.table-danger,.table-danger>td,.table-danger>th {

background-color: #f8ccc8

.table-danger tbody+tbody,.table-danger td,.table-danger th,.table-danger thead th {

border-color: #f3a199

.table-hover .table-danger:hover {

background-color: #f5b7b1

.table-hover .table-danger:hover>td,.table-hover .table-danger:hover>th {

background-color: #f5b7b1

.table-light,.table-light>td,.table-light>th {

background-color: #fdfefe

.table-light tbody+tbody,.table-light td,.table-light th,.table-light thead th {

border-color: #fbfcfd

.table-hover .table-light:hover {

background-color: #ecf6f6
}

.table-hover .table-light:hover>td,.table-hover .table-light:hover>th {

background-color: #ecf6f6

.table-dark,.table-dark>td,.table-dark>th {

background-color: #c4c7cc

.table-dark tbody+tbody,.table-dark td,.table-dark th,.table-dark thead th {

border-color: #9297a0

.table-hover .table-dark:hover {

background-color: #b6bac0

.table-hover .table-dark:hover>td,.table-hover .table-dark:hover>th {

background-color: #b6bac0

.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: #2d3748;

border-color: #3c4960

.table .thead-light th {

color: #4a5568;

background-color: #edf2f7;

border-color: #e6edf4

.table-dark {

color: #fff;

background-color: #2d3748

.table-dark td,.table-dark th,.table-dark thead th {

border-color: #3c4960

.table-dark.table-bordered {

border: 0

.table-dark.table-striped tbody tr:nth-of-type(odd) {

background-color: rgba(255,255,255,.05)

}
.table-dark.table-hover tbody tr:hover {

color: #fff;

background-color: rgba(255,255,255,.075)

@media (max-width: 575.98px) {

.table-responsive-sm {

display:block;

width: 100%;

overflow-x: auto;

-webkit-overflow-scrolling: touch

.table-responsive-sm>.table-bordered {

border: 0

@media (max-width: 767.98px) {

.table-responsive-md {

display:block;

width: 100%;

overflow-x: auto;

-webkit-overflow-scrolling: touch

.table-responsive-md>.table-bordered {

border: 0

}
@media (max-width: 991.98px) {

.table-responsive-lg {

display:block;

width: 100%;

overflow-x: auto;

-webkit-overflow-scrolling: touch

.table-responsive-lg>.table-bordered {

border: 0

@media (max-width: 1199.98px) {

.table-responsive-xl {

display:block;

width: 100%;

overflow-x: auto;

-webkit-overflow-scrolling: touch

.table-responsive-xl>.table-bordered {

border: 0

.table-responsive {

display: block;

width: 100%;

overflow-x: auto;
 -webkit-overflow-scrolling: touch

.table-responsive>.table-bordered {

border: 0

.form-control {

display: block;

width: 100%;

height: calc(1.5em + .75rem + 2px);

padding: .375rem .75rem;

font-size: .875rem;

font-weight: 400;

line-height: 1.5;

color: #4a5568;

background-color: #fff;

background-clip: padding-box;

border: 1px solid #cbd5e0;

border-radius: .35rem;

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:focus {

color: #4a5568;

background-color: #fff;

border-color: #bac8f3;

outline: 0;

box-shadow: 0 0 0 .2rem rgba(78,115,223,.25)

.form-control::-webkit-input-placeholder {

color: #718096;

opacity: 1

.form-control::-moz-placeholder {

color: #718096;

opacity: 1

.form-control:-ms-input-placeholder {

color: #718096;

opacity: 1

.form-control::-ms-input-placeholder {

color: #718096;

opacity: 1

}
.form-control::placeholder {

color: #718096;

opacity: 1

.form-control:disabled,.form-control[readonly] {

background-color: #edf2f7;

opacity: 1

input[type=date].form-control,input[type=datetime-local].form-control,input[type=month].form-
control,input[type=time].form-control {

-webkit-appearance: none;

-moz-appearance: none;

appearance: none

select.form-control:-moz-focusring {

color: transparent;

text-shadow: 0 0 0 #4a5568

select.form-control:focus::-ms-value {

color: #4a5568;

background-color: #fff

.form-control-file,.form-control-range {

display: block;

width: 100%

}
.col-form-label {

padding-top: calc(.375rem + 1px);

padding-bottom: calc(.375rem + 1px);

margin-bottom: 0;

font-size: inherit;

line-height: 1.5

.col-form-label-lg {

padding-top: calc(.5rem + 1px);

padding-bottom: calc(.5rem + 1px);

font-size: 1.09375rem;

line-height: 1.5

.col-form-label-sm {

padding-top: calc(.25rem + 1px);

padding-bottom: calc(.25rem + 1px);

font-size: .76563rem;

line-height: 1.5

.form-control-plaintext {

display: block;

width: 100%;

padding: .375rem 0;

margin-bottom: 0;

font-size: .875rem;

line-height: 1.5;

color: #4a5568;
 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: .76563rem;

line-height: 1.5;

border-radius: .2rem

.form-control-lg {

height: calc(1.5em + 1rem + 2px);

padding: .5rem 1rem;

font-size: 1.09375rem;

line-height: 1.5;

border-radius: .3rem

select.form-control[multiple],select.form-control[size] {

height: auto

textarea.form-control {
 height: auto

.form-group {

margin-bottom: 1rem

.form-text {

display: block;

margin-top: .25rem

.form-row {

display: flex;

flex-wrap: wrap;

margin-right: -5px;

margin-left: -5px

.form-row>.col,.form-row>[class*=col-] {

padding-right: 5px;

padding-left: 5px

.form-check {

position: relative;

display: block;

padding-left: 1.25rem

.form-check-input {
 position: absolute;

margin-top: .3rem;

margin-left: -1.25rem

.form-check-input:disabled~.form-check-label,.form-check-input[disabled]~.form-check-label {

color: #718096

.form-check-label {

margin-bottom: 0

.form-check-inline {

display: inline-flex;

align-items: center;

padding-left: 0;

margin-right: .75rem

.form-check-inline .form-check-input {

position: static;

margin-top: 0;

margin-right: .3125rem;

margin-left: 0

.valid-feedback {

display: none;

width: 100%;

margin-top: .25rem;
 font-size: 90%;

color: #1cc88a

.valid-tooltip {

position: absolute;

top: 100%;

left: 0;

z-index: 5;

display: none;

max-width: 100%;

padding: .25rem .5rem;

margin-top: .1rem;

font-size: .76563rem;

line-height: 1.5;

color: #fff;

background-color: rgba(28,200,138,.9);

border-radius: .35rem

.form-row>.col>.valid-tooltip,.form-row>[class*=col-]>.valid-tooltip {

left: 5px

.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: #1cc88a;
 padding-right: calc(1.5em + .75rem)!important;

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='%231cc88a' 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: #1cc88a;

box-shadow: 0 0 0 .2rem rgba(28,200,138,.25)

.was-validated select.form-control:valid,select.form-control.is-valid {

padding-right: 3rem!important;

background-position: right 1.5rem center

.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: #1cc88a;

padding-right: calc(.75em + 2.3125rem)!important;

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='%232d3748' d='M2 0L0 2h4zm0 5L0 3h4z'/%3e%3c/svg
%3e") right .75rem center/8px 10px no-repeat,#fff 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='%231cc88a' 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") center right 1.75rem/calc(.75em + .375rem) calc(.75em
+ .375rem) no-repeat
}

.custom-select.is-valid:focus,.was-validated .custom-select:valid:focus {

border-color: #1cc88a;

box-shadow: 0 0 0 .2rem rgba(28,200,138,.25)

.form-check-input.is-valid~.form-check-label,.was-validated .form-check-input:valid~.form-check-
label {

color: #1cc88a

.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: #1cc88a

.custom-control-input.is-valid~.custom-control-label::before,.was-validated .custom-control-
input:valid~.custom-control-label::before {

border-color: #1cc88a

.custom-control-input.is-valid:checked~.custom-control-label::before,.was-validated .custom-control-
input:valid:checked~.custom-control-label::before {

border-color: #34e3a4;

background-color: #34e3a4

}
.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(28,200,138,.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: #1cc88a

.custom-file-input.is-valid~.custom-file-label,.was-validated .custom-file-input:valid~.custom-file-
label {

border-color: #1cc88a

.custom-file-input.is-valid:focus~.custom-file-label,.was-validated .custom-file-
input:valid:focus~.custom-file-label {

border-color: #1cc88a;

box-shadow: 0 0 0 .2rem rgba(28,200,138,.25)

.invalid-feedback {

display: none;

width: 100%;

margin-top: .25rem;

font-size: 90%;

color: #e74a3b

.invalid-tooltip {

position: absolute;
 top: 100%;

left: 0;

z-index: 5;

display: none;

max-width: 100%;

padding: .25rem .5rem;

margin-top: .1rem;

font-size: .76563rem;

line-height: 1.5;

color: #fff;

background-color: rgba(231,74,59,.9);

border-radius: .35rem

.form-row>.col>.invalid-tooltip,.form-row>[class*=col-]>.invalid-tooltip {

left: 5px

.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: #e74a3b;

padding-right: calc(1.5em + .75rem)!important;

background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg'

width='12' height='12' fill='none' stroke='%23e74a3b' 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='%23e74a3b' 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: #e74a3b;

box-shadow: 0 0 0 .2rem rgba(231,74,59,.25)

.was-validated select.form-control:invalid,select.form-control.is-invalid {

padding-right: 3rem!important;

background-position: right 1.5rem center

.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: #e74a3b;

padding-right: calc(.75em + 2.3125rem)!important;

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='%232d3748' d='M2 0L0 2h4zm0 5L0 3h4z'/%3e%3c/svg
%3e") right .75rem center/8px 10px no-repeat,#fff url("data:image/svg+xml,%3csvg
xmlns='http://www.w3.org/2000/svg' width='12' height='12' fill='none' stroke='%23e74a3b'
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='%23e74a3b' stroke='none'/%3e%3c/svg%3e")
center right 1.75rem/calc(.75em + .375rem) calc(.75em + .375rem) no-repeat

.custom-select.is-invalid:focus,.was-validated .custom-select:invalid:focus {

border-color: #e74a3b;

box-shadow: 0 0 0 .2rem rgba(231,74,59,.25)

}

.form-check-input.is-invalid~.form-check-label,.was-validated .form-check-input:invalid~.form-check-
label {

color: #e74a3b

.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: #e74a3b

.custom-control-input.is-invalid~.custom-control-label::before,.was-validated .custom-control-
input:invalid~.custom-control-label::before {

border-color: #e74a3b

.custom-control-input.is-invalid:checked~.custom-control-label::before,.was-validated .custom-
control-input:invalid:checked~.custom-control-label::before {

border-color: #ed7468;

background-color: #ed7468

.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(231,74,59,.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: #e74a3b

.custom-file-input.is-invalid~.custom-file-label,.was-validated .custom-file-input:invalid~.custom-file-
label {

border-color: #e74a3b

.custom-file-input.is-invalid:focus~.custom-file-label,.was-validated .custom-file-
input:invalid:focus~.custom-file-label {

border-color: #e74a3b;

box-shadow: 0 0 0 .2rem rgba(231,74,59,.25)

.form-inline {

display: flex;

flex-flow: row wrap;

align-items: center

.form-inline .form-check {

width: 100%

@media (min-width: 576px) {

.form-inline label {

display:flex;

align-items: center;

justify-content: center;
 margin-bottom: 0

.form-inline .form-group {

display: flex;

flex: 0 0 auto;

flex-flow: row wrap;

align-items: center;

margin-bottom: 0

.form-inline .form-control {

display: inline-block;

width: auto;

vertical-align: middle

.form-inline .form-control-plaintext {

display: inline-block

.form-inline .custom-select,.form-inline .input-group {

width: auto

.form-inline .form-check {

display: flex;

align-items: center;

justify-content: center;

width: auto;

padding-left: 0
 }

.form-inline .form-check-input {

position: relative;

flex-shrink: 0;

margin-top: 0;

margin-right: .25rem;

margin-left: 0

.form-inline .custom-control {

align-items: center;

justify-content: center

.form-inline .custom-control-label {

margin-bottom: 0

.btn {

display: inline-block;

font-weight: 400;

color: #4a5568;

text-align: center;

vertical-align: middle;

-webkit-user-select: none;

-moz-user-select: none;

-ms-user-select: none;

user-select: none;

background-color: transparent;
 border: 1px solid transparent;

padding: .375rem .75rem;

font-size: .875rem;

line-height: 1.5;

border-radius: .35rem;

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: #4a5568;

text-decoration: none

.btn.focus,.btn:focus {

outline: 0;

box-shadow: 0 0 0 .2rem rgba(78,115,223,.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: #4e73df;

border-color: #4e73df

.btn-primary:hover {

color: #fff;

background-color: #2e59d9;

border-color: #2653d4

.btn-primary.focus,.btn-primary:focus {

color: #fff;

background-color: #2e59d9;

border-color: #2653d4;

box-shadow: 0 0 0 .2rem rgba(105,136,228,.5)

.btn-primary.disabled,.btn-primary:disabled {

color: #fff;

background-color: #4e73df;

border-color: #4e73df

}
.btn-primary:not(:disabled):not(.disabled).active,.btn-
primary:not(:disabled):not(.disabled):active,.show>.btn-primary.dropdown-toggle {

color: #fff;

background-color: #2653d4;

border-color: #244ec9

.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(105,136,228,.5)

.btn-secondary {

color: #fff;

background-color: #718096;

border-color: #718096

.btn-secondary:hover {

color: #fff;

background-color: #606d81;

border-color: #5a677a

.btn-secondary.focus,.btn-secondary:focus {

color: #fff;

background-color: #606d81;

border-color: #5a677a;

box-shadow: 0 0 0 .2rem rgba(134,147,166,.5)

.btn-secondary.disabled,.btn-secondary:disabled {
 color: #fff;

background-color: #718096;

border-color: #718096

.btn-secondary:not(:disabled):not(.disabled).active,.btn-
secondary:not(:disabled):not(.disabled):active,.show>.btn-secondary.dropdown-toggle {

color: #fff;

background-color: #5a677a;

border-color: #556173

.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(134,147,166,.5)

.btn-success {

color: #fff;

background-color: #1cc88a;

border-color: #1cc88a

.btn-success:hover {

color: #fff;

background-color: #17a673;

border-color: #169b6b

.btn-success.focus,.btn-success:focus {

color: #fff;

background-color: #17a673;
 border-color: #169b6b;

box-shadow: 0 0 0 .2rem rgba(62,208,156,.5)

.btn-success.disabled,.btn-success:disabled {

color: #fff;

background-color: #1cc88a;

border-color: #1cc88a

.btn-success:not(:disabled):not(.disabled).active,.btn-
success:not(:disabled):not(.disabled):active,.show>.btn-success.dropdown-toggle {

color: #fff;

background-color: #169b6b;

border-color: #149063

.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(62,208,156,.5)

.btn-info {

color: #fff;

background-color: #36b9cc;

border-color: #36b9cc

.btn-info:hover {

color: #fff;

background-color: #2c9faf;

border-color: #2a96a5
}

.btn-info.focus,.btn-info:focus {

color: #fff;

background-color: #2c9faf;

border-color: #2a96a5;

box-shadow: 0 0 0 .2rem rgba(84,196,212,.5)

.btn-info.disabled,.btn-info:disabled {

color: #fff;

background-color: #36b9cc;

border-color: #36b9cc

.btn-info:not(:disabled):not(.disabled).active,.btn-
info:not(:disabled):not(.disabled):active,.show>.btn-info.dropdown-toggle {

color: #fff;

background-color: #2a96a5;

border-color: #278c9b

.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(84,196,212,.5)

.btn-warning {

color: #fff;

background-color: #f6c23e;

border-color: #f6c23e

}
.btn-warning:hover {

color: #fff;

background-color: #f4b619;

border-color: #f4b30d

.btn-warning.focus,.btn-warning:focus {

color: #fff;

background-color: #f4b619;

border-color: #f4b30d;

box-shadow: 0 0 0 .2rem rgba(247,203,91,.5)

.btn-warning.disabled,.btn-warning:disabled {

color: #fff;

background-color: #f6c23e;

border-color: #f6c23e

.btn-warning:not(:disabled):not(.disabled).active,.btn-
warning:not(:disabled):not(.disabled):active,.show>.btn-warning.dropdown-toggle {

color: #fff;

background-color: #f4b30d;

border-color: #e9aa0b

.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(247,203,91,.5)

}
.btn-danger {

color: #fff;

background-color: #e74a3b;

border-color: #e74a3b

.btn-danger:hover {

color: #fff;

background-color: #e02d1b;

border-color: #d52a1a

.btn-danger.focus,.btn-danger:focus {

color: #fff;

background-color: #e02d1b;

border-color: #d52a1a;

box-shadow: 0 0 0 .2rem rgba(235,101,88,.5)

.btn-danger.disabled,.btn-danger:disabled {

color: #fff;

background-color: #e74a3b;

border-color: #e74a3b

.btn-danger:not(:disabled):not(.disabled).active,.btn-
danger:not(:disabled):not(.disabled):active,.show>.btn-danger.dropdown-toggle {

color: #fff;

background-color: #d52a1a;

border-color: #ca2819

}
.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(235,101,88,.5)

.btn-light {

color: #1a202c;

background-color: #f7fafc;

border-color: #f7fafc

.btn-light:hover {

color: #1a202c;

background-color: #dbe9f2;

border-color: #d2e3ee

.btn-light.focus,.btn-light:focus {

color: #1a202c;

background-color: #dbe9f2;

border-color: #d2e3ee;

box-shadow: 0 0 0 .2rem rgba(214,217,221,.5)

.btn-light.disabled,.btn-light:disabled {

color: #1a202c;

background-color: #f7fafc;

border-color: #f7fafc

}
.btn-light:not(:disabled):not(.disabled).active,.btn-
light:not(:disabled):not(.disabled):active,.show>.btn-light.dropdown-toggle {

color: #1a202c;

background-color: #d2e3ee;

border-color: #c9ddeb

.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(214,217,221,.5)

.btn-dark {

color: #fff;

background-color: #2d3748;

border-color: #2d3748

.btn-dark:hover {

color: #fff;

background-color: #1e2530;

border-color: #191f29

.btn-dark.focus,.btn-dark:focus {

color: #fff;

background-color: #1e2530;

border-color: #191f29;

box-shadow: 0 0 0 .2rem rgba(77,85,99,.5)

.btn-dark.disabled,.btn-dark:disabled {
 color: #fff;

background-color: #2d3748;

border-color: #2d3748

.btn-dark:not(:disabled):not(.disabled).active,.btn-
dark:not(:disabled):not(.disabled):active,.show>.btn-dark.dropdown-toggle {

color: #fff;

background-color: #191f29;

border-color: #141921

.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(77,85,99,.5)

.btn-outline-primary {

color: #4e73df;

border-color: #4e73df

.btn-outline-primary:hover {

color: #fff;

background-color: #4e73df;

border-color: #4e73df

.btn-outline-primary.focus,.btn-outline-primary:focus {

box-shadow: 0 0 0 .2rem rgba(78,115,223,.5)

}
.btn-outline-primary.disabled,.btn-outline-primary:disabled {

color: #4e73df;

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: #4e73df;

border-color: #4e73df

.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(78,115,223,.5)

.btn-outline-secondary {

color: #718096;

border-color: #718096

.btn-outline-secondary:hover {

color: #fff;

background-color: #718096;

border-color: #718096

.btn-outline-secondary.focus,.btn-outline-secondary:focus {

box-shadow: 0 0 0 .2rem rgba(113,128,150,.5)

}
.btn-outline-secondary.disabled,.btn-outline-secondary:disabled {

color: #718096;

background-color: transparent

.btn-outline-secondary:not(:disabled):not(.disabled).active,.btn-outline-
secondary:not(:disabled):not(.disabled):active,.show>.btn-outline-secondary.dropdown-toggle {

color: #fff;

background-color: #718096;

border-color: #718096

.btn-outline-secondary:not(:disabled):not(.disabled).active:focus,.btn-outline-
secondary:not(:disabled):not(.disabled):active:focus,.show>.btn-outline-secondary.dropdown-
toggle:focus {

box-shadow: 0 0 0 .2rem rgba(113,128,150,.5)

.btn-outline-success {

color: #1cc88a;

border-color: #1cc88a

.btn-outline-success:hover {

color: #fff;

background-color: #1cc88a;

border-color: #1cc88a

.btn-outline-success.focus,.btn-outline-success:focus {

box-shadow: 0 0 0 .2rem rgba(28,200,138,.5)

}

.btn-outline-success.disabled,.btn-outline-success:disabled {

color: #1cc88a;

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: #1cc88a;

border-color: #1cc88a

.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(28,200,138,.5)

.btn-outline-info {

color: #36b9cc;

border-color: #36b9cc

.btn-outline-info:hover {

color: #fff;

background-color: #36b9cc;

border-color: #36b9cc

.btn-outline-info.focus,.btn-outline-info:focus {
 box-shadow: 0 0 0 .2rem rgba(54,185,204,.5)

.btn-outline-info.disabled,.btn-outline-info:disabled {

color: #36b9cc;

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: #36b9cc;

border-color: #36b9cc

.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(54,185,204,.5)

.btn-outline-warning {

color: #f6c23e;

border-color: #f6c23e

.btn-outline-warning:hover {

color: #fff;

background-color: #f6c23e;

border-color: #f6c23e

.btn-outline-warning.focus,.btn-outline-warning:focus {
 box-shadow: 0 0 0 .2rem rgba(246,194,62,.5)

.btn-outline-warning.disabled,.btn-outline-warning:disabled {

color: #f6c23e;

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: #fff;

background-color: #f6c23e;

border-color: #f6c23e

.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(246,194,62,.5)

.btn-outline-danger {

color: #e74a3b;

border-color: #e74a3b

.btn-outline-danger:hover {

color: #fff;

background-color: #e74a3b;

border-color: #e74a3b

}
.btn-outline-danger.focus,.btn-outline-danger:focus {

box-shadow: 0 0 0 .2rem rgba(231,74,59,.5)

.btn-outline-danger.disabled,.btn-outline-danger:disabled {

color: #e74a3b;

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: #e74a3b;

border-color: #e74a3b

.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(231,74,59,.5)

.btn-outline-light {

color: #f7fafc;

border-color: #f7fafc

.btn-outline-light:hover {

color: #1a202c;

background-color: #f7fafc;

border-color: #f7fafc

}
.btn-outline-light.focus,.btn-outline-light:focus {

box-shadow: 0 0 0 .2rem rgba(247,250,252,.5)

.btn-outline-light.disabled,.btn-outline-light:disabled {

color: #f7fafc;

background-color: transparent

.btn-outline-light:not(:disabled):not(.disabled).active,.btn-outline-
light:not(:disabled):not(.disabled):active,.show>.btn-outline-light.dropdown-toggle {

color: #1a202c;

background-color: #f7fafc;

border-color: #f7fafc

.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(247,250,252,.5)

.btn-outline-dark {

color: #2d3748;

border-color: #2d3748

.btn-outline-dark:hover {

color: #fff;

background-color: #2d3748;

border-color: #2d3748

}
.btn-outline-dark.focus,.btn-outline-dark:focus {

box-shadow: 0 0 0 .2rem rgba(45,55,72,.5)

.btn-outline-dark.disabled,.btn-outline-dark:disabled {

color: #2d3748;

background-color: transparent

.btn-outline-dark:not(:disabled):not(.disabled).active,.btn-outline-
dark:not(:disabled):not(.disabled):active,.show>.btn-outline-dark.dropdown-toggle {

color: #fff;

background-color: #2d3748;

border-color: #2d3748

.btn-outline-dark:not(:disabled):not(.disabled).active:focus,.btn-outline-
dark:not(:disabled):not(.disabled):active:focus,.show>.btn-outline-dark.dropdown-toggle:focus {

box-shadow: 0 0 0 .2rem rgba(45,55,72,.5)

.btn-link {

font-weight: 400;

color: #4e73df;

text-decoration: none

.btn-link:hover {

color: #224abe;

text-decoration: underline

}
.btn-link.focus,.btn-link:focus {

text-decoration: underline

.btn-link.disabled,.btn-link:disabled {

color: #718096;

pointer-events: none

.btn-group-lg>.btn,.btn-lg {

padding: .5rem 1rem;

font-size: 1.09375rem;

line-height: 1.5;

border-radius: .3rem

.btn-group-sm>.btn,.btn-sm {

padding: .25rem .5rem;

font-size: .76563rem;

line-height: 1.5;

border-radius: .2rem

.btn-block {

display: block;

width: 100%

.btn-block+.btn-block {

margin-top: .5rem
}

input[type=button].btn-block,input[type=reset].btn-block,input[type=submit].btn-block {

width: 100%

.fade {

transition: opacity .15s linear

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

.fade {

transition: none

.fade:not(.show) {

opacity: 0

.collapse:not(.show) {

display: none

.collapsing {

position: relative;

height: 0;

overflow: hidden;

transition: height .35s ease

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

.collapsing {

transition: none

.collapsing.width {

width: 0;

height: auto;

transition: width .35s ease

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

.collapsing.width {

transition: none

.dropdown,.dropleft,.dropright,.dropup {

position: relative

.dropdown-toggle {

white-space: nowrap

.dropdown-toggle::after {

display: inline-block;

margin-left: .255em;

vertical-align: .255em;

content: "";
 border-top: .3em solid;

border-right: .3em solid transparent;

border-bottom: 0;

border-left: .3em solid transparent

.dropdown-toggle:empty::after {

margin-left: 0

.dropdown-menu {

position: absolute;

top: 100%;

left: 0;

z-index: 1000;

display: none;

float: left;

min-width: 10rem;

padding: .5rem 0;

margin: .125rem 0 0;

font-size: .85rem;

color: #4a5568;

text-align: left;

list-style: none;

background-color: #fff;

background-clip: padding-box;

border: 1px solid #e6edf4;

border-radius: .35rem

.dropdown-menu-left {
 right: auto;

left: 0

.dropdown-menu-right {

right: 0;

left: auto

@media (min-width: 576px) {

.dropdown-menu-sm-left {

right:auto;

left: 0

.dropdown-menu-sm-right {

right: 0;

left: auto

@media (min-width: 768px) {

.dropdown-menu-md-left {

right:auto;

left: 0

.dropdown-menu-md-right {

right: 0;

left: auto

}
}

@media (min-width: 992px) {

.dropdown-menu-lg-left {

right:auto;

left: 0

.dropdown-menu-lg-right {

right: 0;

left: auto

@media (min-width: 1200px) {

.dropdown-menu-xl-left {

right:auto;

left: 0

.dropdown-menu-xl-right {

right: 0;

left: auto

.dropup .dropdown-menu {

top: auto;

bottom: 100%;

margin-top: 0;

margin-bottom: .125rem
}

.dropup .dropdown-toggle::after {

display: inline-block;

margin-left: .255em;

vertical-align: .255em;

content: "";

border-top: 0;

border-right: .3em solid transparent;

border-bottom: .3em solid;

border-left: .3em solid transparent

.dropup .dropdown-toggle:empty::after {

margin-left: 0

.dropright .dropdown-menu {

top: 0;

right: auto;

left: 100%;

margin-top: 0;

margin-left: .125rem

.dropright .dropdown-toggle::after {

display: inline-block;

margin-left: .255em;

vertical-align: .255em;

content: "";

border-top: .3em solid transparent;

 border-right: 0;

border-bottom: .3em solid transparent;

border-left: .3em solid

.dropright .dropdown-toggle:empty::after {

margin-left: 0

.dropright .dropdown-toggle::after {

vertical-align: 0

.dropleft .dropdown-menu {

top: 0;

right: 100%;

left: auto;

margin-top: 0;

margin-right: .125rem

.dropleft .dropdown-toggle::after {

display: inline-block;

margin-left: .255em;

vertical-align: .255em;

content: ""

.dropleft .dropdown-toggle::after {

display: none

}
.dropleft .dropdown-toggle::before {

display: inline-block;

margin-right: .255em;

vertical-align: .255em;

content: "";

border-top: .3em solid transparent;

border-right: .3em solid;

border-bottom: .3em solid transparent

.dropleft .dropdown-toggle:empty::after {

margin-left: 0

.dropleft .dropdown-toggle::before {

vertical-align: 0

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

right: auto;

bottom: auto

.dropdown-divider {

height: 0;

margin: .5rem 0;

overflow: hidden;

border-top: 1px solid #edf2f7

}
.dropdown-item {

display: block;

width: 100%;

padding: .25rem 1.5rem;

clear: both;

font-weight: 400;

color: #1a202c;

text-align: inherit;

white-space: nowrap;

background-color: transparent;

border: 0

.dropdown-item:focus,.dropdown-item:hover {

color: #11141c;

text-decoration: none;

background-color: #edf2f7

.dropdown-item.active,.dropdown-item:active {

color: #fff;

text-decoration: none;

background-color: #4e73df

.dropdown-item.disabled,.dropdown-item:disabled {

color: #a0aec0;

pointer-events: none;

background-color: transparent

}
.dropdown-menu.show {

display: block

.dropdown-header {

display: block;

padding: .5rem 1.5rem;

margin-bottom: 0;

font-size: .76563rem;

color: #718096;

white-space: nowrap

.dropdown-item-text {

display: block;

padding: .25rem 1.5rem;

color: #1a202c

.btn-group,.btn-group-vertical {

position: relative;

display: inline-flex;

vertical-align: middle

.btn-group-vertical>.btn,.btn-group>.btn {

position: relative;

flex: 1 1 auto

}
.btn-group-vertical>.btn:hover,.btn-group>.btn:hover {

z-index: 1

.btn-group-vertical>.btn.active,.btn-group-vertical>.btn:active,.btn-group-vertical>.btn:focus,.btn-
group>.btn.active,.btn-group>.btn:active,.btn-group>.btn:focus {

z-index: 1

.btn-toolbar {

display: flex;

flex-wrap: wrap;

justify-content: flex-start

.btn-toolbar .input-group {

width: auto

.btn-group>.btn-group:not(:first-child),.btn-group>.btn:not(:first-child) {

margin-left: -1px

.btn-group>.btn-group:not(:last-child)>.btn,.btn-group>.btn:not(:last-child):not(.dropdown-toggle) {

border-top-right-radius: 0;

border-bottom-right-radius: 0

.btn-group>.btn-group:not(:first-child)>.btn,.btn-group>.btn:not(:first-child) {

border-top-left-radius: 0;

border-bottom-left-radius: 0
}

.dropdown-toggle-split {

padding-right: .5625rem;

padding-left: .5625rem

.dropdown-toggle-split::after,.dropright .dropdown-toggle-split::after,.dropup .dropdown-toggle-

split::after {

margin-left: 0

.dropleft .dropdown-toggle-split::before {

margin-right: 0

.btn-group-sm>.btn+.dropdown-toggle-split,.btn-sm+.dropdown-toggle-split {

padding-right: .375rem;

padding-left: .375rem

.btn-group-lg>.btn+.dropdown-toggle-split,.btn-lg+.dropdown-toggle-split {

padding-right: .75rem;

padding-left: .75rem

.btn-group-vertical {

flex-direction: column;

align-items: flex-start;

justify-content: center

}
.btn-group-vertical>.btn,.btn-group-vertical>.btn-group {

width: 100%

.btn-group-vertical>.btn-group:not(:first-child),.btn-group-vertical>.btn:not(:first-child) {

margin-top: -1px

.btn-group-vertical>.btn-group:not(:last-child)>.btn,.btn-group-vertical>.btn:not(:last-
child):not(.dropdown-toggle) {

border-bottom-right-radius: 0;

border-bottom-left-radius: 0

.btn-group-vertical>.btn-group:not(:first-child)>.btn,.btn-group-vertical>.btn:not(:first-child) {

border-top-left-radius: 0;

border-top-right-radius: 0

.btn-group-toggle>.btn,.btn-group-toggle>.btn-group>.btn {

margin-bottom: 0

.btn-group-toggle>.btn input[type=checkbox],.btn-group-toggle>.btn input[type=radio],.btn-group-

toggle>.btn-group>.btn input[type=checkbox],.btn-group-toggle>.btn-group>.btn input[type=radio] {

position: absolute;

clip: rect(0,0,0,0);

pointer-events: none

.input-group {
 position: relative;

display: flex;

flex-wrap: wrap;

align-items: stretch;

width: 100%

.input-group>.custom-file,.input-group>.custom-select,.input-group>.form-control,.input-
group>.form-control-plaintext {

position: relative;

flex: 1 1 auto;

width: 1%;

min-width: 0;

margin-bottom: 0

.input-group>.custom-file+.custom-file,.input-group>.custom-file+.custom-select,.input-
group>.custom-file+.form-control,.input-group>.custom-select+.custom-file,.input-group>.custom-
select+.custom-select,.input-group>.custom-select+.form-control,.input-group>.form-
control+.custom-file,.input-group>.form-control+.custom-select,.input-group>.form-control+.form-
control,.input-group>.form-control-plaintext+.custom-file,.input-group>.form-control-
plaintext+.custom-select,.input-group>.form-control-plaintext+.form-control {

margin-left: -1px

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

z-index: 3

.input-group>.custom-file .custom-file-input:focus {

z-index: 4

}
.input-group>.custom-select:not(:first-child),.input-group>.form-control:not(:first-child) {

border-top-left-radius: 0;

border-bottom-left-radius: 0

.input-group>.custom-file {

display: flex;

align-items: center

.input-group>.custom-file:not(:last-child) .custom-file-label,.input-group>.custom-file:not(:last-
child) .custom-file-label::after {

border-top-right-radius: 0;

border-bottom-right-radius: 0

.input-group>.custom-file:not(:first-child) .custom-file-label {

border-top-left-radius: 0;

border-bottom-left-radius: 0

.input-group:not(.has-validation)>.custom-file:not(:last-child) .custom-file-label,.input-
group:not(.has-validation)>.custom-file:not(:last-child) .custom-file-label::after,.input-group:not(.has-
validation)>.custom-select:not(:last-child),.input-group:not(.has-validation)>.form-control:not(:last-
child) {

border-top-right-radius: 0;

border-bottom-right-radius: 0

.input-group.has-validation>.custom-file:nth-last-child(n+3) .custom-file-label,.input-group.has-
validation>.custom-file:nth-last-child(n+3) .custom-file-label::after,.input-group.has-
validation>.custom-select:nth-last-child(n+3),.input-group.has-validation>.form-control:nth-last-
child(n+3) {

border-top-right-radius: 0;

border-bottom-right-radius: 0

.input-group-append,.input-group-prepend {

display: flex

.input-group-append .btn,.input-group-prepend .btn {

position: relative;

z-index: 2

.input-group-append .btn:focus,.input-group-prepend .btn:focus {

z-index: 3

.input-group-append .btn+.btn,.input-group-append .btn+.input-group-text,.input-group-

append .input-group-text+.btn,.input-group-append .input-group-text+.input-group-text,.input-
group-prepend .btn+.btn,.input-group-prepend .btn+.input-group-text,.input-group-prepend .input-
group-text+.btn,.input-group-prepend .input-group-text+.input-group-text {

margin-left: -1px

.input-group-prepend {

margin-right: -1px

.input-group-append {

margin-left: -1px
}

.input-group-text {

display: flex;

align-items: center;

padding: .375rem .75rem;

margin-bottom: 0;

font-size: .875rem;

font-weight: 400;

line-height: 1.5;

color: #4a5568;

text-align: center;

white-space: nowrap;

background-color: #edf2f7;

border: 1px solid #cbd5e0;

border-radius: .35rem

.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.09375rem;

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: .76563rem;

line-height: 1.5;

border-radius: .2rem

.input-group-lg>.custom-select,.input-group-sm>.custom-select {

padding-right: 1.75rem

.input-group.has-validation>.input-group-append:nth-last-child(n+3)>.btn,.input-group.has-
validation>.input-group-append:nth-last-child(n+3)>.input-group-text,.input-group:not(.has-
validation)>.input-group-append:not(:last-child)>.btn,.input-group:not(.has-validation)>.input-group-
append:not(:last-child)>.input-group-text,.input-group>.input-group-append:last-child>.btn:not(:last-
child):not(.dropdown-toggle),.input-group>.input-group-append:last-child>.input-group-
text:not(:last-child),.input-group>.input-group-prepend>.btn,.input-group>.input-group-
prepend>.input-group-text {

border-top-right-radius: 0;

border-bottom-right-radius: 0

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

border-bottom-left-radius: 0

.custom-control {

position: relative;

z-index: 1;

display: block;

min-height: 1.3125rem;

padding-left: 1.5rem;

print-color-adjust: exact

.custom-control-inline {

display: inline-flex;

margin-right: 1rem

.custom-control-input {

position: absolute;

left: 0;

z-index: -1;

width: 1rem;

height: 1.15625rem;

opacity: 0

.custom-control-input:checked~.custom-control-label::before {

color: #fff;

border-color: #4e73df;

background-color: #4e73df
}

.custom-control-input:focus~.custom-control-label::before {

box-shadow: 0 0 0 .2rem rgba(78,115,223,.25)

.custom-control-input:focus:not(:checked)~.custom-control-label::before {

border-color: #bac8f3

.custom-control-input:not(:disabled):active~.custom-control-label::before {

color: #fff;

background-color: #e5ebfa;

border-color: #e5ebfa

.custom-control-input:disabled~.custom-control-label,.custom-control-input[disabled]~.custom-
control-label {

color: #718096

.custom-control-input:disabled~.custom-control-label::before,.custom-control-
input[disabled]~.custom-control-label::before {

background-color: #edf2f7

.custom-control-label {

position: relative;

margin-bottom: 0;

vertical-align: top

}
.custom-control-label::before {

position: absolute;

top: .15625rem;

left: -1.5rem;

display: block;

width: 1rem;

height: 1rem;

pointer-events: none;

content: "";

background-color: #fff;

border: 1px solid #a0aec0

.custom-control-label::after {

position: absolute;

top: .15625rem;

left: -1.5rem;

display: block;

width: 1rem;

height: 1rem;

content: "";

background: 50%/50% 50% no-repeat

.custom-checkbox .custom-control-label::before {

border-radius: .35rem

.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: #4e73df;

background-color: #4e73df

.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(78,115,223,.5)

.custom-checkbox .custom-control-input:disabled:indeterminate~.custom-control-label::before {

background-color: rgba(78,115,223,.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(78,115,223,.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(.15625rem + 2px);

left: calc(-2.25rem + 2px);

width: calc(1rem - 4px);

height: calc(1rem - 4px);

background-color: #a0aec0;

border-radius: .5rem;

transition: transform .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) {

.custom-switch .custom-control-label::after {

transition: none

.custom-switch .custom-control-input:checked~.custom-control-label::after {

background-color: #fff;
 transform: translateX(.75rem)

.custom-switch .custom-control-input:disabled:checked~.custom-control-label::before {

background-color: rgba(78,115,223,.5)

.custom-select {

display: inline-block;

width: 100%;

height: calc(1.5em + .75rem + 2px);

padding: .375rem 1.75rem .375rem .75rem;

font-size: .875rem;

font-weight: 400;

line-height: 1.5;

color: #4a5568;

vertical-align: middle;

background: #fff url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' width='4'

height='5' viewBox='0 0 4 5'%3e%3cpath fill='%232d3748' d='M2 0L0 2h4zm0 5L0 3h4z'/%3e%3c/svg
%3e") right .75rem center/8px 10px no-repeat;

border: 1px solid #cbd5e0;

border-radius: .35rem;

-webkit-appearance: none;

-moz-appearance: none;

appearance: none

.custom-select:focus {

border-color: #bac8f3;

outline: 0;

box-shadow: 0 0 0 .2rem rgba(78,115,223,.25)

}
.custom-select:focus::-ms-value {

color: #4a5568;

background-color: #fff

.custom-select[multiple],.custom-select[size]:not([size="1"]) {

height: auto;

padding-right: .75rem;

background-image: none

.custom-select:disabled {

color: #718096;

background-color: #edf2f7

.custom-select::-ms-expand {

display: none

.custom-select:-moz-focusring {

color: transparent;

text-shadow: 0 0 0 #4a5568

.custom-select-sm {

height: calc(1.5em + .5rem + 2px);

padding-top: .25rem;

padding-bottom: .25rem;

padding-left: .5rem;
 font-size: .76563rem

.custom-select-lg {

height: calc(1.5em + 1rem + 2px);

padding-top: .5rem;

padding-bottom: .5rem;

padding-left: 1rem;

font-size: 1.09375rem

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

overflow: hidden;

opacity: 0

.custom-file-input:focus~.custom-file-label {

border-color: #bac8f3;
 box-shadow: 0 0 0 .2rem rgba(78,115,223,.25)

.custom-file-input:disabled~.custom-file-label,.custom-file-input[disabled]~.custom-file-label {

background-color: #edf2f7

.custom-file-input:lang(en)~.custom-file-label::after {

content: "Browse"

.custom-file-input~.custom-file-label[data-browse]::after {

content: attr(data-browse)

.custom-file-label {

position: absolute;

top: 0;

right: 0;

left: 0;

z-index: 1;

height: calc(1.5em + .75rem + 2px);

padding: .375rem .75rem;

overflow: hidden;

font-weight: 400;

line-height: 1.5;

color: #4a5568;

background-color: #fff;

border: 1px solid #cbd5e0;

border-radius: .35rem

}
.custom-file-label::after {

position: absolute;

top: 0;

right: 0;

bottom: 0;

z-index: 3;

display: block;

height: calc(1.5em + .75rem);

padding: .375rem .75rem;

line-height: 1.5;

color: #4a5568;

content: "Browse";

background-color: #edf2f7;

border-left: inherit;

border-radius: 0 .35rem .35rem 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(78,115,223,.25)

.custom-range:focus::-moz-range-thumb {

box-shadow: 0 0 0 1px #fff,0 0 0 .2rem rgba(78,115,223,.25)

.custom-range:focus::-ms-thumb {

box-shadow: 0 0 0 1px #fff,0 0 0 .2rem rgba(78,115,223,.25)

.custom-range::-moz-focus-outer {

border: 0

.custom-range::-webkit-slider-thumb {

width: 1rem;

height: 1rem;

margin-top: -.25rem;

background-color: #4e73df;

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: #e5ebfa

.custom-range::-webkit-slider-runnable-track {

width: 100%;

height: .5rem;

color: transparent;

cursor: pointer;

background-color: #e2e8f0;

border-color: transparent;

border-radius: 1rem

.custom-range::-moz-range-thumb {

width: 1rem;

height: 1rem;

background-color: #4e73df;

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: #e5ebfa

.custom-range::-moz-range-track {

width: 100%;

height: .5rem;

color: transparent;

cursor: pointer;

background-color: #e2e8f0;

border-color: transparent;

border-radius: 1rem

.custom-range::-ms-thumb {

width: 1rem;

height: 1rem;

margin-top: 0;

margin-right: .2rem;

margin-left: .2rem;

background-color: #4e73df;
 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: #e5ebfa

.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: #e2e8f0;
 border-radius: 1rem

.custom-range::-ms-fill-upper {

margin-right: 15px;

background-color: #e2e8f0;

border-radius: 1rem

.custom-range:disabled::-webkit-slider-thumb {

background-color: #a0aec0

.custom-range:disabled::-webkit-slider-runnable-track {

cursor: default

.custom-range:disabled::-moz-range-thumb {

background-color: #a0aec0

.custom-range:disabled::-moz-range-track {

cursor: default

.custom-range:disabled::-ms-thumb {

background-color: #a0aec0

.custom-control-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: flex;

flex-wrap: wrap;

padding-left: 0;

margin-bottom: 0;

list-style: none

.nav-link {

display: block;

padding: .5rem 1rem

.nav-link:focus,.nav-link:hover {

text-decoration: none

.nav-link.disabled {

color: #718096;

pointer-events: none;

cursor: default
}

.nav-tabs {

border-bottom: 1px solid #e2e8f0

.nav-tabs .nav-link {

margin-bottom: -1px;

background-color: transparent;

border: 1px solid transparent;

border-top-left-radius: .35rem;

border-top-right-radius: .35rem

.nav-tabs .nav-link:focus,.nav-tabs .nav-link:hover {

isolation: isolate;

border-color: #edf2f7 #edf2f7 #e2e8f0

.nav-tabs .nav-link.disabled {

color: #718096;

background-color: transparent;

border-color: transparent

.nav-tabs .nav-item.show .nav-link,.nav-tabs .nav-link.active {

color: #4a5568;

background-color: #fff;

border-color: #e2e8f0 #e2e8f0 #fff

}
.nav-tabs .dropdown-menu {

margin-top: -1px;

border-top-left-radius: 0;

border-top-right-radius: 0

.nav-pills .nav-link {

background: 0 0;

border: 0;

border-radius: .35rem

.nav-pills .nav-link.active,.nav-pills .show>.nav-link {

color: #fff;

background-color: #4e73df

.nav-fill .nav-item,.nav-fill>.nav-link {

flex: 1 1 auto;

text-align: center

.nav-justified .nav-item,.nav-justified>.nav-link {

flex-basis: 0;

flex-grow: 1;

text-align: center

.tab-content>.tab-pane {

display: none

}
.tab-content>.active {

display: block

.navbar {

position: relative;

display: flex;

flex-wrap: wrap;

align-items: center;

justify-content: space-between;

padding: .5rem 1rem

.navbar .container,.navbar .container-fluid,.navbar .container-lg,.navbar .container-

md,.navbar .container-sm,.navbar .container-xl {

display: flex;

flex-wrap: wrap;

align-items: center;

justify-content: space-between

.navbar-brand {

display: inline-block;

padding-top: .33594rem;

padding-bottom: .33594rem;

margin-right: 1rem;

font-size: 1.09375rem;

line-height: inherit;

white-space: nowrap

}
.navbar-brand:focus,.navbar-brand:hover {

text-decoration: none

.navbar-nav {

display: flex;

flex-direction: column;

padding-left: 0;

margin-bottom: 0;

list-style: none

.navbar-nav .nav-link {

padding-right: 0;

padding-left: 0

.navbar-nav .dropdown-menu {

position: static;

float: none

.navbar-text {

display: inline-block;

padding-top: .5rem;

padding-bottom: .5rem

.navbar-collapse {

flex-basis: 100%;
 flex-grow: 1;

align-items: center

.navbar-toggler {

padding: .25rem .75rem;

font-size: 1.09375rem;

line-height: 1;

background-color: transparent;

border: 1px solid transparent;

border-radius: .35rem

.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: 50%/100% 100% no-repeat

.navbar-nav-scroll {

max-height: 75vh;

overflow-y: auto

}
@media (max-width: 575.98px) {

.navbar-expand-sm>.container,.navbar-expand-sm>.container-fluid,.navbar-expand-sm>.container-
lg,.navbar-expand-sm>.container-md,.navbar-expand-sm>.container-sm,.navbar-expand-
sm>.container-xl {

padding-right:0;

padding-left: 0

@media (min-width: 576px) {

.navbar-expand-sm {

flex-flow:row nowrap;

justify-content: flex-start

.navbar-expand-sm .navbar-nav {

flex-direction: row

.navbar-expand-sm .navbar-nav .dropdown-menu {

position: absolute

.navbar-expand-sm .navbar-nav .nav-link {

padding-right: .5rem;

padding-left: .5rem

.navbar-expand-sm>.container,.navbar-expand-sm>.container-fluid,.navbar-expand-sm>.container-
lg,.navbar-expand-sm>.container-md,.navbar-expand-sm>.container-sm,.navbar-expand-
sm>.container-xl {

flex-wrap: nowrap
 }

.navbar-expand-sm .navbar-nav-scroll {

overflow: visible

.navbar-expand-sm .navbar-collapse {

display: flex!important;

flex-basis: auto

.navbar-expand-sm .navbar-toggler {

display: none

@media (max-width: 767.98px) {

.navbar-expand-md>.container,.navbar-expand-md>.container-fluid,.navbar-expand-
md>.container-lg,.navbar-expand-md>.container-md,.navbar-expand-md>.container-sm,.navbar-
expand-md>.container-xl {

padding-right:0;

padding-left: 0

@media (min-width: 768px) {

.navbar-expand-md {

flex-flow:row nowrap;

justify-content: flex-start

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

.navbar-expand-md .navbar-nav .dropdown-menu {

position: absolute

.navbar-expand-md .navbar-nav .nav-link {

padding-right: .5rem;

padding-left: .5rem

.navbar-expand-md>.container,.navbar-expand-md>.container-fluid,.navbar-expand-
md>.container-lg,.navbar-expand-md>.container-md,.navbar-expand-md>.container-sm,.navbar-
expand-md>.container-xl {

flex-wrap: nowrap

.navbar-expand-md .navbar-nav-scroll {

overflow: visible

.navbar-expand-md .navbar-collapse {

display: flex!important;

flex-basis: auto

.navbar-expand-md .navbar-toggler {

display: none

}
@media (max-width: 991.98px) {

.navbar-expand-lg>.container,.navbar-expand-lg>.container-fluid,.navbar-expand-lg>.container-
lg,.navbar-expand-lg>.container-md,.navbar-expand-lg>.container-sm,.navbar-expand-lg>.container-
xl {

padding-right:0;

padding-left: 0

@media (min-width: 992px) {

.navbar-expand-lg {

flex-flow:row nowrap;

justify-content: flex-start

.navbar-expand-lg .navbar-nav {

flex-direction: row

.navbar-expand-lg .navbar-nav .dropdown-menu {

position: absolute

.navbar-expand-lg .navbar-nav .nav-link {

padding-right: .5rem;

padding-left: .5rem

.navbar-expand-lg>.container,.navbar-expand-lg>.container-fluid,.navbar-expand-lg>.container-
lg,.navbar-expand-lg>.container-md,.navbar-expand-lg>.container-sm,.navbar-expand-lg>.container-
xl {

flex-wrap: nowrap
 }

.navbar-expand-lg .navbar-nav-scroll {

overflow: visible

.navbar-expand-lg .navbar-collapse {

display: flex!important;

flex-basis: auto

.navbar-expand-lg .navbar-toggler {

display: none

@media (max-width: 1199.98px) {

.navbar-expand-xl>.container,.navbar-expand-xl>.container-fluid,.navbar-expand-xl>.container-
lg,.navbar-expand-xl>.container-md,.navbar-expand-xl>.container-sm,.navbar-expand-xl>.container-xl
{

padding-right:0;

padding-left: 0

@media (min-width: 1200px) {

.navbar-expand-xl {

flex-flow:row nowrap;

justify-content: flex-start

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

.navbar-expand-xl .navbar-nav .dropdown-menu {

position: absolute

.navbar-expand-xl .navbar-nav .nav-link {

padding-right: .5rem;

padding-left: .5rem

.navbar-expand-xl>.container,.navbar-expand-xl>.container-fluid,.navbar-expand-xl>.container-
lg,.navbar-expand-xl>.container-md,.navbar-expand-xl>.container-sm,.navbar-expand-xl>.container-xl
{

flex-wrap: nowrap

.navbar-expand-xl .navbar-nav-scroll {

overflow: visible

.navbar-expand-xl .navbar-collapse {

display: flex!important;

flex-basis: auto

.navbar-expand-xl .navbar-toggler {

display: none

}
.navbar-expand {

flex-flow: row nowrap;

justify-content: flex-start

.navbar-expand>.container,.navbar-expand>.container-fluid,.navbar-expand>.container-lg,.navbar-
expand>.container-md,.navbar-expand>.container-sm,.navbar-expand>.container-xl {

padding-right: 0;

padding-left: 0

.navbar-expand .navbar-nav {

flex-direction: row

.navbar-expand .navbar-nav .dropdown-menu {

position: absolute

.navbar-expand .navbar-nav .nav-link {

padding-right: .5rem;

padding-left: .5rem

.navbar-expand>.container,.navbar-expand>.container-fluid,.navbar-expand>.container-lg,.navbar-
expand>.container-md,.navbar-expand>.container-sm,.navbar-expand>.container-xl {

flex-wrap: nowrap

.navbar-expand .navbar-nav-scroll {

overflow: visible

}
.navbar-expand .navbar-collapse {

display: flex!important;

flex-basis: auto

.navbar-expand .navbar-toggler {

display: none

.navbar-light .navbar-brand {

color: rgba(0,0,0,.9)

.navbar-light .navbar-brand:focus,.navbar-light .navbar-brand:hover {

color: rgba(0,0,0,.9)

.navbar-light .navbar-nav .nav-link {

color: rgba(0,0,0,.5)

.navbar-light .navbar-nav .nav-link:focus,.navbar-light .navbar-nav .nav-link:hover {

color: rgba(0,0,0,.7)

.navbar-light .navbar-nav .nav-link.disabled {

color: rgba(0,0,0,.3)

}
.navbar-light .navbar-nav .active>.nav-link,.navbar-light .navbar-nav .nav-link.active,.navbar-
light .navbar-nav .nav-link.show,.navbar-light .navbar-nav .show>.nav-link {

color: rgba(0,0,0,.9)

.navbar-light .navbar-toggler {

color: rgba(0,0,0,.5);

border-color: rgba(0,0,0,.1)

.navbar-light .navbar-toggler-icon {

background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg'

width='30' height='30' viewBox='0 0 30 30'%3e%3cpath stroke='rgba%280, 0, 0, 0.5%29' stroke-
linecap='round' stroke-miterlimit='10' stroke-width='2' d='M4 7h22M4 15h22M4
23h22'/%3e%3c/svg%3e")

.navbar-light .navbar-text {

color: rgba(0,0,0,.5)

.navbar-light .navbar-text a {

color: rgba(0,0,0,.9)

.navbar-light .navbar-text a:focus,.navbar-light .navbar-text a:hover {

color: rgba(0,0,0,.9)

.navbar-dark .navbar-brand {

color: #fff

}
.navbar-dark .navbar-brand:focus,.navbar-dark .navbar-brand:hover {

color: #fff

.navbar-dark .navbar-nav .nav-link {

color: rgba(255,255,255,.5)

.navbar-dark .navbar-nav .nav-link:focus,.navbar-dark .navbar-nav .nav-link:hover {

color: rgba(255,255,255,.75)

.navbar-dark .navbar-nav .nav-link.disabled {

color: rgba(255,255,255,.25)

.navbar-dark .navbar-nav .active>.nav-link,.navbar-dark .navbar-nav .nav-link.active,.navbar-

dark .navbar-nav .nav-link.show,.navbar-dark .navbar-nav .show>.nav-link {

color: #fff

.navbar-dark .navbar-toggler {

color: rgba(255,255,255,.5);

border-color: rgba(255,255,255,.1)

.navbar-dark .navbar-toggler-icon {

background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg'

width='30' height='30' viewBox='0 0 30 30'%3e%3cpath stroke='rgba%28255, 255, 255, 0.5%29'
stroke-linecap='round' stroke-miterlimit='10' stroke-width='2' d='M4 7h22M4 15h22M4 23h22'/%3e
%3c/svg%3e")
}

.navbar-dark .navbar-text {

color: rgba(255,255,255,.5)

.navbar-dark .navbar-text a {

color: #fff

.navbar-dark .navbar-text a:focus,.navbar-dark .navbar-text a:hover {

color: #fff

.card {

position: relative;

display: flex;

flex-direction: column;

min-width: 0;

word-wrap: break-word;

background-color: #fff;

background-clip: border-box;

border: 1px solid #e6edf4;

border-radius: .35rem

.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(.35rem - 1px);

border-top-right-radius: calc(.35rem - 1px)

.card>.list-group:last-child {

border-bottom-width: 0;

border-bottom-right-radius: calc(.35rem - 1px);

border-bottom-left-radius: calc(.35rem - 1px)

.card>.card-header+.list-group,.card>.list-group+.card-footer {

border-top: 0

.card-body {

flex: 1 1 auto;

min-height: 1px;

padding: 1.25rem

.card-title {

margin-bottom: .75rem

}
.card-subtitle {

margin-top: -.375rem;

margin-bottom: 0

.card-text:last-child {

margin-bottom: 0

.card-link:hover {

text-decoration: none

.card-link+.card-link {

margin-left: 1.25rem

.card-header {

padding: .75rem 1.25rem;

margin-bottom: 0;

background-color: #fff;

border-bottom: 1px solid #e6edf4

.card-header:first-child {

border-radius: calc(.35rem - 1px) calc(.35rem - 1px) 0 0

.card-footer {

padding: .75rem 1.25rem;

background-color: #fff;
 border-top: 1px solid #e6edf4

.card-footer:last-child {

border-radius: 0 0 calc(.35rem - 1px) calc(.35rem - 1px)

.card-header-tabs {

margin-right: -.625rem;

margin-bottom: -.75rem;

margin-left: -.625rem;

border-bottom: 0

.card-header-pills {

margin-right: -.625rem;

margin-left: -.625rem

.card-img-overlay {

position: absolute;

top: 0;

right: 0;

bottom: 0;

left: 0;

padding: 1.25rem;

border-radius: calc(.35rem - 1px)

.card-img,.card-img-bottom,.card-img-top {

flex-shrink: 0;
 width: 100%

.card-img,.card-img-top {

border-top-left-radius: calc(.35rem - 1px);

border-top-right-radius: calc(.35rem - 1px)

.card-img,.card-img-bottom {

border-bottom-right-radius: calc(.35rem - 1px);

border-bottom-left-radius: calc(.35rem - 1px)

.card-deck .card {

margin-bottom: .75rem

@media (min-width: 576px) {

.card-deck {

display:flex;

flex-flow: row wrap;

margin-right: -.75rem;

margin-left: -.75rem

.card-deck .card {

flex: 1 0 0%;

margin-right: .75rem;

margin-bottom: 0;

margin-left: .75rem

}
}

.card-group>.card {

margin-bottom: .75rem

@media (min-width: 576px) {

.card-group {

display:flex;

flex-flow: row wrap

.card-group>.card {

flex: 1 0 0%;

margin-bottom: 0

.card-group>.card+.card {

margin-left: 0;

border-left: 0

.card-group>.card:not(:last-child) {

border-top-right-radius: 0;

border-bottom-right-radius: 0

.card-group>.card:not(:last-child) .card-header,.card-group>.card:not(:last-child) .card-img-top {

border-top-right-radius: 0

}
 .card-group>.card:not(:last-child) .card-footer,.card-group>.card:not(:last-child) .card-img-bottom {

border-bottom-right-radius: 0

.card-group>.card:not(:first-child) {

border-top-left-radius: 0;

border-bottom-left-radius: 0

.card-group>.card:not(:first-child) .card-header,.card-group>.card:not(:first-child) .card-img-top {

border-top-left-radius: 0

.card-group>.card:not(:first-child) .card-footer,.card-group>.card:not(:first-child) .card-img-bottom {

border-bottom-left-radius: 0

.card-columns .card {

margin-bottom: .75rem

@media (min-width: 576px) {

.card-columns {

-moz-column-count:3;

column-count: 3;

-moz-column-gap: 1.25rem;

column-gap: 1.25rem;

orphans: 1;

widows: 1

}
 .card-columns .card {

display: inline-block;

width: 100%

.accordion {

overflow-anchor: none

.accordion>.card {

overflow: hidden

.accordion>.card:not(:last-of-type) {

border-bottom: 0;

border-bottom-right-radius: 0;

border-bottom-left-radius: 0

.accordion>.card:not(:first-of-type) {

border-top-left-radius: 0;

border-top-right-radius: 0

.accordion>.card>.card-header {

border-radius: 0;

margin-bottom: -1px

}
.breadcrumb {

display: flex;

flex-wrap: wrap;

padding: .75rem 1rem;

margin-bottom: 1rem;

list-style: none;

background-color: #edf2f7;

border-radius: .35rem

.breadcrumb-item+.breadcrumb-item {

padding-left: .5rem

.breadcrumb-item+.breadcrumb-item::before {

float: left;

padding-right: .5rem;

color: #718096;

content: "/"

.breadcrumb-item+.breadcrumb-item:hover::before {

text-decoration: underline

.breadcrumb-item+.breadcrumb-item:hover::before {

text-decoration: none

.breadcrumb-item.active {

color: #718096
}

.pagination {

display: flex;

padding-left: 0;

list-style: none;

border-radius: .35rem

.page-link {

position: relative;

display: block;

padding: .5rem .75rem;

margin-left: -1px;

line-height: 1.25;

color: #4e73df;

background-color: #fff;

border: 1px solid #e2e8f0

.page-link:hover {

z-index: 2;

color: #224abe;

text-decoration: none;

background-color: #edf2f7;

border-color: #e2e8f0

.page-link:focus {

z-index: 3;

outline: 0;
 box-shadow: 0 0 0 .2rem rgba(78,115,223,.25)

.page-item:first-child .page-link {

margin-left: 0;

border-top-left-radius: .35rem;

border-bottom-left-radius: .35rem

.page-item:last-child .page-link {

border-top-right-radius: .35rem;

border-bottom-right-radius: .35rem

.page-item.active .page-link {

z-index: 3;

color: #fff;

background-color: #4e73df;

border-color: #4e73df

.page-item.disabled .page-link {

color: #718096;

pointer-events: none;

cursor: auto;

background-color: #fff;

border-color: #e2e8f0

.pagination-lg .page-link {

padding: .75rem 1.5rem;

 font-size: 1.09375rem;

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: .76563rem;

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: .35rem;

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: #4e73df

a.badge-primary:focus,a.badge-primary:hover {

color: #fff;

background-color: #2653d4

a.badge-primary.focus,a.badge-primary:focus {

outline: 0;

box-shadow: 0 0 0 .2rem rgba(78,115,223,.5)

.badge-secondary {

color: #fff;

background-color: #718096

a.badge-secondary:focus,a.badge-secondary:hover {

color: #fff;

background-color: #5a677a

}
a.badge-secondary.focus,a.badge-secondary:focus {

outline: 0;

box-shadow: 0 0 0 .2rem rgba(113,128,150,.5)

.badge-success {

color: #fff;

background-color: #1cc88a

a.badge-success:focus,a.badge-success:hover {

color: #fff;

background-color: #169b6b

a.badge-success.focus,a.badge-success:focus {

outline: 0;

box-shadow: 0 0 0 .2rem rgba(28,200,138,.5)

.badge-info {

color: #fff;

background-color: #36b9cc

a.badge-info:focus,a.badge-info:hover {

color: #fff;

background-color: #2a96a5

}
a.badge-info.focus,a.badge-info:focus {

outline: 0;

box-shadow: 0 0 0 .2rem rgba(54,185,204,.5)

.badge-warning {

color: #fff;

background-color: #f6c23e

a.badge-warning:focus,a.badge-warning:hover {

color: #fff;

background-color: #f4b30d

a.badge-warning.focus,a.badge-warning:focus {

outline: 0;

box-shadow: 0 0 0 .2rem rgba(246,194,62,.5)

.badge-danger {

color: #fff;

background-color: #e74a3b

a.badge-danger:focus,a.badge-danger:hover {

color: #fff;

background-color: #d52a1a

a.badge-danger.focus,a.badge-danger:focus {
 outline: 0;

box-shadow: 0 0 0 .2rem rgba(231,74,59,.5)

.badge-light {

color: #1a202c;

background-color: #f7fafc

a.badge-light:focus,a.badge-light:hover {

color: #1a202c;

background-color: #d2e3ee

a.badge-light.focus,a.badge-light:focus {

outline: 0;

box-shadow: 0 0 0 .2rem rgba(247,250,252,.5)

.badge-dark {

color: #fff;

background-color: #2d3748

a.badge-dark:focus,a.badge-dark:hover {

color: #fff;

background-color: #191f29

a.badge-dark.focus,a.badge-dark:focus {

outline: 0;
 box-shadow: 0 0 0 .2rem rgba(45,55,72,.5)

.jumbotron {

padding: 2rem 1rem;

margin-bottom: 2rem;

background-color: #edf2f7;

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: .35rem

.alert-heading {
 color: inherit

.alert-link {

font-weight: 700

.alert-dismissible {

padding-right: 3.8125rem

.alert-dismissible .close {

position: absolute;

top: 0;

right: 0;

z-index: 2;

padding: .75rem 1.25rem;

color: inherit

.alert-primary {

color: #293c74;

background-color: #dce3f9;

border-color: #cdd8f6

.alert-primary hr {

border-top-color: #b7c7f2

.alert-primary .alert-link {
 color: #1c294e

.alert-secondary {

color: #3b434e;

background-color: #e3e6ea;

border-color: #d7dbe2

.alert-secondary hr {

border-top-color: #c8ced7

.alert-secondary .alert-link {

color: #252a31

.alert-success {

color: #0f6848;

background-color: #d2f4e8;

border-color: #bff0de

.alert-success hr {

border-top-color: #aaebd3

.alert-success .alert-link {

color: #093b29

}
.alert-info {

color: #1c606a;

background-color: #d7f1f5;

border-color: #c7ebf1

.alert-info hr {

border-top-color: #b3e4ec

.alert-info .alert-link {

color: #113b42

.alert-warning {

color: #806520;

background-color: #fdf3d8;

border-color: #fceec9

.alert-warning hr {

border-top-color: #fbe6b1

.alert-warning .alert-link {

color: #574516

.alert-danger {

color: #78261f;

background-color: #fadbd8;
 border-color: #f8ccc8

.alert-danger hr {

border-top-color: #f5b7b1

.alert-danger .alert-link {

color: #4f1915

.alert-light {

color: #808283;

background-color: #fdfefe;

border-color: #fdfefe

.alert-light hr {

border-top-color: #ecf6f6

.alert-light .alert-link {

color: #676869

.alert-dark {

color: #171d25;

background-color: #d5d7da;

border-color: #c4c7cc

}
.alert-dark hr {

border-top-color: #b6bac0

.alert-dark .alert-link {

color: #030406

@-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: flex;

height: 1rem;
 overflow: hidden;

line-height: 0;

font-size: .65625rem;

background-color: #edf2f7;

border-radius: .35rem

.progress-bar {

display: flex;

flex-direction: column;

justify-content: center;

overflow: hidden;

color: #fff;

text-align: center;

white-space: nowrap;

background-color: #4e73df;

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: 1s linear infinite progress-bar-stripes;

animation: 1s linear infinite progress-bar-stripes

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

.progress-bar-animated {

-webkit-animation: none;

animation: none

.media {

display: flex;

align-items: flex-start

.media-body {

flex: 1

.list-group {

display: flex;

flex-direction: column;

padding-left: 0;

margin-bottom: 0;

border-radius: .35rem

.list-group-item-action {

width: 100%;
 color: #4a5568;

text-align: inherit

.list-group-item-action:focus,.list-group-item-action:hover {

z-index: 1;

color: #4a5568;

text-decoration: none;

background-color: #f7fafc

.list-group-item-action:active {

color: #4a5568;

background-color: #edf2f7

.list-group-item {

position: relative;

display: block;

padding: .75rem 1.25rem;

background-color: #fff;

border: 1px solid rgba(0,0,0,.125)

.list-group-item:first-child {

border-top-left-radius: inherit;

border-top-right-radius: inherit

.list-group-item:last-child {

border-bottom-right-radius: inherit;
 border-bottom-left-radius: inherit

.list-group-item.disabled,.list-group-item:disabled {

color: #718096;

pointer-events: none;

background-color: #fff

.list-group-item.active {

z-index: 2;

color: #fff;

background-color: #4e73df;

border-color: #4e73df

.list-group-item+.list-group-item {

border-top-width: 0

.list-group-item+.list-group-item.active {

margin-top: -1px;

border-top-width: 1px

.list-group-horizontal {

flex-direction: row

.list-group-horizontal>.list-group-item:first-child {

border-bottom-left-radius: .35rem;
 border-top-right-radius: 0

.list-group-horizontal>.list-group-item:last-child {

border-top-right-radius: .35rem;

border-bottom-left-radius: 0

.list-group-horizontal>.list-group-item.active {

margin-top: 0

.list-group-horizontal>.list-group-item+.list-group-item {

border-top-width: 1px;

border-left-width: 0

.list-group-horizontal>.list-group-item+.list-group-item.active {

margin-left: -1px;

border-left-width: 1px

@media (min-width: 576px) {

.list-group-horizontal-sm {

flex-direction:row

.list-group-horizontal-sm>.list-group-item:first-child {

border-bottom-left-radius: .35rem;

border-top-right-radius: 0

}
 .list-group-horizontal-sm>.list-group-item:last-child {

border-top-right-radius: .35rem;

border-bottom-left-radius: 0

.list-group-horizontal-sm>.list-group-item.active {

margin-top: 0

.list-group-horizontal-sm>.list-group-item+.list-group-item {

border-top-width: 1px;

border-left-width: 0

.list-group-horizontal-sm>.list-group-item+.list-group-item.active {

margin-left: -1px;

border-left-width: 1px

@media (min-width: 768px) {

.list-group-horizontal-md {

flex-direction:row

.list-group-horizontal-md>.list-group-item:first-child {

border-bottom-left-radius: .35rem;

border-top-right-radius: 0

}
 .list-group-horizontal-md>.list-group-item:last-child {

border-top-right-radius: .35rem;

border-bottom-left-radius: 0

.list-group-horizontal-md>.list-group-item.active {

margin-top: 0

.list-group-horizontal-md>.list-group-item+.list-group-item {

border-top-width: 1px;

border-left-width: 0

.list-group-horizontal-md>.list-group-item+.list-group-item.active {

margin-left: -1px;

border-left-width: 1px

@media (min-width: 992px) {

.list-group-horizontal-lg {

flex-direction:row

.list-group-horizontal-lg>.list-group-item:first-child {

border-bottom-left-radius: .35rem;

border-top-right-radius: 0

.list-group-horizontal-lg>.list-group-item:last-child {
 border-top-right-radius: .35rem;

border-bottom-left-radius: 0

.list-group-horizontal-lg>.list-group-item.active {

margin-top: 0

.list-group-horizontal-lg>.list-group-item+.list-group-item {

border-top-width: 1px;

border-left-width: 0

.list-group-horizontal-lg>.list-group-item+.list-group-item.active {

margin-left: -1px;

border-left-width: 1px

@media (min-width: 1200px) {

.list-group-horizontal-xl {

flex-direction:row

.list-group-horizontal-xl>.list-group-item:first-child {

border-bottom-left-radius: .35rem;

border-top-right-radius: 0

.list-group-horizontal-xl>.list-group-item:last-child {

border-top-right-radius: .35rem;
 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: #293c74;

background-color: #cdd8f6

.list-group-item-primary.list-group-item-action:focus,.list-group-item-primary.list-group-item-
action:hover {

color: #293c74;

background-color: #b7c7f2

.list-group-item-primary.list-group-item-action.active {

color: #fff;

background-color: #293c74;

border-color: #293c74

.list-group-item-secondary {

color: #3b434e;

background-color: #d7dbe2

.list-group-item-secondary.list-group-item-action:focus,.list-group-item-secondary.list-group-item-
action:hover {

color: #3b434e;

background-color: #c8ced7

.list-group-item-secondary.list-group-item-action.active {

color: #fff;

background-color: #3b434e;

border-color: #3b434e

}
.list-group-item-success {

color: #0f6848;

background-color: #bff0de

.list-group-item-success.list-group-item-action:focus,.list-group-item-success.list-group-item-
action:hover {

color: #0f6848;

background-color: #aaebd3

.list-group-item-success.list-group-item-action.active {

color: #fff;

background-color: #0f6848;

border-color: #0f6848

.list-group-item-info {

color: #1c606a;

background-color: #c7ebf1

.list-group-item-info.list-group-item-action:focus,.list-group-item-info.list-group-item-action:hover {

color: #1c606a;

background-color: #b3e4ec

.list-group-item-info.list-group-item-action.active {

color: #fff;

background-color: #1c606a;
 border-color: #1c606a

.list-group-item-warning {

color: #806520;

background-color: #fceec9

.list-group-item-warning.list-group-item-action:focus,.list-group-item-warning.list-group-item-
action:hover {

color: #806520;

background-color: #fbe6b1

.list-group-item-warning.list-group-item-action.active {

color: #fff;

background-color: #806520;

border-color: #806520

.list-group-item-danger {

color: #78261f;

background-color: #f8ccc8

.list-group-item-danger.list-group-item-action:focus,.list-group-item-danger.list-group-item-
action:hover {

color: #78261f;

background-color: #f5b7b1

.list-group-item-danger.list-group-item-action.active {
 color: #fff;

background-color: #78261f;

border-color: #78261f

.list-group-item-light {

color: #808283;

background-color: #fdfefe

.list-group-item-light.list-group-item-action:focus,.list-group-item-light.list-group-item-action:hover {

color: #808283;

background-color: #ecf6f6

.list-group-item-light.list-group-item-action.active {

color: #fff;

background-color: #808283;

border-color: #808283

.list-group-item-dark {

color: #171d25;

background-color: #c4c7cc

.list-group-item-dark.list-group-item-action:focus,.list-group-item-dark.list-group-item-action:hover {

color: #171d25;

background-color: #b6bac0

}
.list-group-item-dark.list-group-item-action.active {

color: #fff;

background-color: #171d25;

border-color: #171d25

.close {

float: right;

font-size: 1.3125rem;

font-weight: 700;

line-height: 1;

color: #000;

text-shadow: 0 1px 0 #fff;

opacity: .5

.close:hover {

color: #000;

text-decoration: none

.close:not(:disabled):not(.disabled):focus,.close:not(:disabled):not(.disabled):hover {

opacity: .75

button.close {

padding: 0;

background-color: transparent;

border: 0

}
a.close.disabled {

pointer-events: none

.toast {

flex-basis: 350px;

max-width: 350px;

font-size: .875rem;

background-color: rgba(255,255,255,.85);

background-clip: padding-box;

border: 1px solid rgba(0,0,0,.1);

box-shadow: 0 .25rem .75rem rgba(0,0,0,.1);

opacity: 0;

border-radius: .25rem

.toast:not(:last-child) {

margin-bottom: .75rem

.toast.showing {

opacity: 1

.toast.show {

display: block;

opacity: 1

.toast.hide {

display: none
}

.toast-header {

display: flex;

align-items: center;

padding: .25rem .75rem;

color: #718096;

background-color: rgba(255,255,255,.85);

background-clip: padding-box;

border-bottom: 1px solid rgba(0,0,0,.05);

border-top-left-radius: calc(.25rem - 1px);

border-top-right-radius: calc(.25rem - 1px)

.toast-body {

padding: .75rem

.modal-open {

overflow: hidden

.modal-open .modal {

overflow-x: hidden;

overflow-y: auto

.modal {

position: fixed;

top: 0;

left: 0;
 z-index: 1050;

display: none;

width: 100%;

height: 100%;

overflow: hidden;

outline: 0

.modal-dialog {

position: relative;

width: auto;

margin: .5rem;

pointer-events: none

.modal.fade .modal-dialog {

transition: transform .3s ease-out;

transform: translate(0,-50px)

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

.modal.fade .modal-dialog {

transition: none

.modal.show .modal-dialog {

transform: none

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

.modal-dialog-scrollable {

display: flex;

max-height: calc(100% - 1rem)

.modal-dialog-scrollable .modal-content {

max-height: calc(100vh - 1rem);

overflow: hidden

.modal-dialog-scrollable .modal-footer,.modal-dialog-scrollable .modal-header {

flex-shrink: 0

.modal-dialog-scrollable .modal-body {

overflow-y: auto

.modal-dialog-centered {

display: flex;

align-items: center;

min-height: calc(100% - 1rem)

.modal-dialog-centered::before {

display: block;

height: calc(100vh - 1rem);

height: -webkit-min-content;
 height: -moz-min-content;

height: min-content;

content: ""

.modal-dialog-centered.modal-dialog-scrollable {

flex-direction: column;

justify-content: center;

height: 100%

.modal-dialog-centered.modal-dialog-scrollable .modal-content {

max-height: none

.modal-dialog-centered.modal-dialog-scrollable::before {

content: none

.modal-content {

position: relative;

display: flex;

flex-direction: column;

width: 100%;

pointer-events: auto;

background-color: #fff;

background-clip: padding-box;

border: 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: flex;

align-items: flex-start;

justify-content: space-between;

padding: 1rem 1rem;

border-bottom: 1px solid #e6edf4;

border-top-left-radius: calc(.3rem - 1px);

border-top-right-radius: calc(.3rem - 1px)

.modal-header .close {

padding: 1rem 1rem;

 margin: -1rem -1rem -1rem auto

.modal-title {

margin-bottom: 0;

line-height: 1.5

.modal-body {

position: relative;

flex: 1 1 auto;

padding: 1rem

.modal-footer {

display: flex;

flex-wrap: wrap;

align-items: center;

justify-content: flex-end;

padding: .75rem;

border-top: 1px solid #e6edf4;

border-bottom-right-radius: calc(.3rem - 1px);

border-bottom-left-radius: calc(.3rem - 1px)

.modal-footer>* {

margin: .25rem

.modal-scrollbar-measure {

position: absolute;
 top: -9999px;

width: 50px;

height: 50px;

overflow: scroll

@media (min-width: 576px) {

.modal-dialog {

max-width:500px;

margin: 1.75rem auto

.modal-dialog-scrollable {

max-height: calc(100% - 3.5rem)

.modal-dialog-scrollable .modal-content {

max-height: calc(100vh - 3.5rem)

.modal-dialog-centered {

min-height: calc(100% - 3.5rem)

.modal-dialog-centered::before {

height: calc(100vh - 3.5rem);

height: -webkit-min-content;

height: -moz-min-content;

height: min-content

}
 .modal-sm {

max-width: 300px

@media (min-width: 992px) {

.modal-lg,.modal-xl {

max-width:800px

@media (min-width: 1200px) {

.modal-xl {

max-width:1140px

.tooltip {

position: absolute;

z-index: 1070;

display: block;

margin: 0;

font-family: Nunito,-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,"Helvetica

Neue",Arial,"Noto Sans",sans-serif,"Apple Color Emoji","Segoe UI Emoji","Segoe UI Symbol","Noto
Color Emoji";

font-style: normal;

font-weight: 400;

line-height: 1.5;

text-align: left;

text-align: start;

text-decoration: none;

text-shadow: none;
 text-transform: none;

letter-spacing: normal;

word-break: normal;

white-space: normal;

word-spacing: normal;

line-break: auto;

font-size: .76563rem;

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: .35rem

.popover {

position: absolute;

top: 0;

left: 0;

z-index: 1060;

display: block;

max-width: 276px;

font-family: Nunito,-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,"Helvetica

Neue",Arial,"Noto Sans",sans-serif,"Apple Color Emoji","Segoe UI Emoji","Segoe UI Symbol","Noto
Color Emoji";

font-style: normal;

font-weight: 400;

line-height: 1.5;

text-align: left;

text-align: start;

text-decoration: none;

text-shadow: none;

text-transform: none;

letter-spacing: normal;

word-break: normal;

white-space: normal;

word-spacing: normal;

line-break: auto;

font-size: .76563rem;

word-wrap: break-word;

background-color: #fff;

background-clip: padding-box;
 border: 1px solid rgba(0,0,0,.2);

border-radius: .3rem

.popover .arrow {

position: absolute;

display: block;

width: 1rem;

height: .5rem;

margin: 0 .3rem

.popover .arrow::after,.popover .arrow::before {

position: absolute;

display: block;

content: "";

border-color: transparent;

border-style: solid

.bs-popover-auto[x-placement^=top],.bs-popover-top {

margin-bottom: .5rem

.bs-popover-auto[x-placement^=top]>.arrow,.bs-popover-top>.arrow {

bottom: calc(-.5rem - 1px)

.bs-popover-auto[x-placement^=top]>.arrow::before,.bs-popover-top>.arrow::before {

bottom: 0;

border-width: .5rem .5rem 0;

 border-top-color: rgba(0,0,0,.25)

.bs-popover-auto[x-placement^=top]>.arrow::after,.bs-popover-top>.arrow::after {

bottom: 1px;

border-width: .5rem .5rem 0;

border-top-color: #fff

.bs-popover-auto[x-placement^=right],.bs-popover-right {

margin-left: .5rem

.bs-popover-auto[x-placement^=right]>.arrow,.bs-popover-right>.arrow {

left: calc(-.5rem - 1px);

width: .5rem;

height: 1rem;

margin: .3rem 0

.bs-popover-auto[x-placement^=right]>.arrow::before,.bs-popover-right>.arrow::before {

left: 0;

border-width: .5rem .5rem .5rem 0;

border-right-color: rgba(0,0,0,.25)

.bs-popover-auto[x-placement^=right]>.arrow::after,.bs-popover-right>.arrow::after {

left: 1px;

border-width: .5rem .5rem .5rem 0;

border-right-color: #fff

}
.bs-popover-auto[x-placement^=bottom],.bs-popover-bottom {

margin-top: .5rem

.bs-popover-auto[x-placement^=bottom]>.arrow,.bs-popover-bottom>.arrow {

top: calc(-.5rem - 1px)

.bs-popover-auto[x-placement^=bottom]>.arrow::before,.bs-popover-bottom>.arrow::before {

top: 0;

border-width: 0 .5rem .5rem .5rem;

border-bottom-color: rgba(0,0,0,.25)

.bs-popover-auto[x-placement^=bottom]>.arrow::after,.bs-popover-bottom>.arrow::after {

top: 1px;

border-width: 0 .5rem .5rem .5rem;

border-bottom-color: #fff

.bs-popover-auto[x-placement^=bottom] .popover-header::before,.bs-popover-bottom .popover-

header::before {

position: absolute;

top: 0;

left: 50%;

display: block;

width: 1rem;

margin-left: -.5rem;

content: "";

border-bottom: 1px solid #f7f7f7

}

.bs-popover-auto[x-placement^=left],.bs-popover-left {

margin-right: .5rem

.bs-popover-auto[x-placement^=left]>.arrow,.bs-popover-left>.arrow {

right: calc(-.5rem - 1px);

width: .5rem;

height: 1rem;

margin: .3rem 0

.bs-popover-auto[x-placement^=left]>.arrow::before,.bs-popover-left>.arrow::before {

right: 0;

border-width: .5rem 0 .5rem .5rem;

border-left-color: rgba(0,0,0,.25)

.bs-popover-auto[x-placement^=left]>.arrow::after,.bs-popover-left>.arrow::after {

right: 1px;

border-width: .5rem 0 .5rem .5rem;

border-left-color: #fff

.popover-header {

padding: .5rem .75rem;

margin-bottom: 0;

font-size: .875rem;

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: #4a5568

.carousel {

position: relative

.carousel.pointer-event {

touch-action: pan-y

.carousel-inner {

position: relative;

width: 100%;

overflow: hidden

.carousel-inner::after {

display: block;

clear: both;

content: ""
}

.carousel-item {

position: relative;

display: none;

float: left;

width: 100%;

margin-right: -100%;

-webkit-backface-visibility: hidden;

backface-visibility: hidden;

transition: 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) {

transform: translateX(100%)

.active.carousel-item-left,.carousel-item-prev:not(.carousel-item-right) {

transform: translateX(-100%)

}
.carousel-fade .carousel-item {

opacity: 0;

transition-property: opacity;

transform: none

.carousel-fade .carousel-item-next.carousel-item-left,.carousel-fade .carousel-item-prev.carousel-

item-right,.carousel-fade .carousel-item.active {

z-index: 1;

opacity: 1

.carousel-fade .active.carousel-item-left,.carousel-fade .active.carousel-item-right {

z-index: 0;

opacity: 0;

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: flex;

align-items: center;
 justify-content: center;

width: 15%;

padding: 0;

color: #fff;

text-align: center;

background: 0 0;

border: 0;

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: 50%/100% 100% no-repeat

.carousel-control-prev-icon {

background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg'

fill='%23fff' width='8' height='8' viewBox='0 0 8 8'%3e%3cpath d='M5.25 0l-4 4 4 4 1.5-1.5L4.25
4l2.5-2.5L5.25 0z'/%3e%3c/svg%3e")

.carousel-control-next-icon {

background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg'

fill='%23fff' width='8' height='8' viewBox='0 0 8 8'%3e%3cpath d='M2.75 0l-1.5 1.5L3.75 4l-2.5
2.5L2.75 8l4-4-4-4z'/%3e%3c/svg%3e")

.carousel-indicators {

position: absolute;

right: 0;

bottom: 0;

left: 0;

z-index: 15;

display: flex;

justify-content: center;

padding-left: 0;

margin-right: 15%;

margin-left: 15%;
 list-style: none

.carousel-indicators li {

box-sizing: content-box;

flex: 0 1 auto;

width: 30px;

height: 3px;

margin-right: 3px;

margin-left: 3px;

text-indent: -999px;

cursor: pointer;

background-color: #fff;

background-clip: padding-box;

border-top: 10px solid transparent;

border-bottom: 10px solid transparent;

opacity: .5;

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 {

transform: rotate(360deg)

@keyframes spinner-border {

to {

transform: rotate(360deg)

.spinner-border {

display: inline-block;

width: 2rem;

height: 2rem;

vertical-align: -.125em;

border: .25em solid currentcolor;

border-right-color: transparent;

border-radius: 50%;
 -webkit-animation: .75s linear infinite spinner-border;

animation: .75s linear infinite spinner-border

.spinner-border-sm {

width: 1rem;

height: 1rem;

border-width: .2em

@-webkit-keyframes spinner-grow {

0% {

transform: scale(0)

50% {

opacity: 1;

transform: none

@keyframes spinner-grow {

0% {

transform: scale(0)

50% {

opacity: 1;

transform: none

}
.spinner-grow {

display: inline-block;

width: 2rem;

height: 2rem;

vertical-align: -.125em;

background-color: currentcolor;

border-radius: 50%;

opacity: 0;

-webkit-animation: .75s linear infinite spinner-grow;

animation: .75s linear infinite spinner-grow

.spinner-grow-sm {

width: 1rem;

height: 1rem

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

.spinner-border,.spinner-grow {

-webkit-animation-duration: 1.5s;

animation-duration: 1.5s

.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: #4e73df!important

a.bg-primary:focus,a.bg-primary:hover,button.bg-primary:focus,button.bg-primary:hover {

background-color: #2653d4!important

.bg-secondary {

background-color: #718096!important

a.bg-secondary:focus,a.bg-secondary:hover,button.bg-secondary:focus,button.bg-secondary:hover {
 background-color: #5a677a!important

.bg-success {

background-color: #1cc88a!important

a.bg-success:focus,a.bg-success:hover,button.bg-success:focus,button.bg-success:hover {

background-color: #169b6b!important

.bg-info {

background-color: #36b9cc!important

a.bg-info:focus,a.bg-info:hover,button.bg-info:focus,button.bg-info:hover {

background-color: #2a96a5!important

.bg-warning {

background-color: #f6c23e!important

a.bg-warning:focus,a.bg-warning:hover,button.bg-warning:focus,button.bg-warning:hover {

background-color: #f4b30d!important

.bg-danger {

background-color: #e74a3b!important

}
a.bg-danger:focus,a.bg-danger:hover,button.bg-danger:focus,button.bg-danger:hover {

background-color: #d52a1a!important

.bg-light {

background-color: #f7fafc!important

a.bg-light:focus,a.bg-light:hover,button.bg-light:focus,button.bg-light:hover {

background-color: #d2e3ee!important

.bg-dark {

background-color: #2d3748!important

a.bg-dark:focus,a.bg-dark:hover,button.bg-dark:focus,button.bg-dark:hover {

background-color: #191f29!important

.bg-white {

background-color: #fff!important

.bg-transparent {

background-color: transparent!important

.border {

border: 1px solid #e6edf4!important

}
.border-top {

border-top: 1px solid #e6edf4!important

.border-right {

border-right: 1px solid #e6edf4!important

.border-bottom {

border-bottom: 1px solid #e6edf4!important

.border-left {

border-left: 1px solid #e6edf4!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: #4e73df!important

.border-secondary {

border-color: #718096!important

.border-success {

border-color: #1cc88a!important

.border-info {

border-color: #36b9cc!important

.border-warning {

border-color: #f6c23e!important

.border-danger {

border-color: #e74a3b!important

.border-light {
 border-color: #f7fafc!important

.border-dark {

border-color: #2d3748!important

.border-white {

border-color: #fff!important

.rounded-sm {

border-radius: .2rem!important

.rounded {

border-radius: .35rem!important

.rounded-top {

border-top-left-radius: .35rem!important;

border-top-right-radius: .35rem!important

.rounded-right {

border-top-right-radius: .35rem!important;

border-bottom-right-radius: .35rem!important

.rounded-bottom {

border-bottom-right-radius: .35rem!important;
 border-bottom-left-radius: .35rem!important

.rounded-left {

border-top-left-radius: .35rem!important;

border-bottom-left-radius: .35rem!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: flex!important

}
.d-inline-flex {

display: inline-flex!important

@media (min-width: 576px) {

.d-sm-none {

display:none!important

.d-sm-inline {

display: inline!important

.d-sm-inline-block {

display: inline-block!important

.d-sm-block {

display: block!important

.d-sm-table {

display: table!important

.d-sm-table-row {

display: table-row!important

.d-sm-table-cell {

display: table-cell!important
 }

.d-sm-flex {

display: flex!important

.d-sm-inline-flex {

display: inline-flex!important

@media (min-width: 768px) {

.d-md-none {

display:none!important

.d-md-inline {

display: inline!important

.d-md-inline-block {

display: inline-block!important

.d-md-block {

display: block!important

.d-md-table {

display: table!important

}
 .d-md-table-row {

display: table-row!important

.d-md-table-cell {

display: table-cell!important

.d-md-flex {

display: flex!important

.d-md-inline-flex {

display: inline-flex!important

@media (min-width: 992px) {

.d-lg-none {

display:none!important

.d-lg-inline {

display: inline!important

.d-lg-inline-block {

display: inline-block!important

}
 .d-lg-block {

display: block!important

.d-lg-table {

display: table!important

.d-lg-table-row {

display: table-row!important

.d-lg-table-cell {

display: table-cell!important

.d-lg-flex {

display: flex!important

.d-lg-inline-flex {

display: inline-flex!important

@media (min-width: 1200px) {

.d-xl-none {

display:none!important

.d-xl-inline {
 display: inline!important

.d-xl-inline-block {

display: inline-block!important

.d-xl-block {

display: block!important

.d-xl-table {

display: table!important

.d-xl-table-row {

display: table-row!important

.d-xl-table-cell {

display: table-cell!important

.d-xl-flex {

display: flex!important

.d-xl-inline-flex {

display: inline-flex!important

}
@media print {

.d-print-none {

display: none!important

.d-print-inline {

display: inline!important

.d-print-inline-block {

display: inline-block!important

.d-print-block {

display: block!important

.d-print-table {

display: table!important

.d-print-table-row {

display: table-row!important

.d-print-table-cell {

display: table-cell!important

.d-print-flex {
 display: flex!important

.d-print-inline-flex {

display: inline-flex!important

.embed-responsive {

position: relative;

display: block;

width: 100%;

padding: 0;

overflow: hidden

.embed-responsive::before {

display: block;

content: ""

.embed-responsive .embed-responsive-item,.embed-responsive embed,.embed-responsive

iframe,.embed-responsive object,.embed-responsive video {

position: absolute;

top: 0;

bottom: 0;

left: 0;

width: 100%;

height: 100%;

border: 0

}
.embed-responsive-21by9::before {

padding-top: 42.85714%

.embed-responsive-16by9::before {

padding-top: 56.25%

.embed-responsive-4by3::before {

padding-top: 75%

.embed-responsive-1by1::before {

padding-top: 100%

.flex-row {

flex-direction: row!important

.flex-column {

flex-direction: column!important

.flex-row-reverse {

flex-direction: row-reverse!important

.flex-column-reverse {

flex-direction: column-reverse!important
}

.flex-wrap {

flex-wrap: wrap!important

.flex-nowrap {

flex-wrap: nowrap!important

.flex-wrap-reverse {

flex-wrap: wrap-reverse!important

.flex-fill {

flex: 1 1 auto!important

.flex-grow-0 {

flex-grow: 0!important

.flex-grow-1 {

flex-grow: 1!important

.flex-shrink-0 {

flex-shrink: 0!important

.flex-shrink-1 {
 flex-shrink: 1!important

.justify-content-start {

justify-content: flex-start!important

.justify-content-end {

justify-content: flex-end!important

.justify-content-center {

justify-content: center!important

.justify-content-between {

justify-content: space-between!important

.justify-content-around {

justify-content: space-around!important

.align-items-start {

align-items: flex-start!important

.align-items-end {

align-items: flex-end!important

}
.align-items-center {

align-items: center!important

.align-items-baseline {

align-items: baseline!important

.align-items-stretch {

align-items: stretch!important

.align-content-start {

align-content: flex-start!important

.align-content-end {

align-content: flex-end!important

.align-content-center {

align-content: center!important

.align-content-between {

align-content: space-between!important

.align-content-around {

align-content: space-around!important

}
.align-content-stretch {

align-content: stretch!important

.align-self-auto {

align-self: auto!important

.align-self-start {

align-self: flex-start!important

.align-self-end {

align-self: flex-end!important

.align-self-center {

align-self: center!important

.align-self-baseline {

align-self: baseline!important

.align-self-stretch {

align-self: stretch!important

@media (min-width: 576px) {

.flex-sm-row {
 flex-direction:row!important

.flex-sm-column {

flex-direction: column!important

.flex-sm-row-reverse {

flex-direction: row-reverse!important

.flex-sm-column-reverse {

flex-direction: column-reverse!important

.flex-sm-wrap {

flex-wrap: wrap!important

.flex-sm-nowrap {

flex-wrap: nowrap!important

.flex-sm-wrap-reverse {

flex-wrap: wrap-reverse!important

.flex-sm-fill {

flex: 1 1 auto!important

}
.flex-sm-grow-0 {

flex-grow: 0!important

.flex-sm-grow-1 {

flex-grow: 1!important

.flex-sm-shrink-0 {

flex-shrink: 0!important

.flex-sm-shrink-1 {

flex-shrink: 1!important

.justify-content-sm-start {

justify-content: flex-start!important

.justify-content-sm-end {

justify-content: flex-end!important

.justify-content-sm-center {

justify-content: center!important

.justify-content-sm-between {

justify-content: space-between!important

}
.justify-content-sm-around {

justify-content: space-around!important

.align-items-sm-start {

align-items: flex-start!important

.align-items-sm-end {

align-items: flex-end!important

.align-items-sm-center {

align-items: center!important

.align-items-sm-baseline {

align-items: baseline!important

.align-items-sm-stretch {

align-items: stretch!important

.align-content-sm-start {

align-content: flex-start!important

.align-content-sm-end {

align-content: flex-end!important
}

.align-content-sm-center {

align-content: center!important

.align-content-sm-between {

align-content: space-between!important

.align-content-sm-around {

align-content: space-around!important

.align-content-sm-stretch {

align-content: stretch!important

.align-self-sm-auto {

align-self: auto!important

.align-self-sm-start {

align-self: flex-start!important

.align-self-sm-end {

align-self: flex-end!important

.align-self-sm-center {
 align-self: center!important

.align-self-sm-baseline {

align-self: baseline!important

.align-self-sm-stretch {

align-self: stretch!important

@media (min-width: 768px) {

.flex-md-row {

flex-direction:row!important

.flex-md-column {

flex-direction: column!important

.flex-md-row-reverse {

flex-direction: row-reverse!important

.flex-md-column-reverse {

flex-direction: column-reverse!important

.flex-md-wrap {

flex-wrap: wrap!important
}

.flex-md-nowrap {

flex-wrap: nowrap!important

.flex-md-wrap-reverse {

flex-wrap: wrap-reverse!important

.flex-md-fill {

flex: 1 1 auto!important

.flex-md-grow-0 {

flex-grow: 0!important

.flex-md-grow-1 {

flex-grow: 1!important

.flex-md-shrink-0 {

flex-shrink: 0!important

.flex-md-shrink-1 {

flex-shrink: 1!important

.justify-content-md-start {
 justify-content: flex-start!important

.justify-content-md-end {

justify-content: flex-end!important

.justify-content-md-center {

justify-content: center!important

.justify-content-md-between {

justify-content: space-between!important

.justify-content-md-around {

justify-content: space-around!important

.align-items-md-start {

align-items: flex-start!important

.align-items-md-end {

align-items: flex-end!important

.align-items-md-center {

align-items: center!important

}
.align-items-md-baseline {

align-items: baseline!important

.align-items-md-stretch {

align-items: stretch!important

.align-content-md-start {

align-content: flex-start!important

.align-content-md-end {

align-content: flex-end!important

.align-content-md-center {

align-content: center!important

.align-content-md-between {

align-content: space-between!important

.align-content-md-around {

align-content: space-around!important

.align-content-md-stretch {

align-content: stretch!important

}
 .align-self-md-auto {

align-self: auto!important

.align-self-md-start {

align-self: flex-start!important

.align-self-md-end {

align-self: flex-end!important

.align-self-md-center {

align-self: center!important

.align-self-md-baseline {

align-self: baseline!important

.align-self-md-stretch {

align-self: stretch!important

@media (min-width: 992px) {

.flex-lg-row {

flex-direction:row!important

}
.flex-lg-column {

flex-direction: column!important

.flex-lg-row-reverse {

flex-direction: row-reverse!important

.flex-lg-column-reverse {

flex-direction: column-reverse!important

.flex-lg-wrap {

flex-wrap: wrap!important

.flex-lg-nowrap {

flex-wrap: nowrap!important

.flex-lg-wrap-reverse {

flex-wrap: wrap-reverse!important

.flex-lg-fill {

flex: 1 1 auto!important

.flex-lg-grow-0 {

flex-grow: 0!important

}
.flex-lg-grow-1 {

flex-grow: 1!important

.flex-lg-shrink-0 {

flex-shrink: 0!important

.flex-lg-shrink-1 {

flex-shrink: 1!important

.justify-content-lg-start {

justify-content: flex-start!important

.justify-content-lg-end {

justify-content: flex-end!important

.justify-content-lg-center {

justify-content: center!important

.justify-content-lg-between {

justify-content: space-between!important

.justify-content-lg-around {

justify-content: space-around!important
}

.align-items-lg-start {

align-items: flex-start!important

.align-items-lg-end {

align-items: flex-end!important

.align-items-lg-center {

align-items: center!important

.align-items-lg-baseline {

align-items: baseline!important

.align-items-lg-stretch {

align-items: stretch!important

.align-content-lg-start {

align-content: flex-start!important

.align-content-lg-end {

align-content: flex-end!important

.align-content-lg-center {
 align-content: center!important

.align-content-lg-between {

align-content: space-between!important

.align-content-lg-around {

align-content: space-around!important

.align-content-lg-stretch {

align-content: stretch!important

.align-self-lg-auto {

align-self: auto!important

.align-self-lg-start {

align-self: flex-start!important

.align-self-lg-end {

align-self: flex-end!important

.align-self-lg-center {

align-self: center!important

}
 .align-self-lg-baseline {

align-self: baseline!important

.align-self-lg-stretch {

align-self: stretch!important

@media (min-width: 1200px) {

.flex-xl-row {

flex-direction:row!important

.flex-xl-column {

flex-direction: column!important

.flex-xl-row-reverse {

flex-direction: row-reverse!important

.flex-xl-column-reverse {

flex-direction: column-reverse!important

.flex-xl-wrap {

flex-wrap: wrap!important

.flex-xl-nowrap {
 flex-wrap: nowrap!important

.flex-xl-wrap-reverse {

flex-wrap: wrap-reverse!important

.flex-xl-fill {

flex: 1 1 auto!important

.flex-xl-grow-0 {

flex-grow: 0!important

.flex-xl-grow-1 {

flex-grow: 1!important

.flex-xl-shrink-0 {

flex-shrink: 0!important

.flex-xl-shrink-1 {

flex-shrink: 1!important

.justify-content-xl-start {

justify-content: flex-start!important

}
.justify-content-xl-end {

justify-content: flex-end!important

.justify-content-xl-center {

justify-content: center!important

.justify-content-xl-between {

justify-content: space-between!important

.justify-content-xl-around {

justify-content: space-around!important

.align-items-xl-start {

align-items: flex-start!important

.align-items-xl-end {

align-items: flex-end!important

.align-items-xl-center {

align-items: center!important

.align-items-xl-baseline {

align-items: baseline!important

}
.align-items-xl-stretch {

align-items: stretch!important

.align-content-xl-start {

align-content: flex-start!important

.align-content-xl-end {

align-content: flex-end!important

.align-content-xl-center {

align-content: center!important

.align-content-xl-between {

align-content: space-between!important

.align-content-xl-around {

align-content: space-around!important

.align-content-xl-stretch {

align-content: stretch!important

.align-self-xl-auto {

align-self: auto!important
 }

.align-self-xl-start {

align-self: flex-start!important

.align-self-xl-end {

align-self: flex-end!important

.align-self-xl-center {

align-self: center!important

.align-self-xl-baseline {

align-self: baseline!important

.align-self-xl-stretch {

align-self: stretch!important

.float-left {

float: left!important

.float-right {

float: right!important

}
.float-none {

float: none!important

@media (min-width: 576px) {

.float-sm-left {

float:left!important

.float-sm-right {

float: right!important

.float-sm-none {

float: none!important

@media (min-width: 768px) {

.float-md-left {

float:left!important

.float-md-right {

float: right!important

.float-md-none {

float: none!important

}
@media (min-width: 992px) {

.float-lg-left {

float:left!important

.float-lg-right {

float: right!important

.float-lg-none {

float: none!important

@media (min-width: 1200px) {

.float-xl-left {

float:left!important

.float-xl-right {

float: right!important

.float-xl-none {

float: none!important

.user-select-all {

-webkit-user-select: all!important;
 -moz-user-select: all!important;

-ms-user-select: all!important;

user-select: all!important

.user-select-auto {

-webkit-user-select: auto!important;

-moz-user-select: auto!important;

-ms-user-select: auto!important;

user-select: auto!important

.user-select-none {

-webkit-user-select: none!important;

-moz-user-select: none!important;

-ms-user-select: none!important;

user-select: none!important

.overflow-auto {

overflow: auto!important

.overflow-hidden {

overflow: hidden!important

.position-static {

position: static!important

}
.position-relative {

position: relative!important

.position-absolute {

position: absolute!important

.position-fixed {

position: fixed!important

.position-sticky {

position: -webkit-sticky!important;

position: sticky!important

.fixed-top {

position: fixed;

top: 0;

right: 0;

left: 0;

z-index: 1030

.fixed-bottom {

position: fixed;

right: 0;

bottom: 0;

left: 0;

z-index: 1030
}

@supports ((position: -webkit-sticky) or (position:sticky)) {

.sticky-top {

position:-webkit-sticky;

position: sticky;

top: 0;

z-index: 1020

.sr-only {

position: absolute;

width: 1px;

height: 1px;

padding: 0;

margin: -1px;

overflow: hidden;

clip: rect(0,0,0,0);

white-space: nowrap;

border: 0

.sr-only-focusable:active,.sr-only-focusable:focus {

position: static;

width: auto;

height: auto;

overflow: visible;

clip: auto;

white-space: normal

}
.shadow-sm {

box-shadow: 0 1px 3px 0 rgba(0,0,0,.1),0 1px 2px 0 rgba(0,0,0,.06)!important

.shadow {

box-shadow: 0 4px 6px -1px rgba(0,0,0,.1),0 2px 4px -1px rgba(0,0,0,.06)!important

.shadow-lg {

box-shadow: 0 10px 15px -3px rgba(0,0,0,.1),0 4px 6px -2px rgba(0,0,0,.05)!important

.shadow-none {

box-shadow: none!important

.w-25 {

width: 25%!important

.w-50 {

width: 50%!important

.w-75 {

width: 75%!important

.w-100 {

width: 100%!important
}

.w-auto {

width: auto!important

.h-25 {

height: 25%!important

.h-50 {

height: 50%!important

.h-75 {

height: 75%!important

.h-100 {

height: 100%!important

.h-auto {

height: auto!important

.mw-100 {

max-width: 100%!important

.mh-100 {
 max-height: 100%!important

.min-vw-100 {

min-width: 100vw!important

.min-vh-100 {

min-height: 100vh!important

.vw-100 {

width: 100vw!important

.vh-100 {

height: 100vh!important

.m-0 {

margin: 0!important

.mt-0,.my-0 {

margin-top: 0!important

.mr-0,.mx-0 {

margin-right: 0!important

}
.mb-0,.my-0 {

margin-bottom: 0!important

.ml-0,.mx-0 {

margin-left: 0!important

.m-1 {

margin: .25rem!important

.mt-1,.my-1 {

margin-top: .25rem!important

.mr-1,.mx-1 {

margin-right: .25rem!important

.mb-1,.my-1 {

margin-bottom: .25rem!important

.ml-1,.mx-1 {

margin-left: .25rem!important

.m-2 {

margin: .5rem!important

}
.mt-2,.my-2 {

margin-top: .5rem!important

.mr-2,.mx-2 {

margin-right: .5rem!important

.mb-2,.my-2 {

margin-bottom: .5rem!important

.ml-2,.mx-2 {

margin-left: .5rem!important

.m-3 {

margin: 1rem!important

.mt-3,.my-3 {

margin-top: 1rem!important

.mr-3,.mx-3 {

margin-right: 1rem!important

.mb-3,.my-3 {

margin-bottom: 1rem!important
}

.ml-3,.mx-3 {

margin-left: 1rem!important

.m-4 {

margin: 1.5rem!important

.mt-4,.my-4 {

margin-top: 1.5rem!important

.mr-4,.mx-4 {

margin-right: 1.5rem!important

.mb-4,.my-4 {

margin-bottom: 1.5rem!important

.ml-4,.mx-4 {

margin-left: 1.5rem!important

.m-5 {

margin: 3rem!important

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

.mr-5,.mx-5 {

margin-right: 3rem!important

.mb-5,.my-5 {

margin-bottom: 3rem!important

.ml-5,.mx-5 {

margin-left: 3rem!important

.p-0 {

padding: 0!important

.pt-0,.py-0 {

padding-top: 0!important

.pr-0,.px-0 {

padding-right: 0!important

.pb-0,.py-0 {

padding-bottom: 0!important

}
.pl-0,.px-0 {

padding-left: 0!important

.p-1 {

padding: .25rem!important

.pt-1,.py-1 {

padding-top: .25rem!important

.pr-1,.px-1 {

padding-right: .25rem!important

.pb-1,.py-1 {

padding-bottom: .25rem!important

.pl-1,.px-1 {

padding-left: .25rem!important

.p-2 {

padding: .5rem!important

.pt-2,.py-2 {

padding-top: .5rem!important

}
.pr-2,.px-2 {

padding-right: .5rem!important

.pb-2,.py-2 {

padding-bottom: .5rem!important

.pl-2,.px-2 {

padding-left: .5rem!important

.p-3 {

padding: 1rem!important

.pt-3,.py-3 {

padding-top: 1rem!important

.pr-3,.px-3 {

padding-right: 1rem!important

.pb-3,.py-3 {

padding-bottom: 1rem!important

.pl-3,.px-3 {

padding-left: 1rem!important
}

.p-4 {

padding: 1.5rem!important

.pt-4,.py-4 {

padding-top: 1.5rem!important

.pr-4,.px-4 {

padding-right: 1.5rem!important

.pb-4,.py-4 {

padding-bottom: 1.5rem!important

.pl-4,.px-4 {

padding-left: 1.5rem!important

.p-5 {

padding: 5rem!important;

.pt-5,.py-5 {

padding-top: 3rem!important

.pr-5,.px-5 {
 padding-right: 3rem!important

.pb-5,.py-5 {

padding-bottom: 3rem!important

.pl-5,.px-5 {

padding-left: 3rem!important

.m-n1 {

margin: -.25rem!important

.mt-n1,.my-n1 {

margin-top: -.25rem!important

.mr-n1,.mx-n1 {

margin-right: -.25rem!important

.mb-n1,.my-n1 {

margin-bottom: -.25rem!important

.ml-n1,.mx-n1 {

margin-left: -.25rem!important

}
.m-n2 {

margin: -.5rem!important

.mt-n2,.my-n2 {

margin-top: -.5rem!important

.mr-n2,.mx-n2 {

margin-right: -.5rem!important

.mb-n2,.my-n2 {

margin-bottom: -.5rem!important

.ml-n2,.mx-n2 {

margin-left: -.5rem!important

.m-n3 {

margin: -1rem!important

.mt-n3,.my-n3 {

margin-top: -1rem!important

.mr-n3,.mx-n3 {

margin-right: -1rem!important

}
.mb-n3,.my-n3 {

margin-bottom: -1rem!important

.ml-n3,.mx-n3 {

margin-left: -1rem!important

.m-n4 {

margin: -1.5rem!important

.mt-n4,.my-n4 {

margin-top: -1.5rem!important

.mr-n4,.mx-n4 {

margin-right: -1.5rem!important

.mb-n4,.my-n4 {

margin-bottom: -1.5rem!important

.ml-n4,.mx-n4 {

margin-left: -1.5rem!important

.m-n5 {

margin: -3rem!important
}

.mt-n5,.my-n5 {

margin-top: -3rem!important

.mr-n5,.mx-n5 {

margin-right: -3rem!important

.mb-n5,.my-n5 {

margin-bottom: -3rem!important

.ml-n5,.mx-n5 {

margin-left: -3rem!important

.m-auto {

margin: auto!important

.mt-auto,.my-auto {

margin-top: auto!important

.mr-auto,.mx-auto {

margin-right: auto!important

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

.ml-auto,.mx-auto {

margin-left: auto!important

@media (min-width: 576px) {

.m-sm-0 {

margin:0!important

.mt-sm-0,.my-sm-0 {

margin-top: 0!important

.mr-sm-0,.mx-sm-0 {

margin-right: 0!important

.mb-sm-0,.my-sm-0 {

margin-bottom: 0!important

.ml-sm-0,.mx-sm-0 {

margin-left: 0!important

.m-sm-1 {

margin: .25rem!important

}
.mt-sm-1,.my-sm-1 {

margin-top: .25rem!important

.mr-sm-1,.mx-sm-1 {

margin-right: .25rem!important

.mb-sm-1,.my-sm-1 {

margin-bottom: .25rem!important

.ml-sm-1,.mx-sm-1 {

margin-left: .25rem!important

.m-sm-2 {

margin: .5rem!important

.mt-sm-2,.my-sm-2 {

margin-top: .5rem!important

.mr-sm-2,.mx-sm-2 {

margin-right: .5rem!important

.mb-sm-2,.my-sm-2 {

margin-bottom: .5rem!important
}

.ml-sm-2,.mx-sm-2 {

margin-left: .5rem!important

.m-sm-3 {

margin: 1rem!important

.mt-sm-3,.my-sm-3 {

margin-top: 1rem!important

.mr-sm-3,.mx-sm-3 {

margin-right: 1rem!important

.mb-sm-3,.my-sm-3 {

margin-bottom: 1rem!important

.ml-sm-3,.mx-sm-3 {

margin-left: 1rem!important

.m-sm-4 {

margin: 1.5rem!important

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

.mr-sm-4,.mx-sm-4 {

margin-right: 1.5rem!important

.mb-sm-4,.my-sm-4 {

margin-bottom: 1.5rem!important

.ml-sm-4,.mx-sm-4 {

margin-left: 1.5rem!important

.m-sm-5 {

margin: 3rem!important

.mt-sm-5,.my-sm-5 {

margin-top: 3rem!important

.mr-sm-5,.mx-sm-5 {

margin-right: 3rem!important

.mb-sm-5,.my-sm-5 {

margin-bottom: 3rem!important

}
.ml-sm-5,.mx-sm-5 {

margin-left: 3rem!important

.p-sm-0 {

padding: 0!important

.pt-sm-0,.py-sm-0 {

padding-top: 0!important

.pr-sm-0,.px-sm-0 {

padding-right: 0!important

.pb-sm-0,.py-sm-0 {

padding-bottom: 0!important

.pl-sm-0,.px-sm-0 {

padding-left: 0!important

.p-sm-1 {

padding: .25rem!important

.pt-sm-1,.py-sm-1 {

padding-top: .25rem!important

}
.pr-sm-1,.px-sm-1 {

padding-right: .25rem!important

.pb-sm-1,.py-sm-1 {

padding-bottom: .25rem!important

.pl-sm-1,.px-sm-1 {

padding-left: .25rem!important

.p-sm-2 {

padding: .5rem!important

.pt-sm-2,.py-sm-2 {

padding-top: .5rem!important

.pr-sm-2,.px-sm-2 {

padding-right: .5rem!important

.pb-sm-2,.py-sm-2 {

padding-bottom: .5rem!important

.pl-sm-2,.px-sm-2 {

padding-left: .5rem!important
}

.p-sm-3 {

padding: 1rem!important

.pt-sm-3,.py-sm-3 {

padding-top: 1rem!important

.pr-sm-3,.px-sm-3 {

padding-right: 1rem!important

.pb-sm-3,.py-sm-3 {

padding-bottom: 1rem!important

.pl-sm-3,.px-sm-3 {

padding-left: 1rem!important

.p-sm-4 {

padding: 1.5rem!important

.pt-sm-4,.py-sm-4 {

padding-top: 1.5rem!important

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

.pb-sm-4,.py-sm-4 {

padding-bottom: 1.5rem!important

.pl-sm-4,.px-sm-4 {

padding-left: 1.5rem!important

.p-sm-5 {

padding: 3rem!important

.pt-sm-5,.py-sm-5 {

padding-top: 3rem!important

.pr-sm-5,.px-sm-5 {

padding-right: 3rem!important

.pb-sm-5,.py-sm-5 {

padding-bottom: 3rem!important

.pl-sm-5,.px-sm-5 {

padding-left: 3rem!important

}
.m-sm-n1 {

margin: -.25rem!important

.mt-sm-n1,.my-sm-n1 {

margin-top: -.25rem!important

.mr-sm-n1,.mx-sm-n1 {

margin-right: -.25rem!important

.mb-sm-n1,.my-sm-n1 {

margin-bottom: -.25rem!important

.ml-sm-n1,.mx-sm-n1 {

margin-left: -.25rem!important

.m-sm-n2 {

margin: -.5rem!important

.mt-sm-n2,.my-sm-n2 {

margin-top: -.5rem!important

.mr-sm-n2,.mx-sm-n2 {

margin-right: -.5rem!important

}
.mb-sm-n2,.my-sm-n2 {

margin-bottom: -.5rem!important

.ml-sm-n2,.mx-sm-n2 {

margin-left: -.5rem!important

.m-sm-n3 {

margin: -1rem!important

.mt-sm-n3,.my-sm-n3 {

margin-top: -1rem!important

.mr-sm-n3,.mx-sm-n3 {

margin-right: -1rem!important

.mb-sm-n3,.my-sm-n3 {

margin-bottom: -1rem!important

.ml-sm-n3,.mx-sm-n3 {

margin-left: -1rem!important

.m-sm-n4 {

margin: -1.5rem!important
}

.mt-sm-n4,.my-sm-n4 {

margin-top: -1.5rem!important

.mr-sm-n4,.mx-sm-n4 {

margin-right: -1.5rem!important

.mb-sm-n4,.my-sm-n4 {

margin-bottom: -1.5rem!important

.ml-sm-n4,.mx-sm-n4 {

margin-left: -1.5rem!important

.m-sm-n5 {

margin: -3rem!important

.mt-sm-n5,.my-sm-n5 {

margin-top: -3rem!important

.mr-sm-n5,.mx-sm-n5 {

margin-right: -3rem!important

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

.ml-sm-n5,.mx-sm-n5 {

margin-left: -3rem!important

.m-sm-auto {

margin: auto!important

.mt-sm-auto,.my-sm-auto {

margin-top: auto!important

.mr-sm-auto,.mx-sm-auto {

margin-right: auto!important

.mb-sm-auto,.my-sm-auto {

margin-bottom: auto!important

.ml-sm-auto,.mx-sm-auto {

margin-left: auto!important

@media (min-width: 768px) {

.m-md-0 {

margin:0!important
}

.mt-md-0,.my-md-0 {

margin-top: 0!important

.mr-md-0,.mx-md-0 {

margin-right: 0!important

.mb-md-0,.my-md-0 {

margin-bottom: 0!important

.ml-md-0,.mx-md-0 {

margin-left: 0!important

.m-md-1 {

margin: .25rem!important

.mt-md-1,.my-md-1 {

margin-top: .25rem!important

.mr-md-1,.mx-md-1 {

margin-right: .25rem!important

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

.ml-md-1,.mx-md-1 {

margin-left: .25rem!important

.m-md-2 {

margin: .5rem!important

.mt-md-2,.my-md-2 {

margin-top: .5rem!important

.mr-md-2,.mx-md-2 {

margin-right: .5rem!important

.mb-md-2,.my-md-2 {

margin-bottom: .5rem!important

.ml-md-2,.mx-md-2 {

margin-left: .5rem!important

.m-md-3 {

margin: 1rem!important

}
.mt-md-3,.my-md-3 {

margin-top: 1rem!important

.mr-md-3,.mx-md-3 {

margin-right: 1rem!important

.mb-md-3,.my-md-3 {

margin-bottom: 1rem!important

.ml-md-3,.mx-md-3 {

margin-left: 1rem!important

.m-md-4 {

margin: 1.5rem!important

.mt-md-4,.my-md-4 {

margin-top: 1.5rem!important

.mr-md-4,.mx-md-4 {

margin-right: 1.5rem!important

.mb-md-4,.my-md-4 {

margin-bottom: 1.5rem!important

}
.ml-md-4,.mx-md-4 {

margin-left: 1.5rem!important

.m-md-5 {

margin: 3rem!important

.mt-md-5,.my-md-5 {

margin-top: 3rem!important

.mr-md-5,.mx-md-5 {

margin-right: 3rem!important

.mb-md-5,.my-md-5 {

margin-bottom: 3rem!important

.ml-md-5,.mx-md-5 {

margin-left: 3rem!important

.p-md-0 {

padding: 0!important

.pt-md-0,.py-md-0 {

padding-top: 0!important
}

.pr-md-0,.px-md-0 {

padding-right: 0!important

.pb-md-0,.py-md-0 {

padding-bottom: 0!important

.pl-md-0,.px-md-0 {

padding-left: 0!important

.p-md-1 {

padding: .25rem!important

.pt-md-1,.py-md-1 {

padding-top: .25rem!important

.pr-md-1,.px-md-1 {

padding-right: .25rem!important

.pb-md-1,.py-md-1 {

padding-bottom: .25rem!important

.pl-md-1,.px-md-1 {
 padding-left: .25rem!important

.p-md-2 {

padding: .5rem!important

.pt-md-2,.py-md-2 {

padding-top: .5rem!important

.pr-md-2,.px-md-2 {

padding-right: .5rem!important

.pb-md-2,.py-md-2 {

padding-bottom: .5rem!important

.pl-md-2,.px-md-2 {

padding-left: .5rem!important

.p-md-3 {

padding: 1rem!important

.pt-md-3,.py-md-3 {

padding-top: 1rem!important

}
.pr-md-3,.px-md-3 {

padding-right: 1rem!important

.pb-md-3,.py-md-3 {

padding-bottom: 1rem!important

.pl-md-3,.px-md-3 {

padding-left: 1rem!important

.p-md-4 {

padding: 1.5rem!important

.pt-md-4,.py-md-4 {

padding-top: 1.5rem!important

.pr-md-4,.px-md-4 {

padding-right: 1.5rem!important

.pb-md-4,.py-md-4 {

padding-bottom: 1.5rem!important

.pl-md-4,.px-md-4 {

padding-left: 1.5rem!important

}
.p-md-5 {

padding: 3rem!important

.pt-md-5,.py-md-5 {

padding-top: 3rem!important

.pr-md-5,.px-md-5 {

padding-right: 3rem!important

.pb-md-5,.py-md-5 {

padding-bottom: 3rem!important

.pl-md-5,.px-md-5 {

padding-left: 3rem!important

.m-md-n1 {

margin: -.25rem!important

.mt-md-n1,.my-md-n1 {

margin-top: -.25rem!important

.mr-md-n1,.mx-md-n1 {

margin-right: -.25rem!important
}

.mb-md-n1,.my-md-n1 {

margin-bottom: -.25rem!important

.ml-md-n1,.mx-md-n1 {

margin-left: -.25rem!important

.m-md-n2 {

margin: -.5rem!important

.mt-md-n2,.my-md-n2 {

margin-top: -.5rem!important

.mr-md-n2,.mx-md-n2 {

margin-right: -.5rem!important

.mb-md-n2,.my-md-n2 {

margin-bottom: -.5rem!important

.ml-md-n2,.mx-md-n2 {

margin-left: -.5rem!important

.m-md-n3 {
 margin: -1rem!important

.mt-md-n3,.my-md-n3 {

margin-top: -1rem!important

.mr-md-n3,.mx-md-n3 {

margin-right: -1rem!important

.mb-md-n3,.my-md-n3 {

margin-bottom: -1rem!important

.ml-md-n3,.mx-md-n3 {

margin-left: -1rem!important

.m-md-n4 {

margin: -1.5rem!important

.mt-md-n4,.my-md-n4 {

margin-top: -1.5rem!important

.mr-md-n4,.mx-md-n4 {

margin-right: -1.5rem!important

}
.mb-md-n4,.my-md-n4 {

margin-bottom: -1.5rem!important

.ml-md-n4,.mx-md-n4 {

margin-left: -1.5rem!important

.m-md-n5 {

margin: -3rem!important

.mt-md-n5,.my-md-n5 {

margin-top: -3rem!important

.mr-md-n5,.mx-md-n5 {

margin-right: -3rem!important

.mb-md-n5,.my-md-n5 {

margin-bottom: -3rem!important

.ml-md-n5,.mx-md-n5 {

margin-left: -3rem!important

.m-md-auto {

margin: auto!important

}
 .mt-md-auto,.my-md-auto {

margin-top: auto!important

.mr-md-auto,.mx-md-auto {

margin-right: auto!important

.mb-md-auto,.my-md-auto {

margin-bottom: auto!important

.ml-md-auto,.mx-md-auto {

margin-left: auto!important

@media (min-width: 992px) {

.m-lg-0 {

margin:0!important

.mt-lg-0,.my-lg-0 {

margin-top: 0!important

.mr-lg-0,.mx-lg-0 {

margin-right: 0!important

}
.mb-lg-0,.my-lg-0 {

margin-bottom: 0!important

.ml-lg-0,.mx-lg-0 {

margin-left: 0!important

.m-lg-1 {

margin: .25rem!important

.mt-lg-1,.my-lg-1 {

margin-top: .25rem!important

.mr-lg-1,.mx-lg-1 {

margin-right: .25rem!important

.mb-lg-1,.my-lg-1 {

margin-bottom: .25rem!important

.ml-lg-1,.mx-lg-1 {

margin-left: .25rem!important

.m-lg-2 {

margin: .5rem!important

}
.mt-lg-2,.my-lg-2 {

margin-top: .5rem!important

.mr-lg-2,.mx-lg-2 {

margin-right: .5rem!important

.mb-lg-2,.my-lg-2 {

margin-bottom: .5rem!important

.ml-lg-2,.mx-lg-2 {

margin-left: .5rem!important

.m-lg-3 {

margin: 1rem!important

.mt-lg-3,.my-lg-3 {

margin-top: 1rem!important

.mr-lg-3,.mx-lg-3 {

margin-right: 1rem!important

.mb-lg-3,.my-lg-3 {

margin-bottom: 1rem!important
}

.ml-lg-3,.mx-lg-3 {

margin-left: 1rem!important

.m-lg-4 {

margin: 1.5rem!important

.mt-lg-4,.my-lg-4 {

margin-top: 1.5rem!important

.mr-lg-4,.mx-lg-4 {

margin-right: 1.5rem!important

.mb-lg-4,.my-lg-4 {

margin-bottom: 1.5rem!important

.ml-lg-4,.mx-lg-4 {

margin-left: 1.5rem!important

.m-lg-5 {

margin: 3rem!important

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

.mr-lg-5,.mx-lg-5 {

margin-right: 3rem!important

.mb-lg-5,.my-lg-5 {

margin-bottom: 3rem!important

.ml-lg-5,.mx-lg-5 {

margin-left: 3rem!important

.p-lg-0 {

padding: 0!important

.pt-lg-0,.py-lg-0 {

padding-top: 0!important

.pr-lg-0,.px-lg-0 {

padding-right: 0!important

.pb-lg-0,.py-lg-0 {

padding-bottom: 0!important

}
.pl-lg-0,.px-lg-0 {

padding-left: 0!important

.p-lg-1 {

padding: .25rem!important

.pt-lg-1,.py-lg-1 {

padding-top: .25rem!important

.pr-lg-1,.px-lg-1 {

padding-right: .25rem!important

.pb-lg-1,.py-lg-1 {

padding-bottom: .25rem!important

.pl-lg-1,.px-lg-1 {

padding-left: .25rem!important

.p-lg-2 {

padding: .5rem!important

.pt-lg-2,.py-lg-2 {

padding-top: .5rem!important

}
.pr-lg-2,.px-lg-2 {

padding-right: .5rem!important

.pb-lg-2,.py-lg-2 {

padding-bottom: .5rem!important

.pl-lg-2,.px-lg-2 {

padding-left: .5rem!important

.p-lg-3 {

padding: 1rem!important

.pt-lg-3,.py-lg-3 {

padding-top: 1rem!important

.pr-lg-3,.px-lg-3 {

padding-right: 1rem!important

.pb-lg-3,.py-lg-3 {

padding-bottom: 1rem!important

.pl-lg-3,.px-lg-3 {

padding-left: 1rem!important
}

.p-lg-4 {

padding: 1.5rem!important

.pt-lg-4,.py-lg-4 {

padding-top: 1.5rem!important

.pr-lg-4,.px-lg-4 {

padding-right: 1.5rem!important

.pb-lg-4,.py-lg-4 {

padding-bottom: 1.5rem!important

.pl-lg-4,.px-lg-4 {

padding-left: 1.5rem!important

.p-lg-5 {

padding: 3rem!important

.pt-lg-5,.py-lg-5 {

padding-top: 3rem!important

.pr-lg-5,.px-lg-5 {
 padding-right: 3rem!important

.pb-lg-5,.py-lg-5 {

padding-bottom: 3rem!important

.pl-lg-5,.px-lg-5 {

padding-left: 3rem!important

.m-lg-n1 {

margin: -.25rem!important

.mt-lg-n1,.my-lg-n1 {

margin-top: -.25rem!important

.mr-lg-n1,.mx-lg-n1 {

margin-right: -.25rem!important

.mb-lg-n1,.my-lg-n1 {

margin-bottom: -.25rem!important

.ml-lg-n1,.mx-lg-n1 {

margin-left: -.25rem!important

}
.m-lg-n2 {

margin: -.5rem!important

.mt-lg-n2,.my-lg-n2 {

margin-top: -.5rem!important

.mr-lg-n2,.mx-lg-n2 {

margin-right: -.5rem!important

.mb-lg-n2,.my-lg-n2 {

margin-bottom: -.5rem!important

.ml-lg-n2,.mx-lg-n2 {

margin-left: -.5rem!important

.m-lg-n3 {

margin: -1rem!important

.mt-lg-n3,.my-lg-n3 {

margin-top: -1rem!important

.mr-lg-n3,.mx-lg-n3 {

margin-right: -1rem!important

}
.mb-lg-n3,.my-lg-n3 {

margin-bottom: -1rem!important

.ml-lg-n3,.mx-lg-n3 {

margin-left: -1rem!important

.m-lg-n4 {

margin: -1.5rem!important

.mt-lg-n4,.my-lg-n4 {

margin-top: -1.5rem!important

.mr-lg-n4,.mx-lg-n4 {

margin-right: -1.5rem!important

.mb-lg-n4,.my-lg-n4 {

margin-bottom: -1.5rem!important

.ml-lg-n4,.mx-lg-n4 {

margin-left: -1.5rem!important

.m-lg-n5 {

margin: -3rem!important
}

.mt-lg-n5,.my-lg-n5 {

margin-top: -3rem!important

.mr-lg-n5,.mx-lg-n5 {

margin-right: -3rem!important

.mb-lg-n5,.my-lg-n5 {

margin-bottom: -3rem!important

.ml-lg-n5,.mx-lg-n5 {

margin-left: -3rem!important

.m-lg-auto {

margin: auto!important

.mt-lg-auto,.my-lg-auto {

margin-top: auto!important

.mr-lg-auto,.mx-lg-auto {

margin-right: auto!important

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

.ml-lg-auto,.mx-lg-auto {

margin-left: auto!important

@media (min-width: 1200px) {

.m-xl-0 {

margin:0!important

.mt-xl-0,.my-xl-0 {

margin-top: 0!important

.mr-xl-0,.mx-xl-0 {

margin-right: 0!important

.mb-xl-0,.my-xl-0 {

margin-bottom: 0!important

.ml-xl-0,.mx-xl-0 {

margin-left: 0!important

.m-xl-1 {

margin: .25rem!important
}

.mt-xl-1,.my-xl-1 {

margin-top: .25rem!important

.mr-xl-1,.mx-xl-1 {

margin-right: .25rem!important

.mb-xl-1,.my-xl-1 {

margin-bottom: .25rem!important

.ml-xl-1,.mx-xl-1 {

margin-left: .25rem!important

.m-xl-2 {

margin: .5rem!important

.mt-xl-2,.my-xl-2 {

margin-top: .5rem!important

.mr-xl-2,.mx-xl-2 {

margin-right: .5rem!important

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

.ml-xl-2,.mx-xl-2 {

margin-left: .5rem!important

.m-xl-3 {

margin: 1rem!important

.mt-xl-3,.my-xl-3 {

margin-top: 1rem!important

.mr-xl-3,.mx-xl-3 {

margin-right: 1rem!important

.mb-xl-3,.my-xl-3 {

margin-bottom: 1rem!important

.ml-xl-3,.mx-xl-3 {

margin-left: 1rem!important

.m-xl-4 {

margin: 1.5rem!important

}
.mt-xl-4,.my-xl-4 {

margin-top: 1.5rem!important

.mr-xl-4,.mx-xl-4 {

margin-right: 1.5rem!important

.mb-xl-4,.my-xl-4 {

margin-bottom: 1.5rem!important

.ml-xl-4,.mx-xl-4 {

margin-left: 1.5rem!important

.m-xl-5 {

margin: 3rem!important

.mt-xl-5,.my-xl-5 {

margin-top: 3rem!important

.mr-xl-5,.mx-xl-5 {

margin-right: 3rem!important

.mb-xl-5,.my-xl-5 {

margin-bottom: 3rem!important

}
.ml-xl-5,.mx-xl-5 {

margin-left: 3rem!important

.p-xl-0 {

padding: 0!important

.pt-xl-0,.py-xl-0 {

padding-top: 0!important

.pr-xl-0,.px-xl-0 {

padding-right: 0!important

.pb-xl-0,.py-xl-0 {

padding-bottom: 0!important

.pl-xl-0,.px-xl-0 {

padding-left: 0!important

.p-xl-1 {

padding: .25rem!important

.pt-xl-1,.py-xl-1 {

padding-top: .25rem!important
}

.pr-xl-1,.px-xl-1 {

padding-right: .25rem!important

.pb-xl-1,.py-xl-1 {

padding-bottom: .25rem!important

.pl-xl-1,.px-xl-1 {

padding-left: .25rem!important

.p-xl-2 {

padding: .5rem!important

.pt-xl-2,.py-xl-2 {

padding-top: .5rem!important

.pr-xl-2,.px-xl-2 {

padding-right: .5rem!important

.pb-xl-2,.py-xl-2 {

padding-bottom: .5rem!important

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

.p-xl-3 {

padding: 1rem!important

.pt-xl-3,.py-xl-3 {

padding-top: 1rem!important

.pr-xl-3,.px-xl-3 {

padding-right: 1rem!important

.pb-xl-3,.py-xl-3 {

padding-bottom: 1rem!important

.pl-xl-3,.px-xl-3 {

padding-left: 1rem!important

.p-xl-4 {

padding: 1.5rem!important

.pt-xl-4,.py-xl-4 {

padding-top: 1.5rem!important

}
.pr-xl-4,.px-xl-4 {

padding-right: 1.5rem!important

.pb-xl-4,.py-xl-4 {

padding-bottom: 1.5rem!important

.pl-xl-4,.px-xl-4 {

padding-left: 1.5rem!important

.p-xl-5 {

padding: 3rem!important

.pt-xl-5,.py-xl-5 {

padding-top: 3rem!important

.pr-xl-5,.px-xl-5 {

padding-right: 3rem!important

.pb-xl-5,.py-xl-5 {

padding-bottom: 3rem!important

.pl-xl-5,.px-xl-5 {

padding-left: 3rem!important

}
.m-xl-n1 {

margin: -.25rem!important

.mt-xl-n1,.my-xl-n1 {

margin-top: -.25rem!important

.mr-xl-n1,.mx-xl-n1 {

margin-right: -.25rem!important

.mb-xl-n1,.my-xl-n1 {

margin-bottom: -.25rem!important

.ml-xl-n1,.mx-xl-n1 {

margin-left: -.25rem!important

.m-xl-n2 {

margin: -.5rem!important

.mt-xl-n2,.my-xl-n2 {

margin-top: -.5rem!important

.mr-xl-n2,.mx-xl-n2 {

margin-right: -.5rem!important
}

.mb-xl-n2,.my-xl-n2 {

margin-bottom: -.5rem!important

.ml-xl-n2,.mx-xl-n2 {

margin-left: -.5rem!important

.m-xl-n3 {

margin: -1rem!important

.mt-xl-n3,.my-xl-n3 {

margin-top: -1rem!important

.mr-xl-n3,.mx-xl-n3 {

margin-right: -1rem!important

.mb-xl-n3,.my-xl-n3 {

margin-bottom: -1rem!important

.ml-xl-n3,.mx-xl-n3 {

margin-left: -1rem!important

.m-xl-n4 {
 margin: -1.5rem!important

.mt-xl-n4,.my-xl-n4 {

margin-top: -1.5rem!important

.mr-xl-n4,.mx-xl-n4 {

margin-right: -1.5rem!important

.mb-xl-n4,.my-xl-n4 {

margin-bottom: -1.5rem!important

.ml-xl-n4,.mx-xl-n4 {

margin-left: -1.5rem!important

.m-xl-n5 {

margin: -3rem!important

.mt-xl-n5,.my-xl-n5 {

margin-top: -3rem!important

.mr-xl-n5,.mx-xl-n5 {

margin-right: -3rem!important

}
 .mb-xl-n5,.my-xl-n5 {

margin-bottom: -3rem!important

.ml-xl-n5,.mx-xl-n5 {

margin-left: -3rem!important

.m-xl-auto {

margin: auto!important

.mt-xl-auto,.my-xl-auto {

margin-top: auto!important

.mr-xl-auto,.mx-xl-auto {

margin-right: auto!important

.mb-xl-auto,.my-xl-auto {

margin-bottom: auto!important

.ml-xl-auto,.mx-xl-auto {

margin-left: auto!important

.stretched-link::after {

position: absolute;
 top: 0;

right: 0;

bottom: 0;

left: 0;

z-index: 1;

pointer-events: auto;

content: "";

background-color: rgba(0,0,0,0)

.text-monospace {

font-family: SFMono-Regular,Menlo,Monaco,Consolas,"Liberation Mono","Courier

New",monospace!important

.text-justify {

text-align: justify!important

.text-wrap {

white-space: normal!important

.text-nowrap {

white-space: nowrap!important

.text-truncate {

overflow: hidden;

text-overflow: ellipsis;

white-space: nowrap
}

.text-left {

text-align: left!important

.text-right {

text-align: right!important

.text-center {

text-align: center!important

@media (min-width: 576px) {

.text-sm-left {

text-align:left!important

.text-sm-right {

text-align: right!important

.text-sm-center {

text-align: center!important

@media (min-width: 768px) {

.text-md-left {

text-align:left!important
 }

.text-md-right {

text-align: right!important

.text-md-center {

text-align: center!important

@media (min-width: 992px) {

.text-lg-left {

text-align:left!important

.text-lg-right {

text-align: right!important

.text-lg-center {

text-align: center!important

@media (min-width: 1200px) {

.text-xl-left {

text-align:left!important

.text-xl-right {
 text-align: right!important

.text-xl-center {

text-align: center!important

.text-lowercase {

text-transform: lowercase!important

.dropdown .dropdown-menu .dropdown-header,.sidebar .sidebar-heading,.text-uppercase {

text-transform: uppercase!important

.text-capitalize {

text-transform: capitalize!important

.font-weight-light {

font-weight: 300!important

.font-weight-lighter {

font-weight: lighter!important

.font-weight-normal {

font-weight: 400!important

}
.font-weight-bold {

font-weight: 700!important

.font-weight-bolder {

font-weight: bolder!important

.font-italic {

font-style: italic!important

.text-white {

color: #fff!important

.text-primary {

color: #4e73df!important

a.text-primary:focus,a.text-primary:hover {

color: #224abe!important

.text-secondary {

color: #718096!important

a.text-secondary:focus,a.text-secondary:hover {

color: #4f5b6b!important
}

.text-success {

color: #1cc88a!important

a.text-success:focus,a.text-success:hover {

color: #13855c!important

.text-info {

color: #36b9cc!important

a.text-info:focus,a.text-info:hover {

color: #258391!important

.text-warning {

color: #f6c23e!important

a.text-warning:focus,a.text-warning:hover {

color: #dda20a!important

.text-danger {

color: #e74a3b!important

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

.text-light {

color: #f7fafc!important

a.text-light:focus,a.text-light:hover {

color: #bfd7e7!important

.text-dark {

color: #2d3748!important

a.text-dark:focus,a.text-dark:hover {

color: #101319!important

.text-body {

color: #4a5568!important

.text-muted {

color: #718096!important

.text-black-50 {

color: rgba(0,0,0,.5)!important

}
.text-white-50 {

color: rgba(255,255,255,.5)!important

.text-hide {

font: 0/0 a;

color: transparent;

text-shadow: none;

background-color: transparent;

border: 0

.text-decoration-none {

text-decoration: none!important

.text-break {

word-break: break-word!important;

word-wrap: break-word!important

.text-reset {

color: inherit!important

.visible {

visibility: visible!important

.invisible {

visibility: hidden!important
}

@media print {

*,::after,::before {

text-shadow: none!important;

box-shadow: none!important

a:not(.btn) {

text-decoration: underline

abbr[title]::after {

content: " (" attr(title) ")"

pre {

white-space: pre-wrap!important

blockquote,pre {

border: 1px solid #a0aec0;

page-break-inside: avoid

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 #e2e8f0!important

.table-dark {

color: inherit

.table-dark tbody+tbody,.table-dark td,.table-dark th,.table-dark thead th {

border-color: #e6edf4

.table .thead-dark th {

color: inherit;

border-color: #e6edf4

html {

position: relative;

min-height: 100%

body {

height: 100%

}
a:focus {

outline: 0

#wrapper {

display: flex

#wrapper #content-wrapper {

background-color: #f7fafc;

width: 100%;

overflow-x: hidden

#wrapper #content-wrapper #content {

flex: 1 0 auto

.container,.container-fluid,.container-lg,.container-md,.container-sm,.container-xl {

padding-left: 1.5rem;

padding-right: 1.5rem

.scroll-to-top {

position: fixed;

right: 1rem;

bottom: 1rem;

display: none;

width: 2.75rem;

height: 2.75rem;

text-align: center;
 color: #fff;

background: rgba(45,55,72,.5);

line-height: 46px

.scroll-to-top:focus,.scroll-to-top:hover {

color: #fff

.scroll-to-top:hover {

background: #2d3748

.scroll-to-top i {

font-weight: 700

@-webkit-keyframes growIn {

0% {

transform: scale(.9);

opacity: 0

100% {

transform: scale(1);

opacity: 1

@keyframes growIn {

0% {
 transform: scale(.9);

opacity: 0

100% {

transform: scale(1);

opacity: 1

.animated--grow-in,.sidebar .nav-item .collapse {

-webkit-animation-name: growIn;

animation-name: growIn;

-webkit-animation-duration: .2s;

animation-duration: .2s;

-webkit-animation-timing-function: cubic-bezier(.18,1.25,.4,1);

animation-timing-function: cubic-bezier(.18,1.25,.4,1)

@-webkit-keyframes fadeIn {

0% {

opacity: 0

100% {

opacity: 1

@keyframes fadeIn {

0% {
 opacity: 0

100% {

opacity: 1

.animated--fade-in {

-webkit-animation-name: fadeIn;

animation-name: fadeIn;

-webkit-animation-duration: .2s;

animation-duration: .2s;

-webkit-animation-timing-function: cubic-bezier(0,1,.4,1);

animation-timing-function: cubic-bezier(0,1,.4,1)

@-webkit-keyframes fadeInUp {

0% {

opacity: 0;

transform: translate3d(0,100%,0)

100% {

opacity: 1;

transform: translate3d(0,0,0)

@keyframes fadeInUp {

0% {
 opacity: 0;

transform: translate3d(0,100%,0)

100% {

opacity: 1;

transform: translate3d(0,0,0)

.animated--fade-in-up {

-webkit-animation-name: fadeInUp;

animation-name: fadeInUp;

-webkit-animation-duration: .2s;

animation-duration: .2s;

-webkit-animation-timing-function: cubic-bezier(.39,.575,.565,1);

animation-timing-function: cubic-bezier(.39,.575,.565,1)

.bg-gradient-primary {

background-color: #4e73df;

background-image: linear-gradient(180deg,#4e73df 10%,#ffffff 100%);

background-size: cover

.bg-gradient-secondary {

background-color: #718096;

background-image: linear-gradient(180deg,#718096 10%,#4f5b6b 100%);

background-size: cover

}
.bg-gradient-success {

background-color: #1cc88a;

background-image: linear-gradient(180deg,#1cc88a 10%,#13855c 100%);

background-size: cover

.bg-gradient-info {

background-color: #36b9cc;

background-image: linear-gradient(180deg,#36b9cc 10%,#258391 100%);

background-size: cover

.bg-gradient-warning {

background-color: #f6c23e;

background-image: linear-gradient(180deg,#f6c23e 10%,#dda20a 100%);

background-size: cover

.bg-gradient-danger {

background-color: #e74a3b;

background-image: linear-gradient(180deg,#e74a3b 10%,#be2617 100%);

background-size: cover

.bg-gradient-light {

background-color: #f7fafc;

background-image: linear-gradient(180deg,#f7fafc 10%,#bfd7e7 100%);

background-size: cover

.bg-gradient-dark {
 background-color: #2d3748;

background-image: linear-gradient(180deg,#2d3748 10%,#101319 100%);

background-size: cover

.bg-gray-100 {

background-color: #f7fafc!important

.bg-gray-200 {

background-color: #edf2f7!important

.bg-gray-300 {

background-color: #e2e8f0!important

.bg-gray-400 {

background-color: #cbd5e0!important

.bg-gray-500 {

background-color: #a0aec0!important

.bg-gray-600 {

background-color: #718096!important

.bg-gray-700 {

background-color: #4a5568!important
}

.bg-gray-800 {

background-color: #2d3748!important

.bg-gray-900 {

background-color: #1a202c!important

.o-hidden {

overflow: hidden!important

.text-xs {

font-size: .7rem

.text-lg {

font-size: 1.2rem

.text-gray-100 {

color: #f7fafc!important

.text-gray-200 {

color: #edf2f7!important

.text-gray-300 {
 color: #e2e8f0!important

.text-gray-400 {

color: #cbd5e0!important

.text-gray-500 {

color: #a0aec0!important

.text-gray-600 {

color: #718096!important

.text-gray-700 {

color: #4a5568!important

.text-gray-800 {

color: #2d3748!important

.text-gray-900 {

color: #1a202c!important

.icon-circle {

height: 2.5rem;

width: 2.5rem;

border-radius: 100%;
 display: flex;

align-items: center;

justify-content: center

.heading-small {

color: #34395e;

font-weight: 600

.heading-small:before {

content: '';

border-radius: 5px;

height: 6px;

width: 25px;

background-color: #4e73df;

display: inline-block;

float: left;

margin-top: 6px;

margin-right: 10px

.border-left-primary {

border-left: .25rem solid #4e73df!important

.border-bottom-primary {

border-bottom: .25rem solid #4e73df!important

.border-left-secondary {
 border-left: .25rem solid #718096!important

.border-bottom-secondary {

border-bottom: .25rem solid #718096!important

.border-left-success {

border-left: .25rem solid #1cc88a!important

.border-bottom-success {

border-bottom: .25rem solid #1cc88a!important

.border-left-info {

border-left: .25rem solid #36b9cc!important

.border-bottom-info {

border-bottom: .25rem solid #36b9cc!important

.border-left-warning {

border-left: .25rem solid #f6c23e!important

.border-bottom-warning {

border-bottom: .25rem solid #f6c23e!important

}
.border-left-danger {

border-left: .25rem solid #e74a3b!important

.border-bottom-danger {

border-bottom: .25rem solid #e74a3b!important

.border-left-light {

border-left: .25rem solid #f7fafc!important

.border-bottom-light {

border-bottom: .25rem solid #f7fafc!important

.border-left-dark {

border-left: .25rem solid #2d3748!important

.border-bottom-dark {

border-bottom: .25rem solid #2d3748!important

.progress-sm {

height: .5rem

.rotate-15 {

transform: rotate(15deg)

}
.rotate-n-15 {

transform: rotate(-15deg)

.avatar {

background: #4e73df;

border-radius: 50%;

color: #fff;

display: inline-block;

font-size: 16px;

font-weight: 300;

margin: 0;

position: relative;

vertical-align: middle;

line-height: 1.28;

height: 45px;

width: 45px

.avatar.avatar-xs {

font-size: 6px;

height: 15px;

width: 15px

.avatar.avatar-sm {

font-size: 12px;

height: 30px;

width: 30px

}
.avatar.avatar-lg {

font-size: 23px;

height: 60px;

width: 60px

.avatar.avatar-xl {

font-size: 30px;

height: 75px;

width: 75px

.avatar img {

border-radius: 50%;

height: 100%;

position: relative;

width: 100%;

z-index: 1

.avatar .avatar-icon {

background: #fff;

bottom: 14.64%;

height: 50%;

padding: .1rem;

position: absolute;

right: 14.64%;

transform: translate(50%,50%);

width: 50%;

z-index: 2
}

.avatar .avatar-presence {

bottom: 14.64%;

padding: .1rem;

position: absolute;

right: 14.64%;

transform: translate(50%,50%);

z-index: 2;

background: #bcc3ce;

border-radius: 50%;

box-shadow: 0 0 0 .1rem #fff;

height: .5em;

width: .5em

.avatar .avatar-presence.online {

background: #1cc88a

.avatar .avatar-presence.busy {

background: #e74a3b

.avatar .avatar-presence.away {

background: #f6c23e

.avatar[data-initial]::before {

color: currentColor;

content: attr(data-initial);
 left: 50%;

position: absolute;

top: 50%;

transform: translate(-50%,-50%);

z-index: 1

.dropdown .dropdown-menu {

font-size: .85rem

.dropdown .dropdown-menu .dropdown-header {

font-weight: 800;

font-size: .65rem;

color: #a0aec0

.dropdown.no-arrow .dropdown-toggle::after {

display: none

.sidebar .nav-item.dropdown .dropdown-toggle::after,.topbar .nav-item.dropdown .dropdown-

toggle::after {

width: 1rem;

text-align: center;

float: right;

vertical-align: 0;

border: 0;

font-weight: 900;

content: '\f105';

font-family: 'Font Awesome 5 Free'

}

.sidebar .nav-item.dropdown.show .dropdown-toggle::after,.topbar .nav-

item.dropdown.show .dropdown-toggle::after {

content: '\f107'

.sidebar .nav-item .nav-link,.topbar .nav-item .nav-link {

position: relative

.sidebar .nav-item .nav-link .badge-counter,.topbar .nav-item .nav-link .badge-counter {

position: absolute;

transform: scale(.7);

transform-origin: top right;

right: .25rem;

margin-top: -.25rem

.sidebar .nav-item .nav-link .img-profile,.topbar .nav-item .nav-link .img-profile {

height: 2rem;

width: 2rem

.topbar {

height: 4.375rem

.topbar #sidebarToggleTop {

height: 2.5rem;

width: 2.5rem
}

.topbar #sidebarToggleTop:hover {

background-color: #edf2f7

.topbar #sidebarToggleTop:active {

background-color: #e2e8f0

.topbar .navbar-search {

width: 25rem

.topbar .navbar-search input {

font-size: .85rem;

height: auto

.topbar .navbar-search button {

font-size: .85rem

.topbar .topbar-divider {

width: 0;

border-right: 1px solid #e6edf4;

height: calc(4.375rem - 2rem);

margin: auto 1rem

.topbar .nav-item .nav-link {

 height: 4.375rem;

display: flex;

align-items: center;

padding: 0 .75rem

.topbar .nav-item .nav-link:focus {

outline: 0

.topbar .nav-item:focus {

outline: 0

.topbar .dropdown {

position: static

.topbar .dropdown .dropdown-menu {

width: calc(100% - 1.5rem);

right: .75rem

.topbar .dropdown-list {

padding: 0;

border: none;

overflow: hidden

.topbar .dropdown-list .dropdown-header {

background-color: #4e73df;
 border: 1px solid #4e73df;

padding-top: .75rem;

padding-bottom: .75rem;

color: #fff

.topbar .dropdown-list .dropdown-item {

white-space: normal;

padding-top: .5rem;

padding-bottom: .5rem;

border-left: 1px solid #e6edf4;

border-right: 1px solid #e6edf4;

border-bottom: 1px solid #e6edf4;

line-height: 1.3rem

.topbar .dropdown-list .dropdown-item .dropdown-list-image {

position: relative;

height: 2.5rem;

width: 2.5rem

.topbar .dropdown-list .dropdown-item .dropdown-list-image img {

height: 2.5rem;

width: 2.5rem

.topbar .dropdown-list .dropdown-item .dropdown-list-image .status-indicator {

background-color: #edf2f7;

height: .75rem;

width: .75rem;
 border-radius: 100%;

position: absolute;

bottom: 0;

right: 0;

border: .125rem solid #fff

.topbar .dropdown-list .dropdown-item .text-truncate {

max-width: 10rem

.topbar .dropdown-list .dropdown-item:active {

background-color: #edf2f7;

color: #1a202c

@media (min-width: 576px) {

.topbar .dropdown {

position:relative

.topbar .dropdown .dropdown-menu {

width: auto;

right: 0

.topbar .dropdown-list {

width: 20rem!important

.topbar .dropdown-list .dropdown-item .text-truncate {

 max-width: 13.375rem

.topbar.navbar-dark .navbar-nav .nav-item .nav-link {

color: rgba(255,255,255,.8)

.topbar.navbar-dark .navbar-nav .nav-item .nav-link:hover {

color: #fff

.topbar.navbar-dark .navbar-nav .nav-item .nav-link:active {

color: #fff

.topbar.navbar-light .navbar-nav .nav-item .nav-link {

color: #cbd5e0

.topbar.navbar-light .navbar-nav .nav-item .nav-link:hover {

color: #a0aec0

.topbar.navbar-light .navbar-nav .nav-item .nav-link:active {

color: #718096

.sidebar {

width: 6.5rem;

min-height: 100vh;
 max-height: 100%;

height: -webkit-fit-content;

height: -moz-fit-content;

height: fit-content;

position: -webkit-sticky;

position: sticky;

z-index: 1;

top: 0;

transition: all .5s

.sidebar .nav-item {

position: relative

.sidebar .nav-item:last-child {

margin-bottom: 1rem

.sidebar .nav-item .nav-link {

text-align: center;

padding: .75rem 1rem;

width: 6.5rem

.sidebar .nav-item .nav-link span {

font-size: .65rem;

display: block

.sidebar .nav-item.active .nav-link {

 font-weight: 700

.sidebar .nav-item .collapse {

position: absolute;

left: calc(6.5rem + 1.5rem / 2);

z-index: 1;

top: 2px

.sidebar .nav-item .collapse .collapse-inner {

border-radius: .35rem;

box-shadow: 0 4px 6px -1px rgba(0,0,0,.1),0 2px 4px -1px rgba(0,0,0,.06)

.sidebar .nav-item .collapsing {

display: none;

transition: none

.sidebar .nav-item .collapse .collapse-inner,.sidebar .nav-item .collapsing .collapse-inner {

padding: .5rem 0;

min-width: 10rem;

font-size: .85rem;

margin: 0 0 1rem 0

.sidebar .nav-item .collapse .collapse-inner .collapse-header,.sidebar .nav-item .collapsing .collapse-

inner .collapse-header {

margin: 0;

white-space: nowrap;
 padding: .5rem 1.5rem;

text-transform: uppercase;

font-weight: 800;

font-size: .65rem;

color: #a0aec0

.sidebar .nav-item .collapse .collapse-inner .collapse-item,.sidebar .nav-item .collapsing .collapse-

inner .collapse-item {

padding: .5rem 1rem;

margin: 0 .5rem;

display: block;

color: #1a202c;

text-decoration: none;

border-radius: .35rem;

white-space: nowrap

.sidebar .nav-item .collapse .collapse-inner .collapse-item:hover,.sidebar .nav-

item .collapsing .collapse-inner .collapse-item:hover {

background-color: #edf2f7

.sidebar .nav-item .collapse .collapse-inner .collapse-item:active,.sidebar .nav-

item .collapsing .collapse-inner .collapse-item:active {

background-color: #e2e8f0

.sidebar .nav-item .collapse .collapse-inner .collapse-item.active,.sidebar .nav-

item .collapsing .collapse-inner .collapse-item.active {

color: #4e73df;

font-weight: 700
}

.sidebar #sidebarToggle {

width: 2.5rem;

height: 2.5rem;

text-align: center;

margin-bottom: 1rem;

cursor: pointer

.sidebar #sidebarToggle::after {

font-weight: 900;

content: '\f104';

font-family: 'Font Awesome 5 Free';

margin-right: .1rem

.sidebar #sidebarToggle:hover {

text-decoration: none

.sidebar #sidebarToggle:focus {

outline: 0

.sidebar.toggled {

width: 0!important;

overflow: hidden

.sidebar.toggled #sidebarToggle::after {
 content: '\f105';

font-family: 'Font Awesome 5 Free';

margin-left: .25rem

.sidebar .sidebar-brand {

height: 4.375rem;

text-decoration: none;

font-size: 1rem;

font-weight: 800;

padding: 1.5rem 1rem;

text-align: center;

text-transform: uppercase;

letter-spacing: .05rem;

z-index: 1

.sidebar .sidebar-brand .sidebar-brand-icon i {

font-size: 2rem

.sidebar .sidebar-brand .sidebar-brand-text {

display: none

.sidebar hr.sidebar-divider {

margin: 0 1rem 1rem

.sidebar .sidebar-heading {

text-align: center;
 padding: 0 1rem;

font-weight: 800;

font-size: .65rem

@media (max-width: 575.98px) {

.sidebar {

position:absolute;

top: 4.375rem;

z-index: 1;

height: 100%

@media (min-width: 768px) {

.sidebar {

width:14rem!important

.sidebar .nav-item .collapse {

position: relative;

left: 0;

z-index: 1;

top: 0;

-webkit-animation: none;

animation: none

.sidebar .nav-item .collapse .collapse-inner {

border-radius: 0;

box-shadow: none
}

.sidebar .nav-item .collapsing {

display: block;

transition: height .35s ease

.sidebar .nav-item .collapse,.sidebar .nav-item .collapsing {

margin: 0 1rem

.sidebar .nav-item .nav-link {

display: block;

width: 100%;

text-align: left;

padding: 1rem;

width: 14rem

.sidebar .nav-item .nav-link i {

font-size: .85rem;

margin-right: .25rem

.sidebar .nav-item .nav-link span {

font-size: .85rem;

display: inline

.sidebar .nav-item .nav-link[data-toggle=collapse]::after {

width: 1rem;
 text-align: center;

float: right;

vertical-align: 0;

border: 0;

font-weight: 900;

content: '\f107';

font-family: 'Font Awesome 5 Free'

.sidebar .nav-item .nav-link[data-toggle=collapse].collapsed::after {

content: '\f105'

.sidebar .sidebar-brand .sidebar-brand-icon i {

font-size: 2rem

.sidebar .sidebar-brand .sidebar-brand-text {

display: inline

.sidebar .sidebar-heading {

text-align: left

.sidebar.toggled {

overflow: visible;

width: 6.5rem!important

.sidebar.toggled .nav-item .collapse {

 position: absolute;

left: calc(6.5rem + 1.5rem / 2);

z-index: 1;

top: 2px;

-webkit-animation-name: growIn;

animation-name: growIn;

-webkit-animation-duration: .2s;

animation-duration: .2s;

-webkit-animation-timing-function: cubic-bezier(.18,1.25,.4,1);

animation-timing-function: cubic-bezier(.18,1.25,.4,1)

.sidebar.toggled .nav-item .collapse .collapse-inner {

box-shadow: 0 4px 6px -1px rgba(0,0,0,.1),0 2px 4px -1px rgba(0,0,0,.06);

border-radius: .35rem

.sidebar.toggled .nav-item .collapsing {

display: none;

transition: none

.sidebar.toggled .nav-item .collapse,.sidebar.toggled .nav-item .collapsing {

margin: 0

.sidebar.toggled .nav-item:last-child {

margin-bottom: 1rem

.sidebar.toggled .nav-item .nav-link {

 text-align: center;

padding: .75rem 1rem;

width: 6.5rem

.sidebar.toggled .nav-item .nav-link span {

font-size: .65rem;

display: block

.sidebar.toggled .nav-item .nav-link i {

margin-right: 0

.sidebar.toggled .nav-item .nav-link[data-toggle=collapse]::after {

display: none

.sidebar.toggled .sidebar-brand .sidebar-brand-icon i {

font-size: 2rem

.sidebar.toggled .sidebar-brand .sidebar-brand-text {

display: none

.sidebar.toggled .sidebar-heading {

text-align: center

}
.sidebar-light .sidebar-brand {

color: #4a5568

.sidebar-light hr.sidebar-divider {

border-top: 1px solid #edf2f7

.sidebar-light .sidebar-heading {

color: #a0aec0

.sidebar-light .nav-item .nav-link {

color: #718096

.sidebar-light .nav-item .nav-link i {

color: #cbd5e0

.sidebar-light .nav-item .nav-link:active,.sidebar-light .nav-item .nav-link:focus,.sidebar-light .nav-item

.nav-link:hover {

color: #4a5568

.sidebar-light .nav-item .nav-link:active i,.sidebar-light .nav-item .nav-link:focus i,.sidebar-light .nav-

item .nav-link:hover i {

color: #4a5568

.sidebar-light .nav-item .nav-link[data-toggle=collapse]::after {

color: #a0aec0
}

.sidebar-light .nav-item.active .nav-link {

color: #4a5568

.sidebar-light .nav-item.active .nav-link i {

color: #4a5568

.sidebar-light #sidebarToggle {

background-color: #edf2f7

.sidebar-light #sidebarToggle::after {

color: #a0aec0

.sidebar-light #sidebarToggle:hover {

background-color: #e2e8f0

.sidebar-dark .sidebar-brand {

color: #fff

.sidebar-dark hr.sidebar-divider {

border-top: 1px solid rgba(255,255,255,.15)

.sidebar-dark .sidebar-heading {
 color: rgba(255,255,255,.4)

.sidebar-dark .nav-item .nav-link {

color: rgba(255,255,255,.8)

.sidebar-dark .nav-item .nav-link i {

color: rgba(255,255,255,.3)

.sidebar-dark .nav-item .nav-link:active,.sidebar-dark .nav-item .nav-link:focus,.sidebar-dark .nav-item

.nav-link:hover {

color: #fff

.sidebar-dark .nav-item .nav-link:active i,.sidebar-dark .nav-item .nav-link:focus i,.sidebar-dark .nav-

item .nav-link:hover i {

color: #fff

.sidebar-dark .nav-item .nav-link[data-toggle=collapse]::after {

color: rgba(255,255,255,.5)

.sidebar-dark .nav-item.active .nav-link {

color: #fff

.sidebar-dark .nav-item.active .nav-link i {

color: #fff

}
.sidebar-dark #sidebarToggle {

background-color: rgba(255,255,255,.2)

.sidebar-dark #sidebarToggle::after {

color: rgba(255,255,255,.5)

.sidebar-dark #sidebarToggle:hover {

background-color: rgba(255,255,255,.25)

.sidebar-dark.toggled #sidebarToggle::after {

color: rgba(255,255,255,.5)

.btn-circle {

border-radius: 100%;

height: 2.5rem;

width: 2.5rem;

font-size: 1rem;

display: inline-flex;

align-items: center;

justify-content: center

.btn-circle.btn-sm,.btn-group-sm>.btn-circle.btn {

height: 1.8rem;

width: 1.8rem;

font-size: .75rem
}

.btn-circle.btn-lg,.btn-group-lg>.btn-circle.btn {

height: 3.5rem;

width: 3.5rem;

font-size: 1.35rem

.btn-icon-split {

padding: 0;

overflow: hidden;

display: inline-flex;

align-items: stretch;

justify-content: center

.btn-icon-split .icon {

background: rgba(0,0,0,.15);

display: inline-block;

padding: .375rem .75rem

.btn-icon-split .text {

display: inline-block;

padding: .375rem .75rem

.btn-group-sm>.btn-icon-split.btn .icon,.btn-icon-split.btn-sm .icon {

padding: .25rem .5rem

}
.btn-group-sm>.btn-icon-split.btn .text,.btn-icon-split.btn-sm .text {

padding: .25rem .5rem

.btn-group-lg>.btn-icon-split.btn .icon,.btn-icon-split.btn-lg .icon {

padding: .5rem 1rem

.btn-group-lg>.btn-icon-split.btn .text,.btn-icon-split.btn-lg .text {

padding: .5rem 1rem

.btn-google {

color: #fff;

background-color: #ea4335;

border-color: #fff

.btn-google:hover {

color: #fff;

background-color: #e12717;

border-color: #e6e6e6

.btn-google.focus,.btn-google:focus {

color: #fff;

background-color: #e12717;

border-color: #e6e6e6;

box-shadow: 0 0 0 .2rem rgba(255,255,255,.5)

}
.btn-google.disabled,.btn-google:disabled {

color: #fff;

background-color: #ea4335;

border-color: #fff

.btn-google:not(:disabled):not(.disabled).active,.btn-
google:not(:disabled):not(.disabled):active,.show>.btn-google.dropdown-toggle {

color: #fff;

background-color: #d62516;

border-color: #dfdfdf

.btn-google:not(:disabled):not(.disabled).active:focus,.btn-
google:not(:disabled):not(.disabled):active:focus,.show>.btn-google.dropdown-toggle:focus {

box-shadow: 0 0 0 .2rem rgba(255,255,255,.5)

.btn-facebook {

color: #fff;

background-color: #3b5998;

border-color: #fff

.btn-facebook:hover {

color: #fff;

background-color: #30497c;

border-color: #e6e6e6

.btn-facebook.focus,.btn-facebook:focus {

color: #fff;
 background-color: #30497c;

border-color: #e6e6e6;

box-shadow: 0 0 0 .2rem rgba(255,255,255,.5)

.btn-facebook.disabled,.btn-facebook:disabled {

color: #fff;

background-color: #3b5998;

border-color: #fff

.btn-facebook:not(:disabled):not(.disabled).active,.btn-
facebook:not(:disabled):not(.disabled):active,.show>.btn-facebook.dropdown-toggle {

color: #fff;

background-color: #2d4373;

border-color: #dfdfdf

.btn-facebook:not(:disabled):not(.disabled).active:focus,.btn-
facebook:not(:disabled):not(.disabled):active:focus,.show>.btn-facebook.dropdown-toggle:focus {

box-shadow: 0 0 0 .2rem rgba(255,255,255,.5)

.btn-twitter {

color: #fff;

background-color: #1da1f2;

border-color: #fff

.btn-twitter:hover {

color: #fff;

background-color: #0d8ddc;
 border-color: #e6e6e6

.btn-twitter.focus,.btn-twitter:focus {

color: #fff;

background-color: #0d8ddc;

border-color: #e6e6e6;

box-shadow: 0 0 0 .2rem rgba(255,255,255,.5)

.btn-twitter.disabled,.btn-twitter:disabled {

color: #fff;

background-color: #1da1f2;

border-color: #fff

.btn-twitter:not(:disabled):not(.disabled).active,.btn-
twitter:not(:disabled):not(.disabled):active,.show>.btn-twitter.dropdown-toggle {

color: #fff;

background-color: #0c85d0;

border-color: #dfdfdf

.btn-twitter:not(:disabled):not(.disabled).active:focus,.btn-
twitter:not(:disabled):not(.disabled):active:focus,.show>.btn-twitter.dropdown-toggle:focus {

box-shadow: 0 0 0 .2rem rgba(255,255,255,.5)

.btn-youtube {

color: #fff;

background-color: red;

border-color: #fff
}

.btn-youtube:hover {

color: #fff;

background-color: #d90000;

border-color: #e6e6e6

.btn-youtube.focus,.btn-youtube:focus {

color: #fff;

background-color: #d90000;

border-color: #e6e6e6;

box-shadow: 0 0 0 .2rem rgba(255,255,255,.5)

.btn-youtube.disabled,.btn-youtube:disabled {

color: #fff;

background-color: red;

border-color: #fff

.btn-youtube:not(:disabled):not(.disabled).active,.btn-
youtube:not(:disabled):not(.disabled):active,.show>.btn-youtube.dropdown-toggle {

color: #fff;

background-color: #c00;

border-color: #dfdfdf

.btn-youtube:not(:disabled):not(.disabled).active:focus,.btn-
youtube:not(:disabled):not(.disabled):active:focus,.show>.btn-youtube.dropdown-toggle:focus {

box-shadow: 0 0 0 .2rem rgba(255,255,255,.5)

}
.btn-github {

color: #fff;

background-color: #333;

border-color: #fff

.btn-github:hover {

color: #fff;

background-color: #202020;

border-color: #e6e6e6

.btn-github.focus,.btn-github:focus {

color: #fff;

background-color: #202020;

border-color: #e6e6e6;

box-shadow: 0 0 0 .2rem rgba(255,255,255,.5)

.btn-github.disabled,.btn-github:disabled {

color: #fff;

background-color: #333;

border-color: #fff

.btn-github:not(:disabled):not(.disabled).active,.btn-
github:not(:disabled):not(.disabled):active,.show>.btn-github.dropdown-toggle {

color: #fff;

background-color: #1a1a1a;

border-color: #dfdfdf
}

.btn-github:not(:disabled):not(.disabled).active:focus,.btn-
github:not(:disabled):not(.disabled):active:focus,.show>.btn-github.dropdown-toggle:focus {

box-shadow: 0 0 0 .2rem rgba(255,255,255,.5)

.btn-whatsapp {

color: #fff;

background-color: #25d366;

border-color: #fff

.btn-whatsapp:hover {

color: #fff;

background-color: #1fb256;

border-color: #e6e6e6

.btn-whatsapp.focus,.btn-whatsapp:focus {

color: #fff;

background-color: #1fb256;

border-color: #e6e6e6;

box-shadow: 0 0 0 .2rem rgba(255,255,255,.5)

.btn-whatsapp.disabled,.btn-whatsapp:disabled {

color: #fff;

background-color: #25d366;

border-color: #fff

}
.btn-whatsapp:not(:disabled):not(.disabled).active,.btn-
whatsapp:not(:disabled):not(.disabled):active,.show>.btn-whatsapp.dropdown-toggle {

color: #fff;

background-color: #1da851;

border-color: #dfdfdf

.btn-whatsapp:not(:disabled):not(.disabled).active:focus,.btn-
whatsapp:not(:disabled):not(.disabled):active:focus,.show>.btn-whatsapp.dropdown-toggle:focus {

box-shadow: 0 0 0 .2rem rgba(255,255,255,.5)

.card .card-header .dropdown {

line-height: 1

.card .card-header .dropdown .dropdown-menu {

line-height: 1.5

.card .card-header[data-toggle=collapse] {

text-decoration: none;

position: relative;

padding: .75rem 3.25rem .75rem 1.25rem

.card .card-header[data-toggle=collapse]::after {

position: absolute;

right: 0;

top: 0;

padding-right: 1.725rem;
 line-height: 51px;

font-weight: 900;

content: '\f107';

font-family: 'Font Awesome 5 Free';

color: #cbd5e0

.card .card-header[data-toggle=collapse].collapsed {

border-radius: .35rem

.card .card-header[data-toggle=collapse].collapsed::after {

content: '\f105'

.card-profile-image {

text-align: center

.card-profile-image img {

margin: 8px 0;

max-width: 180px;

border-radius: .35rem;

transition: all .2s ease-in-out

@media (max-width: 767.98px) {

.card-profile-image img {

max-width:150px

}
.card-profile-stats {

text-align: center

.card-profile-stats .heading {

font-size: 1.1rem;

font-weight: 700;

display: block

.card-profile-stats .description {

font-size: .875rem;

color: #a0aec0

.chart-area {

position: relative;

height: 10rem;

width: 100%

@media (min-width: 768px) {

.chart-area {

height:20rem

.chart-bar {

position: relative;

height: 10rem;
 width: 100%

@media (min-width: 768px) {

.chart-bar {

height:20rem

.chart-pie {

position: relative;

height: 15rem;

width: 100%

@media (min-width: 768px) {

.chart-pie {

height:calc(20rem - 43px)!important

.form-group .form-control-label {

color: #1a202c;

font-weight: 600

.form-group .is-required {

color: #e74a3b;

margin-left: 1px

}
.form-control {

transition: border-color .15s ease-in-out,box-shadow .15s ease-in-out;

transition-property: border-color,box-shadow;

transition-duration: .15s,.15s;

transition-timing-function: ease-in-out,ease-in-out;

transition-delay: 0s,0s;

color: #2d3748;

height: 40px

.form-control:focus {

border-color: #4e73df;

color: #4a5568;

box-shadow: none

.bg-login-image {

/* background:url(../img/cover-login.png); */

background-position: center;

background-size: cover;

background-color: beige;

margin-right: 108px;

margin-left: -2px;

.bg-register-image {

background: url(../img/cover-register.png);

background-position: center;

background-size: cover

}
.bg-password-image {

background: url(../img/cover-forgot-password.png);

background-position: center;

background-size: cover

form.user .custom-checkbox.small label {

line-height: 1.5rem

form.user .form-control-user {

font-size: .8rem;

border-radius: 10rem;

padding: 1.5rem 1rem

form.user .btn-user {

font-size: .8rem;

border-radius: 10rem;

padding: .75rem 1rem

.error {

color: #2d3748;

font-size: 7rem;

position: relative;

line-height: 1;

width: 12.5rem

@-webkit-keyframes noise-anim {
0% {

clip: rect(2px,9999px,89px,0)

5% {

clip: rect(20px,9999px,51px,0)

10% {

clip: rect(9px,9999px,72px,0)

15% {

clip: rect(16px,9999px,91px,0)

20% {

clip: rect(75px,9999px,41px,0)

25% {

clip: rect(51px,9999px,95px,0)

30% {

clip: rect(47px,9999px,10px,0)

35% {

clip: rect(95px,9999px,39px,0)

}
40% {

clip: rect(74px,9999px,87px,0)

45% {

clip: rect(3px,9999px,1px,0)

50% {

clip: rect(72px,9999px,71px,0)

55% {

clip: rect(34px,9999px,99px,0)

60% {

clip: rect(24px,9999px,84px,0)

65% {

clip: rect(24px,9999px,56px,0)

70% {

clip: rect(44px,9999px,23px,0)

75% {

clip: rect(77px,9999px,46px,0)
 }

80% {

clip: rect(10px,9999px,97px,0)

85% {

clip: rect(66px,9999px,24px,0)

90% {

clip: rect(9px,9999px,28px,0)

95% {

clip: rect(12px,9999px,81px,0)

100% {

clip: rect(51px,9999px,6px,0)

@keyframes noise-anim {

0% {

clip: rect(2px,9999px,89px,0)

5% {

clip: rect(20px,9999px,51px,0)

}
10% {

clip: rect(9px,9999px,72px,0)

15% {

clip: rect(16px,9999px,91px,0)

20% {

clip: rect(75px,9999px,41px,0)

25% {

clip: rect(51px,9999px,95px,0)

30% {

clip: rect(47px,9999px,10px,0)

35% {

clip: rect(95px,9999px,39px,0)

40% {

clip: rect(74px,9999px,87px,0)

45% {

clip: rect(3px,9999px,1px,0)
}

50% {

clip: rect(72px,9999px,71px,0)

55% {

clip: rect(34px,9999px,99px,0)

60% {

clip: rect(24px,9999px,84px,0)

65% {

clip: rect(24px,9999px,56px,0)

70% {

clip: rect(44px,9999px,23px,0)

75% {

clip: rect(77px,9999px,46px,0)

80% {

clip: rect(10px,9999px,97px,0)

85% {
 clip: rect(66px,9999px,24px,0)

90% {

clip: rect(9px,9999px,28px,0)

95% {

clip: rect(12px,9999px,81px,0)

100% {

clip: rect(51px,9999px,6px,0)

.error:after {

content: attr(data-text);

position: absolute;

left: 2px;

text-shadow: -1px 0 #e74a3b;

top: 0;

color: #2d3748;

background: #f7fafc;

overflow: hidden;

clip: rect(0,900px,0,0);

animation: noise-anim 2s infinite linear alternate-reverse

@-webkit-keyframes noise-anim-2 {

0% {
 clip: rect(19px,9999px,31px,0)

5% {

clip: rect(37px,9999px,58px,0)

10% {

clip: rect(27px,9999px,12px,0)

15% {

clip: rect(44px,9999px,43px,0)

20% {

clip: rect(77px,9999px,6px,0)

25% {

clip: rect(23px,9999px,43px,0)

30% {

clip: rect(75px,9999px,62px,0)

35% {

clip: rect(31px,9999px,25px,0)

}
40% {

clip: rect(53px,9999px,77px,0)

45% {

clip: rect(74px,9999px,6px,0)

50% {

clip: rect(94px,9999px,48px,0)

55% {

clip: rect(9px,9999px,37px,0)

60% {

clip: rect(58px,9999px,12px,0)

65% {

clip: rect(44px,9999px,58px,0)

70% {

clip: rect(33px,9999px,55px,0)

75% {

clip: rect(87px,9999px,24px,0)

}
 80% {

clip: rect(58px,9999px,29px,0)

85% {

clip: rect(25px,9999px,97px,0)

90% {

clip: rect(55px,9999px,83px,0)

95% {

clip: rect(93px,9999px,95px,0)

100% {

clip: rect(5px,9999px,47px,0)

@keyframes noise-anim-2 {

0% {

clip: rect(19px,9999px,31px,0)

5% {

clip: rect(37px,9999px,58px,0)

}
10% {

clip: rect(27px,9999px,12px,0)

15% {

clip: rect(44px,9999px,43px,0)

20% {

clip: rect(77px,9999px,6px,0)

25% {

clip: rect(23px,9999px,43px,0)

30% {

clip: rect(75px,9999px,62px,0)

35% {

clip: rect(31px,9999px,25px,0)

40% {

clip: rect(53px,9999px,77px,0)

45% {

clip: rect(74px,9999px,6px,0)

}
50% {

clip: rect(94px,9999px,48px,0)

55% {

clip: rect(9px,9999px,37px,0)

60% {

clip: rect(58px,9999px,12px,0)

65% {

clip: rect(44px,9999px,58px,0)

70% {

clip: rect(33px,9999px,55px,0)

75% {

clip: rect(87px,9999px,24px,0)

80% {

clip: rect(58px,9999px,29px,0)

85% {

clip: rect(25px,9999px,97px,0)
 }

90% {

clip: rect(55px,9999px,83px,0)

95% {

clip: rect(93px,9999px,95px,0)

100% {

clip: rect(5px,9999px,47px,0)

.error:before {

content: attr(data-text);

position: absolute;

left: -2px;

text-shadow: 1px 0 #4e73df;

top: 0;

color: #2d3748;

background: #f7fafc;

overflow: hidden;

clip: rect(0,900px,0,0);

animation: noise-anim-2 3s infinite linear alternate-reverse

footer.sticky-footer {

padding: 2rem 0;

flex-shrink: 0
}

footer.sticky-footer .copyright {

line-height: 1;

font-size: .8rem

body.sidebar-toggled footer.sticky-footer {

width: 100%

.table thead th {

font-size: .875rem

.table.align-items-center td,.table.align-items-center th {

vertical-align: middle

/*# sourceMappingURL=sb-admin-2.min.css.map */