@charset "UTF-8";
/*!
 * Bootstrap v4.3.1 (https://getbootstrap.com/)
 * Copyright 2011-2019 The Bootstrap Authors
 * Copyright 2011-2019 Twitter, Inc.
 * Licensed under MIT (https://github.com/twbs/bootstrap/blob/master/LICENSE)
 */
:root { --blue: #99d6ea; --indigo: #6610f2; --purple: #6f42c1; --pink: #e83e8c; --red: #ff6720; --orange: #fd7e14; --yellow: #ffc107; --green: #5fe0b7; --teal: #20c997; --cyan: #17a2b8; --white: #fff; --gray: #6c757d; --gray-dark: #343a40; --primary: #00302d; --secondary: #e0ff90; --success: #5fe0b7; --info: #17a2b8; --warning: #ffc107; --danger: #ff6720; --light: #efece8; --dark: #00302d; --breakpoint-xs: 0; --breakpoint-sm: 375px; --breakpoint-md: 1024px; --breakpoint-lg: 1440px; --font-family-sans-serif: Calibre, sans-serif; --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: Calibre, sans-serif; font-size: 1rem; font-weight: 400; line-height: 1.5; color: #000; text-align: left; background-color: #fff; }
[tabindex="-1"]:focus { outline: 0 !important; }
hr { box-sizing: content-box; height: 0; overflow: visible; }
h1, h2, h3, h4, h5, h6 { margin-top: 0; margin-bottom: 0.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: #323239; text-decoration: none; background-color: transparent; } a:hover { color: #0e0e10; text-decoration: underline; }
a:not([href]):not([tabindex]) { color: inherit; text-decoration: none; } a:not([href]):not([tabindex]):hover, a:not([href]):not([tabindex]):focus { color: inherit; text-decoration: none; } a:not([href]):not([tabindex]):focus { outline: 0; }
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; }
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: 0.75rem; padding-bottom: 0.75rem; color: #6c757d; text-align: left; caption-side: bottom; }
th { text-align: inherit; }
label { display: inline-block; margin-bottom: 0.5rem; }
button { border-radius: 0; }
button:focus { outline: 1px dotted; outline: 5px auto -webkit-focus-ring-color; }
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; }
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; }
input[type="date"],
input[type="time"],
input[type="datetime-local"],
input[type="month"] { -webkit-appearance: listbox; }
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: 0.5rem; font-family: Canela; font-weight: 300; line-height: 1.2; }
h1, .h1 { font-size: 2.5rem; }
h2, .h2 { font-size: 2rem; }
h3, .h3 { font-size: 1.75rem; }
h4, .h4 { font-size: 1.5rem; }
h5, .h5 { font-size: 1.25rem; }
h6, .h6 { font-size: 1rem; }
.lead { font-size: 1.25rem; font-weight: 300; }
.display-1 { font-size: 6rem; font-weight: 300; line-height: 1.2; }
.display-2 { font-size: 5.5rem; font-weight: 300; line-height: 1.2; }
.display-3 { font-size: 4.5rem; font-weight: 300; line-height: 1.2; }
.display-4 { font-size: 3.5rem; font-weight: 300; line-height: 1.2; }
hr { margin-top: 1rem; margin-bottom: 1rem; border: 0; border-top: 1px solid #ccc; }
small,
.small { font-size: 80%; font-weight: 400; }
mark,
.mark { padding: 0.2em; background-color: #fcf8e3; }
.list-unstyled { padding-left: 0; list-style: none; }
.list-inline { padding-left: 0; list-style: none; }
.list-inline-item { display: inline-block; } .list-inline-item:not(:last-child) { margin-right: 0.5rem; }
.initialism { font-size: 90%; text-transform: uppercase; }
.blockquote { margin-bottom: 1rem; font-size: 1.25rem; }
.blockquote-footer { display: block; font-size: 80%; color: #6c757d; } .blockquote-footer::before { content: "\2014\00A0"; }
.img-fluid { max-width: 100%; height: auto; }
.img-thumbnail { padding: 0.25rem; background-color: #fff; border: 1px solid #dee2e6; border-radius: 0.1875rem; max-width: 100%; height: auto; }
.figure { display: inline-block; }
.figure-img { margin-bottom: 0.5rem; line-height: 1; }
.figure-caption { font-size: 90%; color: #6c757d; }
code { font-size: 87.5%; color: #e83e8c; word-break: break-word; } a > code { color: inherit; }
kbd { padding: 0.2rem 0.4rem; font-size: 87.5%; color: #fff; background-color: #323239; border-radius: 0.1875rem; } kbd kbd { padding: 0; font-size: 100%; font-weight: 700; }
pre { display: block; font-size: 87.5%; color: #323239; } pre code { font-size: inherit; color: inherit; word-break: normal; }
.pre-scrollable { max-height: 340px; overflow-y: scroll; }
.container { width: 100%; padding-right: 15px; padding-left: 15px; margin-right: auto; margin-left: auto; } @media (min-width: 1440px) { .container { max-width: 1440px; } }
.container-fluid { width: 100%; padding-right: 15px; padding-left: 15px; margin-right: auto; margin-left: auto; }
.row { display: flex; flex-wrap: wrap; margin-right: -15px; margin-left: -15px; }
.no-gutters { margin-right: 0; margin-left: 0; } .no-gutters > .col, .no-gutters > [class*="col-"] { padding-right: 0; padding-left: 0; }
.col-1, .col-2, .col-3, .col-4, .col-5, .col-6, .col-7, .col-8, .col-9, .col-10, .col-11, .col-12, .col,
.col-auto, .col-sm-1, .col-sm-2, .col-sm-3, .col-sm-4, .col-sm-5, .col-sm-6, .col-sm-7, .col-sm-8, .col-sm-9, .col-sm-10, .col-sm-11, .col-sm-12, .col-sm,
.col-sm-auto, .col-md-1, .col-md-2, .col-md-3, .col-md-4, .col-md-5, .col-md-6, .col-md-7, .col-md-8, .col-md-9, .col-md-10, .col-md-11, .col-md-12, .col-md,
.col-md-auto, .col-lg-1, .col-lg-2, .col-lg-3, .col-lg-4, .col-lg-5, .col-lg-6, .col-lg-7, .col-lg-8, .col-lg-9, .col-lg-10, .col-lg-11, .col-lg-12, .col-lg,
.col-lg-auto { position: relative; width: 100%; padding-right: 15px; padding-left: 15px; }
.col { flex-basis: 0; flex-grow: 1; max-width: 100%; }
.col-auto { flex: 0 0 auto; width: auto; max-width: 100%; }
.col-1 { flex: 0 0 8.33333%; max-width: 8.33333%; }
.col-2 { flex: 0 0 16.66667%; max-width: 16.66667%; }
.col-3 { flex: 0 0 25%; max-width: 25%; }
.col-4 { flex: 0 0 33.33333%; max-width: 33.33333%; }
.col-5 { flex: 0 0 41.66667%; max-width: 41.66667%; }
.col-6 { flex: 0 0 50%; max-width: 50%; }
.col-7 { flex: 0 0 58.33333%; max-width: 58.33333%; }
.col-8 { flex: 0 0 66.66667%; max-width: 66.66667%; }
.col-9 { flex: 0 0 75%; max-width: 75%; }
.col-10 { flex: 0 0 83.33333%; max-width: 83.33333%; }
.col-11 { flex: 0 0 91.66667%; max-width: 91.66667%; }
.col-12 { flex: 0 0 100%; max-width: 100%; }
.order-first { order: -1; }
.order-last { order: 13; }
.order-0 { order: 0; }
.order-1 { order: 1; }
.order-2 { order: 2; }
.order-3 { order: 3; }
.order-4 { order: 4; }
.order-5 { order: 5; }
.order-6 { order: 6; }
.order-7 { order: 7; }
.order-8 { order: 8; }
.order-9 { order: 9; }
.order-10 { order: 10; }
.order-11 { order: 11; }
.order-12 { order: 12; }
.offset-1 { margin-left: 8.33333%; }
.offset-2 { margin-left: 16.66667%; }
.offset-3 { margin-left: 25%; }
.offset-4 { margin-left: 33.33333%; }
.offset-5 { margin-left: 41.66667%; }
.offset-6 { margin-left: 50%; }
.offset-7 { margin-left: 58.33333%; }
.offset-8 { margin-left: 66.66667%; }
.offset-9 { margin-left: 75%; }
.offset-10 { margin-left: 83.33333%; }
.offset-11 { margin-left: 91.66667%; }
@media (min-width: 375px) { .col-sm { flex-basis: 0; flex-grow: 1; max-width: 100%; } .col-sm-auto { flex: 0 0 auto; width: auto; max-width: 100%; } .col-sm-1 { flex: 0 0 8.33333%; max-width: 8.33333%; } .col-sm-2 { flex: 0 0 16.66667%; max-width: 16.66667%; } .col-sm-3 { flex: 0 0 25%; max-width: 25%; } .col-sm-4 { flex: 0 0 33.33333%; max-width: 33.33333%; } .col-sm-5 { flex: 0 0 41.66667%; max-width: 41.66667%; } .col-sm-6 { flex: 0 0 50%; max-width: 50%; } .col-sm-7 { flex: 0 0 58.33333%; max-width: 58.33333%; } .col-sm-8 { flex: 0 0 66.66667%; max-width: 66.66667%; } .col-sm-9 { flex: 0 0 75%; max-width: 75%; } .col-sm-10 { flex: 0 0 83.33333%; max-width: 83.33333%; } .col-sm-11 { flex: 0 0 91.66667%; max-width: 91.66667%; } .col-sm-12 { flex: 0 0 100%; max-width: 100%; } .order-sm-first { order: -1; } .order-sm-last { order: 13; } .order-sm-0 { order: 0; } .order-sm-1 { order: 1; } .order-sm-2 { order: 2; } .order-sm-3 { order: 3; } .order-sm-4 { order: 4; } .order-sm-5 { order: 5; } .order-sm-6 { order: 6; } .order-sm-7 { order: 7; } .order-sm-8 { order: 8; } .order-sm-9 { order: 9; } .order-sm-10 { order: 10; } .order-sm-11 { order: 11; } .order-sm-12 { order: 12; } .offset-sm-0 { margin-left: 0; } .offset-sm-1 { margin-left: 8.33333%; } .offset-sm-2 { margin-left: 16.66667%; } .offset-sm-3 { margin-left: 25%; } .offset-sm-4 { margin-left: 33.33333%; } .offset-sm-5 { margin-left: 41.66667%; } .offset-sm-6 { margin-left: 50%; } .offset-sm-7 { margin-left: 58.33333%; } .offset-sm-8 { margin-left: 66.66667%; } .offset-sm-9 { margin-left: 75%; } .offset-sm-10 { margin-left: 83.33333%; } .offset-sm-11 { margin-left: 91.66667%; } }
@media (min-width: 1024px) { .col-md { flex-basis: 0; flex-grow: 1; max-width: 100%; } .col-md-auto { flex: 0 0 auto; width: auto; max-width: 100%; } .col-md-1 { flex: 0 0 8.33333%; max-width: 8.33333%; } .col-md-2 { flex: 0 0 16.66667%; max-width: 16.66667%; } .col-md-3 { flex: 0 0 25%; max-width: 25%; } .col-md-4 { flex: 0 0 33.33333%; max-width: 33.33333%; } .col-md-5 { flex: 0 0 41.66667%; max-width: 41.66667%; } .col-md-6 { flex: 0 0 50%; max-width: 50%; } .col-md-7 { flex: 0 0 58.33333%; max-width: 58.33333%; } .col-md-8 { flex: 0 0 66.66667%; max-width: 66.66667%; } .col-md-9 { flex: 0 0 75%; max-width: 75%; } .col-md-10 { flex: 0 0 83.33333%; max-width: 83.33333%; } .col-md-11 { flex: 0 0 91.66667%; max-width: 91.66667%; } .col-md-12 { flex: 0 0 100%; max-width: 100%; } .order-md-first { order: -1; } .order-md-last { order: 13; } .order-md-0 { order: 0; } .order-md-1 { order: 1; } .order-md-2 { order: 2; } .order-md-3 { order: 3; } .order-md-4 { order: 4; } .order-md-5 { order: 5; } .order-md-6 { order: 6; } .order-md-7 { order: 7; } .order-md-8 { order: 8; } .order-md-9 { order: 9; } .order-md-10 { order: 10; } .order-md-11 { order: 11; } .order-md-12 { order: 12; } .offset-md-0 { margin-left: 0; } .offset-md-1 { margin-left: 8.33333%; } .offset-md-2 { margin-left: 16.66667%; } .offset-md-3 { margin-left: 25%; } .offset-md-4 { margin-left: 33.33333%; } .offset-md-5 { margin-left: 41.66667%; } .offset-md-6 { margin-left: 50%; } .offset-md-7 { margin-left: 58.33333%; } .offset-md-8 { margin-left: 66.66667%; } .offset-md-9 { margin-left: 75%; } .offset-md-10 { margin-left: 83.33333%; } .offset-md-11 { margin-left: 91.66667%; } }
@media (min-width: 1440px) { .col-lg { flex-basis: 0; flex-grow: 1; max-width: 100%; } .col-lg-auto { flex: 0 0 auto; width: auto; max-width: 100%; } .col-lg-1 { flex: 0 0 8.33333%; max-width: 8.33333%; } .col-lg-2 { flex: 0 0 16.66667%; max-width: 16.66667%; } .col-lg-3 { flex: 0 0 25%; max-width: 25%; } .col-lg-4 { flex: 0 0 33.33333%; max-width: 33.33333%; } .col-lg-5 { flex: 0 0 41.66667%; max-width: 41.66667%; } .col-lg-6 { flex: 0 0 50%; max-width: 50%; } .col-lg-7 { flex: 0 0 58.33333%; max-width: 58.33333%; } .col-lg-8 { flex: 0 0 66.66667%; max-width: 66.66667%; } .col-lg-9 { flex: 0 0 75%; max-width: 75%; } .col-lg-10 { flex: 0 0 83.33333%; max-width: 83.33333%; } .col-lg-11 { flex: 0 0 91.66667%; max-width: 91.66667%; } .col-lg-12 { flex: 0 0 100%; max-width: 100%; } .order-lg-first { order: -1; } .order-lg-last { order: 13; } .order-lg-0 { order: 0; } .order-lg-1 { order: 1; } .order-lg-2 { order: 2; } .order-lg-3 { order: 3; } .order-lg-4 { order: 4; } .order-lg-5 { order: 5; } .order-lg-6 { order: 6; } .order-lg-7 { order: 7; } .order-lg-8 { order: 8; } .order-lg-9 { order: 9; } .order-lg-10 { order: 10; } .order-lg-11 { order: 11; } .order-lg-12 { order: 12; } .offset-lg-0 { margin-left: 0; } .offset-lg-1 { margin-left: 8.33333%; } .offset-lg-2 { margin-left: 16.66667%; } .offset-lg-3 { margin-left: 25%; } .offset-lg-4 { margin-left: 33.33333%; } .offset-lg-5 { margin-left: 41.66667%; } .offset-lg-6 { margin-left: 50%; } .offset-lg-7 { margin-left: 58.33333%; } .offset-lg-8 { margin-left: 66.66667%; } .offset-lg-9 { margin-left: 75%; } .offset-lg-10 { margin-left: 83.33333%; } .offset-lg-11 { margin-left: 91.66667%; } }
.table { width: 100%; margin-bottom: 1rem; color: #000; } .table th, .table td { padding: 0.75rem; vertical-align: top; border-top: 1px solid #ccc; } .table thead th { vertical-align: bottom; border-bottom: 2px solid #ccc; } .table tbody + tbody { border-top: 2px solid #ccc; }
.table-sm th,
.table-sm td { padding: 0.3rem; }
.table-bordered { border: 1px solid #ccc; } .table-bordered th, .table-bordered td { border: 1px solid #ccc; } .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: rgba(0, 0, 0, 0.05); }
.table-hover tbody tr:hover { color: #000; background-color: rgba(0, 0, 0, 0.075); }
.table-primary,
.table-primary > th,
.table-primary > td { background-color: #b8c5c4; }
.table-primary th,
.table-primary td,
.table-primary thead th,
.table-primary tbody + tbody { border-color: #7a9392; }
.table-hover .table-primary:hover { background-color: #aabab8; } .table-hover .table-primary:hover > td, .table-hover .table-primary:hover > th { background-color: #aabab8; }
.table-secondary,
.table-secondary > th,
.table-secondary > td { background-color: #f6ffe0; }
.table-secondary th,
.table-secondary td,
.table-secondary thead th,
.table-secondary tbody + tbody { border-color: #efffc5; }
.table-hover .table-secondary:hover { background-color: #efffc7; } .table-hover .table-secondary:hover > td, .table-hover .table-secondary:hover > th { background-color: #efffc7; }
.table-success,
.table-success > th,
.table-success > td { background-color: #d2f6eb; }
.table-success th,
.table-success td,
.table-success thead th,
.table-success tbody + tbody { border-color: #acefda; }
.table-hover .table-success:hover { background-color: #bdf2e2; } .table-hover .table-success:hover > td, .table-hover .table-success:hover > th { background-color: #bdf2e2; }
.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: #ffd4c1; }
.table-danger th,
.table-danger td,
.table-danger thead th,
.table-danger tbody + tbody { border-color: #ffb08b; }
.table-hover .table-danger:hover { background-color: #ffc2a8; } .table-hover .table-danger:hover > td, .table-hover .table-danger:hover > th { background-color: #ffc2a8; }
.table-light,
.table-light > th,
.table-light > td { background-color: #fbfaf9; }
.table-light th,
.table-light td,
.table-light thead th,
.table-light tbody + tbody { border-color: #f7f5f3; }
.table-hover .table-light:hover { background-color: #f1edea; } .table-hover .table-light:hover > td, .table-hover .table-light:hover > th { background-color: #f1edea; }
.table-dark,
.table-dark > th,
.table-dark > td { background-color: #b8c5c4; }
.table-dark th,
.table-dark td,
.table-dark thead th,
.table-dark tbody + tbody { border-color: #7a9392; }
.table-hover .table-dark:hover { background-color: #aabab8; } .table-hover .table-dark:hover > td, .table-hover .table-dark:hover > th { background-color: #aabab8; }
.table-active,
.table-active > th,
.table-active > td { background-color: rgba(0, 0, 0, 0.075); }
.table-hover .table-active:hover { background-color: rgba(0, 0, 0, 0.075); } .table-hover .table-active:hover > td, .table-hover .table-active:hover > th { background-color: rgba(0, 0, 0, 0.075); }
.table .thead-dark th { color: #fff; background-color: #343a40; border-color: #454d55; }
.table .thead-light th { color: #495057; background-color: #e9ecef; border-color: #ccc; }
.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: rgba(255, 255, 255, 0.05); } .table-dark.table-hover tbody tr:hover { color: #fff; background-color: rgba(255, 255, 255, 0.075); }
@media (max-width: 374.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: 1023.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: 1439.98px) { .table-responsive-lg { display: block; width: 100%; overflow-x: auto; -webkit-overflow-scrolling: touch; } .table-responsive-lg > .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 + 0.75rem + 2px); padding: 0.375rem 0.75rem; font-size: 1rem; font-weight: 400; line-height: 1.5; color: #495057; background-color: #fff; background-clip: padding-box; border: 1px solid #ced4da; border-radius: 0.1875rem; transition: border-color 0.15s ease-in-out, box-shadow 0.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: #fff; border-color: #00b0a5; outline: 0; box-shadow: 0 0 0 0.2rem rgba(0, 48, 45, 0.25); } .form-control::-webkit-input-placeholder { color: #6c757d; opacity: 1; } .form-control:-ms-input-placeholder { color: #6c757d; opacity: 1; } .form-control::-ms-input-placeholder { color: #6c757d; opacity: 1; } .form-control::placeholder { color: #6c757d; opacity: 1; } .form-control:disabled, .form-control[readonly] { background-color: #e9ecef; opacity: 1; }
select.form-control:focus::-ms-value { color: #495057; background-color: #fff; }
.form-control-file,
.form-control-range { display: block; width: 100%; }
.col-form-label { padding-top: calc(0.375rem + 1px); padding-bottom: calc(0.375rem + 1px); margin-bottom: 0; font-size: inherit; line-height: 1.5; }
.col-form-label-lg { padding-top: calc(0.5rem + 1px); padding-bottom: calc(0.5rem + 1px); font-size: 1.25rem; line-height: 1.5; }
.col-form-label-sm { padding-top: calc(0.25rem + 1px); padding-bottom: calc(0.25rem + 1px); font-size: 0.875rem; line-height: 1.5; }
.form-control-plaintext { display: block; width: 100%; padding-top: 0.375rem; padding-bottom: 0.375rem; margin-bottom: 0; line-height: 1.5; color: #000; 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 + 0.5rem + 2px); padding: 0.25rem 0.5rem; font-size: 0.875rem; line-height: 1.5; border-radius: 0.1875rem; }
.form-control-lg { height: calc(1.5em + 1rem + 2px); padding: 0.5rem 1rem; font-size: 1.25rem; line-height: 1.5; border-radius: 1rem; }
select.form-control[size], select.form-control[multiple] { height: auto; }
textarea.form-control { height: auto; }
.form-group { margin-bottom: 1rem; }
.form-text { display: block; margin-top: 0.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: 0.3rem; margin-left: -1.25rem; } .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: 0.75rem; } .form-check-inline .form-check-input { position: static; margin-top: 0; margin-right: 0.3125rem; margin-left: 0; }
.valid-feedback { display: none; width: 100%; margin-top: 0.25rem; font-size: 80%; color: #5fe0b7; }
.valid-tooltip { position: absolute; top: 100%; z-index: 5; display: none; max-width: 100%; padding: 0.25rem 0.5rem; margin-top: .1rem; font-size: 0.875rem; line-height: 1.5; color: #323239; background-color: rgba(95, 224, 183, 0.9); border-radius: 0.1875rem; }
.was-validated .form-control:valid, .form-control.is-valid { border-color: #5fe0b7; padding-right: calc(1.5em + 0.75rem); background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 8 8'%3e%3cpath fill='%235fe0b7' 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: center right calc(0.375em + 0.1875rem); background-size: calc(0.75em + 0.375rem) calc(0.75em + 0.375rem); } .was-validated .form-control:valid:focus, .form-control.is-valid:focus { border-color: #5fe0b7; box-shadow: 0 0 0 0.2rem rgba(95, 224, 183, 0.25); } .was-validated .form-control:valid ~ .valid-feedback, .was-validated .form-control:valid ~ .valid-tooltip, .form-control.is-valid ~ .valid-feedback, .form-control.is-valid ~ .valid-tooltip { display: block; }
.was-validated textarea.form-control:valid, textarea.form-control.is-valid { padding-right: calc(1.5em + 0.75rem); background-position: top calc(0.375em + 0.1875rem) right calc(0.375em + 0.1875rem); }
.was-validated .custom-select:valid, .custom-select.is-valid { border-color: #5fe0b7; padding-right: calc((1em + 0.75rem) * 3 / 4 + 1.75rem); background: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 4 5'%3e%3cpath fill='%23343a40' d='M2 0L0 2h4zm0 5L0 3h4z'/%3e%3c/svg%3e") no-repeat right 0.75rem center/8px 10px, url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 8 8'%3e%3cpath fill='%235fe0b7' d='M2.3 6.73L.6 4.53c-.4-1.04.46-1.4 1.1-.8l1.1 1.4 3.4-3.8c.6-.63 1.6-.27 1.2.7l-4 4.6c-.43.5-.8.4-1.1.1z'/%3e%3c/svg%3e") #fff no-repeat center right 1.75rem/calc(0.75em + 0.375rem) calc(0.75em + 0.375rem); } .was-validated .custom-select:valid:focus, .custom-select.is-valid:focus { border-color: #5fe0b7; box-shadow: 0 0 0 0.2rem rgba(95, 224, 183, 0.25); } .was-validated .custom-select:valid ~ .valid-feedback, .was-validated .custom-select:valid ~ .valid-tooltip, .custom-select.is-valid ~ .valid-feedback, .custom-select.is-valid ~ .valid-tooltip { display: block; }
.was-validated .form-control-file:valid ~ .valid-feedback,
.was-validated .form-control-file:valid ~ .valid-tooltip, .form-control-file.is-valid ~ .valid-feedback,
.form-control-file.is-valid ~ .valid-tooltip { display: block; }
.was-validated .form-check-input:valid ~ .form-check-label, .form-check-input.is-valid ~ .form-check-label { color: #5fe0b7; }
.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: #5fe0b7; } .was-validated .custom-control-input:valid ~ .custom-control-label::before, .custom-control-input.is-valid ~ .custom-control-label::before { border-color: #5fe0b7; }
.was-validated .custom-control-input:valid ~ .valid-feedback,
.was-validated .custom-control-input:valid ~ .valid-tooltip, .custom-control-input.is-valid ~ .valid-feedback,
.custom-control-input.is-valid ~ .valid-tooltip { display: block; }
.was-validated .custom-control-input:valid:checked ~ .custom-control-label::before, .custom-control-input.is-valid:checked ~ .custom-control-label::before { border-color: #8ae8ca; background-color: #8ae8ca; }
.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 0.2rem rgba(95, 224, 183, 0.25); }
.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: #5fe0b7; }
.was-validated .custom-file-input:valid ~ .custom-file-label, .custom-file-input.is-valid ~ .custom-file-label { border-color: #5fe0b7; }
.was-validated .custom-file-input:valid ~ .valid-feedback,
.was-validated .custom-file-input:valid ~ .valid-tooltip, .custom-file-input.is-valid ~ .valid-feedback,
.custom-file-input.is-valid ~ .valid-tooltip { display: block; }
.was-validated .custom-file-input:valid:focus ~ .custom-file-label, .custom-file-input.is-valid:focus ~ .custom-file-label { border-color: #5fe0b7; box-shadow: 0 0 0 0.2rem rgba(95, 224, 183, 0.25); }
.invalid-feedback { display: none; width: 100%; margin-top: 0.25rem; font-size: 80%; color: #ff6720; }
.invalid-tooltip { position: absolute; top: 100%; z-index: 5; display: none; max-width: 100%; padding: 0.25rem 0.5rem; margin-top: .1rem; font-size: 0.875rem; line-height: 1.5; color: #fff; background-color: rgba(255, 103, 32, 0.9); border-radius: 0.1875rem; }
.was-validated .form-control:invalid, .form-control.is-invalid { border-color: #ff6720; padding-right: calc(1.5em + 0.75rem); background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' fill='%23ff6720' viewBox='-2 -2 7 7'%3e%3cpath stroke='%23ff6720' d='M0 0l3 3m0-3L0 3'/%3e%3ccircle r='.5'/%3e%3ccircle cx='3' r='.5'/%3e%3ccircle cy='3' r='.5'/%3e%3ccircle cx='3' cy='3' r='.5'/%3e%3c/svg%3E"); background-repeat: no-repeat; background-position: center right calc(0.375em + 0.1875rem); background-size: calc(0.75em + 0.375rem) calc(0.75em + 0.375rem); } .was-validated .form-control:invalid:focus, .form-control.is-invalid:focus { border-color: #ff6720; box-shadow: 0 0 0 0.2rem rgba(255, 103, 32, 0.25); } .was-validated .form-control:invalid ~ .invalid-feedback, .was-validated .form-control:invalid ~ .invalid-tooltip, .form-control.is-invalid ~ .invalid-feedback, .form-control.is-invalid ~ .invalid-tooltip { display: block; }
.was-validated textarea.form-control:invalid, textarea.form-control.is-invalid { padding-right: calc(1.5em + 0.75rem); background-position: top calc(0.375em + 0.1875rem) right calc(0.375em + 0.1875rem); }
.was-validated .custom-select:invalid, .custom-select.is-invalid { border-color: #ff6720; padding-right: calc((1em + 0.75rem) * 3 / 4 + 1.75rem); background: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 4 5'%3e%3cpath fill='%23343a40' d='M2 0L0 2h4zm0 5L0 3h4z'/%3e%3c/svg%3e") no-repeat right 0.75rem center/8px 10px, url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' fill='%23ff6720' viewBox='-2 -2 7 7'%3e%3cpath stroke='%23ff6720' d='M0 0l3 3m0-3L0 3'/%3e%3ccircle r='.5'/%3e%3ccircle cx='3' r='.5'/%3e%3ccircle cy='3' r='.5'/%3e%3ccircle cx='3' cy='3' r='.5'/%3e%3c/svg%3E") #fff no-repeat center right 1.75rem/calc(0.75em + 0.375rem) calc(0.75em + 0.375rem); } .was-validated .custom-select:invalid:focus, .custom-select.is-invalid:focus { border-color: #ff6720; box-shadow: 0 0 0 0.2rem rgba(255, 103, 32, 0.25); } .was-validated .custom-select:invalid ~ .invalid-feedback, .was-validated .custom-select:invalid ~ .invalid-tooltip, .custom-select.is-invalid ~ .invalid-feedback, .custom-select.is-invalid ~ .invalid-tooltip { display: block; }
.was-validated .form-control-file:invalid ~ .invalid-feedback,
.was-validated .form-control-file:invalid ~ .invalid-tooltip, .form-control-file.is-invalid ~ .invalid-feedback,
.form-control-file.is-invalid ~ .invalid-tooltip { display: block; }
.was-validated .form-check-input:invalid ~ .form-check-label, .form-check-input.is-invalid ~ .form-check-label { color: #ff6720; }
.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: #ff6720; } .was-validated .custom-control-input:invalid ~ .custom-control-label::before, .custom-control-input.is-invalid ~ .custom-control-label::before { border-color: #ff6720; }
.was-validated .custom-control-input:invalid ~ .invalid-feedback,
.was-validated .custom-control-input:invalid ~ .invalid-tooltip, .custom-control-input.is-invalid ~ .invalid-feedback,
.custom-control-input.is-invalid ~ .invalid-tooltip { display: block; }
.was-validated .custom-control-input:invalid:checked ~ .custom-control-label::before, .custom-control-input.is-invalid:checked ~ .custom-control-label::before { border-color: #ff8a53; background-color: #ff8a53; }
.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 0.2rem rgba(255, 103, 32, 0.25); }
.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: #ff6720; }
.was-validated .custom-file-input:invalid ~ .custom-file-label, .custom-file-input.is-invalid ~ .custom-file-label { border-color: #ff6720; }
.was-validated .custom-file-input:invalid ~ .invalid-feedback,
.was-validated .custom-file-input:invalid ~ .invalid-tooltip, .custom-file-input.is-invalid ~ .invalid-feedback,
.custom-file-input.is-invalid ~ .invalid-tooltip { display: block; }
.was-validated .custom-file-input:invalid:focus ~ .custom-file-label, .custom-file-input.is-invalid:focus ~ .custom-file-label { border-color: #ff6720; box-shadow: 0 0 0 0.2rem rgba(255, 103, 32, 0.25); }
.form-inline { display: flex; flex-flow: row wrap; align-items: center; } .form-inline .form-check { width: 100%; } @media (min-width: 375px) { .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: 0.25rem; margin-left: 0; } .form-inline .custom-control { align-items: center; justify-content: center; } .form-inline .custom-control-label { margin-bottom: 0; } }
.btn { display: inline-block; font-weight: bold; color: #000; text-align: center; vertical-align: middle; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; background-color: transparent; border: 1px solid transparent; padding: 0.375rem 0.75rem; font-size: 1rem; line-height: 48px; border-radius: 0.1875rem; transition: color 0.15s ease-in-out, background-color 0.15s ease-in-out, border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out; } @media (prefers-reduced-motion: reduce) { .btn { transition: none; } } .btn:hover { color: #000; text-decoration: none; } .btn:focus, .btn.focus { outline: 0; box-shadow: 0 0 0 0.2rem rgba(0, 48, 45, 0.25); } .btn.disabled, .btn:disabled { opacity: 0.65; }
a.btn.disabled,
fieldset:disabled a.btn { pointer-events: none; }
.btn-primary { color: #fff; background-color: #00302d; border-color: #00302d; } .btn-primary:hover { color: #fff; background-color: #000a09; border-color: black; } .btn-primary:focus, .btn-primary.focus { box-shadow: 0 0 0 0.2rem rgba(38, 79, 77, 0.5); } .btn-primary.disabled, .btn-primary:disabled { color: #fff; background-color: #00302d; border-color: #00302d; } .btn-primary:not(:disabled):not(.disabled):active, .btn-primary:not(:disabled):not(.disabled).active, .show > .btn-primary.dropdown-toggle { color: #fff; background-color: black; border-color: black; } .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 0.2rem rgba(38, 79, 77, 0.5); }
.btn-secondary { color: #323239; background-color: #e0ff90; border-color: #e0ff90; } .btn-secondary:hover { color: #323239; background-color: #d5ff6a; border-color: #d2ff5d; } .btn-secondary:focus, .btn-secondary.focus { box-shadow: 0 0 0 0.2rem rgba(198, 224, 131, 0.5); } .btn-secondary.disabled, .btn-secondary:disabled { color: #323239; background-color: #e0ff90; border-color: #e0ff90; } .btn-secondary:not(:disabled):not(.disabled):active, .btn-secondary:not(:disabled):not(.disabled).active, .show > .btn-secondary.dropdown-toggle { color: #323239; background-color: #d2ff5d; border-color: #ceff50; } .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 0.2rem rgba(198, 224, 131, 0.5); }
.btn-success { color: #323239; background-color: #5fe0b7; border-color: #5fe0b7; } .btn-success:hover { color: #323239; background-color: #3fdaa9; border-color: #34d8a4; } .btn-success:focus, .btn-success.focus { box-shadow: 0 0 0 0.2rem rgba(88, 198, 164, 0.5); } .btn-success.disabled, .btn-success:disabled { color: #323239; background-color: #5fe0b7; border-color: #5fe0b7; } .btn-success:not(:disabled):not(.disabled):active, .btn-success:not(:disabled):not(.disabled).active, .show > .btn-success.dropdown-toggle { color: #323239; background-color: #34d8a4; border-color: #2ad69f; } .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 0.2rem rgba(88, 198, 164, 0.5); }
.btn-info { color: #fff; background-color: #17a2b8; border-color: #17a2b8; } .btn-info:hover { color: #fff; background-color: #138496; border-color: #117a8b; } .btn-info:focus, .btn-info.focus { box-shadow: 0 0 0 0.2rem rgba(58, 176, 195, 0.5); } .btn-info.disabled, .btn-info:disabled { color: #fff; background-color: #17a2b8; border-color: #17a2b8; } .btn-info:not(:disabled):not(.disabled):active, .btn-info:not(:disabled):not(.disabled).active, .show > .btn-info.dropdown-toggle { color: #fff; background-color: #117a8b; border-color: #10707f; } .btn-info:not(:disabled):not(.disabled):active:focus, .btn-info:not(:disabled):not(.disabled).active:focus, .show > .btn-info.dropdown-toggle:focus { box-shadow: 0 0 0 0.2rem rgba(58, 176, 195, 0.5); }
.btn-warning { color: #323239; background-color: #ffc107; border-color: #ffc107; } .btn-warning:hover { color: #323239; background-color: #e0a800; border-color: #d39e00; } .btn-warning:focus, .btn-warning.focus { box-shadow: 0 0 0 0.2rem rgba(224, 172, 15, 0.5); } .btn-warning.disabled, .btn-warning:disabled { color: #323239; 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: #323239; 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 0.2rem rgba(224, 172, 15, 0.5); }
.btn-danger { color: #fff; background-color: #ff6720; border-color: #ff6720; } .btn-danger:hover { color: #fff; background-color: #f94f00; border-color: #ec4b00; } .btn-danger:focus, .btn-danger.focus { box-shadow: 0 0 0 0.2rem rgba(255, 126, 65, 0.5); } .btn-danger.disabled, .btn-danger:disabled { color: #fff; background-color: #ff6720; border-color: #ff6720; } .btn-danger:not(:disabled):not(.disabled):active, .btn-danger:not(:disabled):not(.disabled).active, .show > .btn-danger.dropdown-toggle { color: #fff; background-color: #ec4b00; border-color: #df4700; } .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 0.2rem rgba(255, 126, 65, 0.5); }
.btn-light { color: #323239; background-color: #efece8; border-color: #efece8; } .btn-light:hover { color: #323239; background-color: #dfd9d1; border-color: #dad3ca; } .btn-light:focus, .btn-light.focus { box-shadow: 0 0 0 0.2rem rgba(211, 208, 206, 0.5); } .btn-light.disabled, .btn-light:disabled { color: #323239; background-color: #efece8; border-color: #efece8; } .btn-light:not(:disabled):not(.disabled):active, .btn-light:not(:disabled):not(.disabled).active, .show > .btn-light.dropdown-toggle { color: #323239; background-color: #dad3ca; border-color: #d5cdc2; } .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 0.2rem rgba(211, 208, 206, 0.5); }
.btn-dark { color: #fff; background-color: #00302d; border-color: #00302d; } .btn-dark:hover { color: #fff; background-color: #000a09; border-color: black; } .btn-dark:focus, .btn-dark.focus { box-shadow: 0 0 0 0.2rem rgba(38, 79, 77, 0.5); } .btn-dark.disabled, .btn-dark:disabled { color: #fff; background-color: #00302d; border-color: #00302d; } .btn-dark:not(:disabled):not(.disabled):active, .btn-dark:not(:disabled):not(.disabled).active, .show > .btn-dark.dropdown-toggle { color: #fff; background-color: black; border-color: black; } .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 0.2rem rgba(38, 79, 77, 0.5); }
.btn-outline-primary { color: #00302d; border-color: #00302d; } .btn-outline-primary:hover { color: #fff; background-color: #00302d; border-color: #00302d; } .btn-outline-primary:focus, .btn-outline-primary.focus { box-shadow: 0 0 0 0.2rem rgba(0, 48, 45, 0.5); } .btn-outline-primary.disabled, .btn-outline-primary:disabled { color: #00302d; 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: #00302d; border-color: #00302d; } .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 0.2rem rgba(0, 48, 45, 0.5); }
.btn-outline-secondary { color: #e0ff90; border-color: #e0ff90; } .btn-outline-secondary:hover { color: #323239; background-color: #e0ff90; border-color: #e0ff90; } .btn-outline-secondary:focus, .btn-outline-secondary.focus { box-shadow: 0 0 0 0.2rem rgba(224, 255, 144, 0.5); } .btn-outline-secondary.disabled, .btn-outline-secondary:disabled { color: #e0ff90; 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: #323239; background-color: #e0ff90; border-color: #e0ff90; } .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 0.2rem rgba(224, 255, 144, 0.5); }
.btn-outline-success { color: #5fe0b7; border-color: #5fe0b7; } .btn-outline-success:hover { color: #323239; background-color: #5fe0b7; border-color: #5fe0b7; } .btn-outline-success:focus, .btn-outline-success.focus { box-shadow: 0 0 0 0.2rem rgba(95, 224, 183, 0.5); } .btn-outline-success.disabled, .btn-outline-success:disabled { color: #5fe0b7; 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: #323239; background-color: #5fe0b7; border-color: #5fe0b7; } .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 0.2rem rgba(95, 224, 183, 0.5); }
.btn-outline-info { color: #17a2b8; border-color: #17a2b8; } .btn-outline-info:hover { color: #fff; background-color: #17a2b8; border-color: #17a2b8; } .btn-outline-info:focus, .btn-outline-info.focus { box-shadow: 0 0 0 0.2rem rgba(23, 162, 184, 0.5); } .btn-outline-info.disabled, .btn-outline-info:disabled { color: #17a2b8; background-color: transparent; } .btn-outline-info:not(:disabled):not(.disabled):active, .btn-outline-info:not(:disabled):not(.disabled).active, .show > .btn-outline-info.dropdown-toggle { color: #fff; background-color: #17a2b8; border-color: #17a2b8; } .btn-outline-info:not(:disabled):not(.disabled):active:focus, .btn-outline-info:not(:disabled):not(.disabled).active:focus, .show > .btn-outline-info.dropdown-toggle:focus { box-shadow: 0 0 0 0.2rem rgba(23, 162, 184, 0.5); }
.btn-outline-warning { color: #ffc107; border-color: #ffc107; } .btn-outline-warning:hover { color: #323239; background-color: #ffc107; border-color: #ffc107; } .btn-outline-warning:focus, .btn-outline-warning.focus { box-shadow: 0 0 0 0.2rem rgba(255, 193, 7, 0.5); } .btn-outline-warning.disabled, .btn-outline-warning:disabled { color: #ffc107; background-color: transparent; } .btn-outline-warning:not(:disabled):not(.disabled):active, .btn-outline-warning:not(:disabled):not(.disabled).active, .show > .btn-outline-warning.dropdown-toggle { color: #323239; 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 0.2rem rgba(255, 193, 7, 0.5); }
.btn-outline-danger { color: #ff6720; border-color: #ff6720; } .btn-outline-danger:hover { color: #fff; background-color: #ff6720; border-color: #ff6720; } .btn-outline-danger:focus, .btn-outline-danger.focus { box-shadow: 0 0 0 0.2rem rgba(255, 103, 32, 0.5); } .btn-outline-danger.disabled, .btn-outline-danger:disabled { color: #ff6720; 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: #ff6720; border-color: #ff6720; } .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 0.2rem rgba(255, 103, 32, 0.5); }
.btn-outline-light { color: #efece8; border-color: #efece8; } .btn-outline-light:hover { color: #323239; background-color: #efece8; border-color: #efece8; } .btn-outline-light:focus, .btn-outline-light.focus { box-shadow: 0 0 0 0.2rem rgba(239, 236, 232, 0.5); } .btn-outline-light.disabled, .btn-outline-light:disabled { color: #efece8; 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: #323239; background-color: #efece8; border-color: #efece8; } .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 0.2rem rgba(239, 236, 232, 0.5); }
.btn-outline-dark { color: #00302d; border-color: #00302d; } .btn-outline-dark:hover { color: #fff; background-color: #00302d; border-color: #00302d; } .btn-outline-dark:focus, .btn-outline-dark.focus { box-shadow: 0 0 0 0.2rem rgba(0, 48, 45, 0.5); } .btn-outline-dark.disabled, .btn-outline-dark:disabled { color: #00302d; 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: #00302d; border-color: #00302d; } .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 0.2rem rgba(0, 48, 45, 0.5); }
.btn-link { font-weight: 400; color: #323239; text-decoration: none; } .btn-link:hover { color: #0e0e10; text-decoration: underline; } .btn-link:focus, .btn-link.focus { text-decoration: underline; box-shadow: none; } .btn-link:disabled, .btn-link.disabled { color: #6c757d; pointer-events: none; }
.btn-lg, .btn-group-lg > .btn { padding: 0.5rem 1rem; font-size: 1.25rem; line-height: 1.5; border-radius: 1rem; }
.btn-sm, .btn-group-sm > .btn { padding: 0.25rem 0.5rem; font-size: 0.875rem; line-height: 1.5; border-radius: 0.1875rem; }
.btn-block { display: block; width: 100%; } .btn-block + .btn-block { margin-top: 0.5rem; }
input[type="submit"].btn-block,
input[type="reset"].btn-block,
input[type="button"].btn-block { width: 100%; }
.fade { transition: opacity 0.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 0.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: 0.255em; vertical-align: 0.255em; content: ""; border-top: 0.3em solid; border-right: 0.3em solid transparent; border-bottom: 0; border-left: 0.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: 0.5rem 0; margin: 0.125rem 0 0; font-size: 1rem; color: #000; text-align: left; list-style: none; background-color: #fff; background-clip: padding-box; border: 1px solid rgba(0, 0, 0, 0.15); border-radius: 0.1875rem; }
.dropdown-menu-left { right: auto; left: 0; }
.dropdown-menu-right { right: 0; left: auto; }
@media (min-width: 375px) { .dropdown-menu-sm-left { right: auto; left: 0; } .dropdown-menu-sm-right { right: 0; left: auto; } }
@media (min-width: 1024px) { .dropdown-menu-md-left { right: auto; left: 0; } .dropdown-menu-md-right { right: 0; left: auto; } }
@media (min-width: 1440px) { .dropdown-menu-lg-left { right: auto; left: 0; } .dropdown-menu-lg-right { right: 0; left: auto; } }
.dropup .dropdown-menu { top: auto; bottom: 100%; margin-top: 0; margin-bottom: 0.125rem; }
.dropup .dropdown-toggle::after { display: inline-block; margin-left: 0.255em; vertical-align: 0.255em; content: ""; border-top: 0; border-right: 0.3em solid transparent; border-bottom: 0.3em solid; border-left: 0.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: 0.125rem; }
.dropright .dropdown-toggle::after { display: inline-block; margin-left: 0.255em; vertical-align: 0.255em; content: ""; border-top: 0.3em solid transparent; border-right: 0; border-bottom: 0.3em solid transparent; border-left: 0.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: 0.125rem; }
.dropleft .dropdown-toggle::after { display: inline-block; margin-left: 0.255em; vertical-align: 0.255em; content: ""; }
.dropleft .dropdown-toggle::after { display: none; }
.dropleft .dropdown-toggle::before { display: inline-block; margin-right: 0.255em; vertical-align: 0.255em; content: ""; border-top: 0.3em solid transparent; border-right: 0.3em solid; border-bottom: 0.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: 0.5rem 0; overflow: hidden; border-top: 1px solid #e9ecef; }
.dropdown-item { display: block; width: 100%; padding: 0.25rem 1.5rem; clear: both; font-weight: 400; color: #323239; text-align: inherit; white-space: nowrap; background-color: transparent; border: 0; } .dropdown-item:hover, .dropdown-item:focus { color: #26262b; text-decoration: none; background-color: #f8f9fa; } .dropdown-item.active, .dropdown-item:active { color: #fff; text-decoration: none; background-color: #00302d; } .dropdown-item.disabled, .dropdown-item:disabled { color: #6c757d; pointer-events: none; background-color: transparent; }
.dropdown-menu.show { display: block; }
.dropdown-header { display: block; padding: 0.5rem 1.5rem; margin-bottom: 0; font-size: 0.875rem; color: #6c757d; white-space: nowrap; }
.dropdown-item-text { display: block; padding: 0.25rem 1.5rem; color: #323239; }
.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: 0.5625rem; padding-left: 0.5625rem; } .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: 0.375rem; padding-left: 0.375rem; }
.btn-lg + .dropdown-toggle-split, .btn-group-lg > .btn + .dropdown-toggle-split { padding-right: 0.75rem; padding-left: 0.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%; 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(:last-child), .input-group > .custom-select:not(:last-child) { border-top-right-radius: 0; border-bottom-right-radius: 0; } .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-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.375rem 0.75rem; margin-bottom: 0; font-size: 1rem; font-weight: 400; line-height: 1.5; color: #495057; text-align: center; white-space: nowrap; background-color: #e9ecef; border: 1px solid #ced4da; border-radius: 0.1875rem; } .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 + 1rem + 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.5rem 1rem; font-size: 1.25rem; line-height: 1.5; border-radius: 1rem; }
.input-group-sm > .form-control:not(textarea),
.input-group-sm > .custom-select { height: calc(1.5em + 0.5rem + 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.25rem 0.5rem; font-size: 0.875rem; line-height: 1.5; border-radius: 0.1875rem; }
.input-group-lg > .custom-select,
.input-group-sm > .custom-select { padding-right: 1.75rem; }
.input-group > .input-group-prepend > .btn,
.input-group > .input-group-prepend > .input-group-text,
.input-group > .input-group-append:not(:last-child) > .btn,
.input-group > .input-group-append:not(:last-child) > .input-group-text,
.input-group > .input-group-append:last-child > .btn:not(:last-child):not(.dropdown-toggle),
.input-group > .input-group-append:last-child > .input-group-text:not(:last-child) { 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; display: block; min-height: 1.5rem; padding-left: 1.5rem; }
.custom-control-inline { display: inline-flex; margin-right: 1rem; }
.custom-control-input { position: absolute; z-index: -1; opacity: 0; } .custom-control-input:checked ~ .custom-control-label::before { color: #fff; border-color: #00302d; background-color: #00302d; } .custom-control-input:focus ~ .custom-control-label::before { box-shadow: 0 0 0 0.2rem rgba(0, 48, 45, 0.25); } .custom-control-input:focus:not(:checked) ~ .custom-control-label::before { border-color: #00b0a5; } .custom-control-input:not(:disabled):active ~ .custom-control-label::before { color: #fff; background-color: #00e3d4; border-color: #00e3d4; } .custom-control-input:disabled ~ .custom-control-label { color: #6c757d; } .custom-control-input:disabled ~ .custom-control-label::before { background-color: #e9ecef; }
.custom-control-label { position: relative; margin-bottom: 0; vertical-align: top; } .custom-control-label::before { position: absolute; top: 0.25rem; left: -1.5rem; display: block; width: 1rem; height: 1rem; pointer-events: none; content: ""; background-color: #fff; border: #adb5bd solid 1px; } .custom-control-label::after { position: absolute; top: 0.25rem; left: -1.5rem; display: block; width: 1rem; height: 1rem; content: ""; background: no-repeat 50% / 50% 50%; }
.custom-checkbox .custom-control-label::before { border-radius: 0.1875rem; }
.custom-checkbox .custom-control-input:checked ~ .custom-control-label::after { background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 8 8'%3e%3cpath fill='%23fff' d='M6.564.75l-3.59 3.612-1.538-1.55L0 4.26 2.974 7.25 8 2.193z'/%3e%3c/svg%3e"); }
.custom-checkbox .custom-control-input:indeterminate ~ .custom-control-label::before { border-color: #00302d; background-color: #00302d; }
.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' viewBox='0 0 4 4'%3e%3cpath stroke='%23fff' d='M0 2h4'/%3e%3c/svg%3e"); }
.custom-checkbox .custom-control-input:disabled:checked ~ .custom-control-label::before { background-color: rgba(0, 48, 45, 0.5); }
.custom-checkbox .custom-control-input:disabled:indeterminate ~ .custom-control-label::before { background-color: rgba(0, 48, 45, 0.5); }
.custom-radio .custom-control-label::before { border-radius: 50%; }
.custom-radio .custom-control-input:checked ~ .custom-control-label::after { background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='-4 -4 8 8'%3e%3ccircle r='3' fill='%23fff'/%3e%3c/svg%3e"); }
.custom-radio .custom-control-input:disabled:checked ~ .custom-control-label::before { background-color: rgba(0, 48, 45, 0.5); }
.custom-switch { padding-left: 2.25rem; } .custom-switch .custom-control-label::before { left: -2.25rem; width: 1.75rem; pointer-events: all; border-radius: 0.5rem; } .custom-switch .custom-control-label::after { top: calc(0.25rem + 2px); left: calc(-2.25rem + 2px); width: calc(1rem - 4px); height: calc(1rem - 4px); background-color: #adb5bd; border-radius: 0.5rem; transition: transform 0.15s ease-in-out, background-color 0.15s ease-in-out, border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out; } @media (prefers-reduced-motion: reduce) { .custom-switch .custom-control-label::after { transition: none; } } .custom-switch .custom-control-input:checked ~ .custom-control-label::after { background-color: #fff; transform: translateX(0.75rem); } .custom-switch .custom-control-input:disabled:checked ~ .custom-control-label::before { background-color: rgba(0, 48, 45, 0.5); }
.custom-select { display: inline-block; width: 100%; height: calc(1.5em + 0.75rem + 2px); padding: 0.375rem 1.75rem 0.375rem 0.75rem; font-size: 1rem; font-weight: 400; line-height: 1.5; color: #495057; vertical-align: middle; background: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 4 5'%3e%3cpath fill='%23343a40' d='M2 0L0 2h4zm0 5L0 3h4z'/%3e%3c/svg%3e") no-repeat right 0.75rem center/8px 10px; background-color: #fff; border: 1px solid #ced4da; border-radius: 0.1875rem; -webkit-appearance: none; -moz-appearance: none; appearance: none; } .custom-select:focus { border-color: #00b0a5; outline: 0; box-shadow: 0 0 0 0.2rem rgba(0, 48, 45, 0.25); } .custom-select:focus::-ms-value { color: #495057; background-color: #fff; } .custom-select[multiple], .custom-select[size]:not([size="1"]) { height: auto; padding-right: 0.75rem; background-image: none; } .custom-select:disabled { color: #6c757d; background-color: #e9ecef; } .custom-select::-ms-expand { display: none; }
.custom-select-sm { height: calc(1.5em + 0.5rem + 2px); padding-top: 0.25rem; padding-bottom: 0.25rem; padding-left: 0.5rem; font-size: 0.875rem; }
.custom-select-lg { height: calc(1.5em + 1rem + 2px); padding-top: 0.5rem; padding-bottom: 0.5rem; padding-left: 1rem; font-size: 1.25rem; }
.custom-file { position: relative; display: inline-block; width: 100%; height: calc(1.5em + 0.75rem + 2px); margin-bottom: 0; }
.custom-file-input { position: relative; z-index: 2; width: 100%; height: calc(1.5em + 0.75rem + 2px); margin: 0; opacity: 0; } .custom-file-input:focus ~ .custom-file-label { border-color: #00b0a5; box-shadow: 0 0 0 0.2rem rgba(0, 48, 45, 0.25); } .custom-file-input:disabled ~ .custom-file-label { background-color: #e9ecef; } .custom-file-input:lang(en) ~ .custom-file-label::after { content: "Browse"; } .custom-file-input ~ .custom-file-label[data-browse]::after { content: attr(data-browse); }
.custom-file-label { position: absolute; top: 0; right: 0; left: 0; z-index: 1; height: calc(1.5em + 0.75rem + 2px); padding: 0.375rem 0.75rem; font-weight: 400; line-height: 1.5; color: #495057; background-color: #fff; border: 1px solid #ced4da; border-radius: 0.1875rem; } .custom-file-label::after { position: absolute; top: 0; right: 0; bottom: 0; z-index: 3; display: block; height: calc(1.5em + 0.75rem); padding: 0.375rem 0.75rem; line-height: 1.5; color: #495057; content: "Browse"; background-color: #e9ecef; border-left: inherit; border-radius: 0 0.1875rem 0.1875rem 0; }
.custom-range { width: 100%; height: calc(1rem + 0.4rem); padding: 0; background-color: transparent; -webkit-appearance: none; -moz-appearance: none; appearance: none; } .custom-range:focus { outline: none; } .custom-range:focus::-webkit-slider-thumb { box-shadow: 0 0 0 1px #fff, 0 0 0 0.2rem rgba(0, 48, 45, 0.25); } .custom-range:focus::-moz-range-thumb { box-shadow: 0 0 0 1px #fff, 0 0 0 0.2rem rgba(0, 48, 45, 0.25); } .custom-range:focus::-ms-thumb { box-shadow: 0 0 0 1px #fff, 0 0 0 0.2rem rgba(0, 48, 45, 0.25); } .custom-range::-moz-focus-outer { border: 0; } .custom-range::-webkit-slider-thumb { width: 1rem; height: 1rem; margin-top: -0.25rem; background-color: #00302d; border: 0; border-radius: 1rem; -webkit-transition: background-color 0.15s ease-in-out, border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out; transition: background-color 0.15s ease-in-out, border-color 0.15s ease-in-out, box-shadow 0.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: #00e3d4; } .custom-range::-webkit-slider-runnable-track { width: 100%; height: 0.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: #00302d; border: 0; border-radius: 1rem; -moz-transition: background-color 0.15s ease-in-out, border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out; transition: background-color 0.15s ease-in-out, border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out; -moz-appearance: none; appearance: none; } @media (prefers-reduced-motion: reduce) { .custom-range::-moz-range-thumb { -moz-transition: none; transition: none; } } .custom-range::-moz-range-thumb:active { background-color: #00e3d4; } .custom-range::-moz-range-track { width: 100%; height: 0.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: 0.2rem; margin-left: 0.2rem; background-color: #00302d; border: 0; border-radius: 1rem; -ms-transition: background-color 0.15s ease-in-out, border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out; transition: background-color 0.15s ease-in-out, border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out; appearance: none; } @media (prefers-reduced-motion: reduce) { .custom-range::-ms-thumb { -ms-transition: none; transition: none; } } .custom-range::-ms-thumb:active { background-color: #00e3d4; } .custom-range::-ms-track { width: 100%; height: 0.5rem; color: transparent; cursor: pointer; background-color: transparent; border-color: transparent; border-width: 0.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 0.15s ease-in-out, border-color 0.15s ease-in-out, box-shadow 0.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: 0.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: 0 solid #dee2e6; } .nav-tabs .nav-item { margin-bottom: 0; } .nav-tabs .nav-link { border: 0 solid transparent; border-top-left-radius: 0; border-top-right-radius: 0; } .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 #fff; } .nav-tabs .dropdown-menu { margin-top: 0; border-top-left-radius: 0; border-top-right-radius: 0; }
.nav-pills .nav-link { border-radius: 0.1875rem; }
.nav-pills .nav-link.active,
.nav-pills .show > .nav-link { color: #fff; background-color: #00302d; }
.nav-fill .nav-item { flex: 1 1 auto; text-align: center; }
.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: 0.5rem 1rem; } .navbar > .container, .navbar > .container-fluid { display: flex; flex-wrap: wrap; align-items: center; justify-content: space-between; }
.navbar-brand { display: inline-block; padding-top: 0.3125rem; padding-bottom: 0.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: 0.5rem; padding-bottom: 0.5rem; }
.navbar-collapse { flex-basis: 100%; flex-grow: 1; align-items: center; }
.navbar-toggler { padding: 0.25rem 0.75rem; font-size: 1.25rem; line-height: 1; background-color: transparent; border: 1px solid transparent; border-radius: 0.1875rem; } .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: no-repeat center center; background-size: 100% 100%; }
@media (max-width: 374.98px) { .navbar-expand-sm > .container, .navbar-expand-sm > .container-fluid { padding-right: 0; padding-left: 0; } }
@media (min-width: 375px) { .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: 0.5rem; padding-left: 0.5rem; } .navbar-expand-sm > .container, .navbar-expand-sm > .container-fluid { flex-wrap: nowrap; } .navbar-expand-sm .navbar-collapse { display: flex !important; flex-basis: auto; } .navbar-expand-sm .navbar-toggler { display: none; } }
@media (max-width: 1023.98px) { .navbar-expand-md > .container, .navbar-expand-md > .container-fluid { padding-right: 0; padding-left: 0; } }
@media (min-width: 1024px) { .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: 0.5rem; padding-left: 0.5rem; } .navbar-expand-md > .container, .navbar-expand-md > .container-fluid { flex-wrap: nowrap; } .navbar-expand-md .navbar-collapse { display: flex !important; flex-basis: auto; } .navbar-expand-md .navbar-toggler { display: none; } }
@media (max-width: 1439.98px) { .navbar-expand-lg > .container, .navbar-expand-lg > .container-fluid { padding-right: 0; padding-left: 0; } }
@media (min-width: 1440px) { .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: 0.5rem; padding-left: 0.5rem; } .navbar-expand-lg > .container, .navbar-expand-lg > .container-fluid { flex-wrap: nowrap; } .navbar-expand-lg .navbar-collapse { display: flex !important; flex-basis: auto; } .navbar-expand-lg .navbar-toggler { display: none; } }
.navbar-expand { flex-flow: row nowrap; justify-content: flex-start; } .navbar-expand > .container, .navbar-expand > .container-fluid { 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: 0.5rem; padding-left: 0.5rem; } .navbar-expand > .container, .navbar-expand > .container-fluid { flex-wrap: nowrap; } .navbar-expand .navbar-collapse { display: flex !important; flex-basis: auto; } .navbar-expand .navbar-toggler { display: none; }
.navbar-light .navbar-brand { color: rgba(0, 0, 0, 0.9); } .navbar-light .navbar-brand:hover, .navbar-light .navbar-brand:focus { color: rgba(0, 0, 0, 0.9); }
.navbar-light .navbar-nav .nav-link { color: rgba(0, 0, 0, 0.5); } .navbar-light .navbar-nav .nav-link:hover, .navbar-light .navbar-nav .nav-link:focus { color: rgba(0, 0, 0, 0.7); } .navbar-light .navbar-nav .nav-link.disabled { color: rgba(0, 0, 0, 0.3); }
.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: rgba(0, 0, 0, 0.9); }
.navbar-light .navbar-toggler { color: rgba(0, 0, 0, 0.5); border-color: rgba(0, 0, 0, 0.1); }
.navbar-light .navbar-toggler-icon { background-image: url("data:image/svg+xml,%3csvg viewBox='0 0 30 30' xmlns='http://www.w3.org/2000/svg'%3e%3cpath stroke='rgba(0, 0, 0, 0.5)' stroke-width='2' stroke-linecap='round' stroke-miterlimit='10' d='M4 7h22M4 15h22M4 23h22'/%3e%3c/svg%3e"); }
.navbar-light .navbar-text { color: rgba(0, 0, 0, 0.5); } .navbar-light .navbar-text a { color: rgba(0, 0, 0, 0.9); } .navbar-light .navbar-text a:hover, .navbar-light .navbar-text a:focus { color: rgba(0, 0, 0, 0.9); }
.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: rgba(255, 255, 255, 0.5); } .navbar-dark .navbar-nav .nav-link:hover, .navbar-dark .navbar-nav .nav-link:focus { color: rgba(255, 255, 255, 0.75); } .navbar-dark .navbar-nav .nav-link.disabled { color: rgba(255, 255, 255, 0.25); }
.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: rgba(255, 255, 255, 0.5); border-color: rgba(255, 255, 255, 0.1); }
.navbar-dark .navbar-toggler-icon { background-image: url("data:image/svg+xml,%3csvg viewBox='0 0 30 30' xmlns='http://www.w3.org/2000/svg'%3e%3cpath stroke='rgba(255, 255, 255, 0.5)' stroke-width='2' stroke-linecap='round' stroke-miterlimit='10' d='M4 7h22M4 15h22M4 23h22'/%3e%3c/svg%3e"); }
.navbar-dark .navbar-text { color: rgba(255, 255, 255, 0.5); } .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, 0.125); border-radius: 0.1875rem; } .card > hr { margin-right: 0; margin-left: 0; } .card > .list-group:first-child .list-group-item:first-child { border-top-left-radius: 0.1875rem; border-top-right-radius: 0.1875rem; } .card > .list-group:last-child .list-group-item:last-child { border-bottom-right-radius: 0.1875rem; border-bottom-left-radius: 0.1875rem; }
.card-body { flex: 1 1 auto; padding: 1.25rem; }
.card-title { margin-bottom: 0.75rem; }
.card-subtitle { margin-top: -0.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: 0.75rem 1.25rem; margin-bottom: 0; background-color: #fff; border-bottom: 1px solid rgba(0, 0, 0, 0.125); } .card-header:first-child { border-radius: calc(0.1875rem - 1px) calc(0.1875rem - 1px) 0 0; } .card-header + .list-group .list-group-item:first-child { border-top: 0; }
.card-footer { padding: 0.75rem 1.25rem; background-color: #fff; border-top: 1px solid rgba(0, 0, 0, 0.125); } .card-footer:last-child { border-radius: 0 0 calc(0.1875rem - 1px) calc(0.1875rem - 1px); }
.card-header-tabs { margin-right: -0.625rem; margin-bottom: -0.75rem; margin-left: -0.625rem; border-bottom: 0; }
.card-header-pills { margin-right: -0.625rem; margin-left: -0.625rem; }
.card-img-overlay { position: absolute; top: 0; right: 0; bottom: 0; left: 0; padding: 1.25rem; }
.card-img { width: 100%; border-radius: calc(0.1875rem - 1px); }
.card-img-top { width: 100%; border-top-left-radius: calc(0.1875rem - 1px); border-top-right-radius: calc(0.1875rem - 1px); }
.card-img-bottom { width: 100%; border-bottom-right-radius: calc(0.1875rem - 1px); border-bottom-left-radius: calc(0.1875rem - 1px); }
.card-deck { display: flex; flex-direction: column; } .card-deck .card { margin-bottom: 15px; } @media (min-width: 375px) { .card-deck { flex-flow: row wrap; margin-right: -15px; margin-left: -15px; } .card-deck .card { display: flex; flex: 1 0 0%; flex-direction: column; margin-right: 15px; margin-bottom: 0; margin-left: 15px; } }
.card-group { display: flex; flex-direction: column; } .card-group > .card { margin-bottom: 15px; } @media (min-width: 375px) { .card-group { 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: 0.75rem; }
@media (min-width: 375px) { .card-columns { -webkit-column-count: 3; column-count: 3; -webkit-column-gap: 1.25rem; column-gap: 1.25rem; orphans: 1; widows: 1; } .card-columns .card { display: inline-block; width: 100%; } }
.accordion > .card { overflow: hidden; } .accordion > .card:not(:first-of-type) .card-header:first-child { border-radius: 0; } .accordion > .card:not(:first-of-type):not(:last-of-type) { border-bottom: 0; border-radius: 0; } .accordion > .card:first-of-type { border-bottom: 0; border-bottom-right-radius: 0; border-bottom-left-radius: 0; } .accordion > .card:last-of-type { border-top-left-radius: 0; border-top-right-radius: 0; } .accordion > .card .card-header { margin-bottom: -1px; }
.breadcrumb { display: flex; flex-wrap: wrap; padding: 0.75rem 1rem; margin-bottom: 1rem; list-style: none; background-color: transparent; border-radius: 0.1875rem; }
.breadcrumb-item + .breadcrumb-item { padding-left: 0.5rem; } .breadcrumb-item + .breadcrumb-item::before { display: inline-block; padding-right: 0.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: 0.1875rem; }
.page-link { position: relative; display: block; padding: 0.5rem 0.75rem; margin-left: -1px; line-height: 1.25; color: #323239; background-color: #fff; border: 1px solid #dee2e6; } .page-link:hover { z-index: 2; color: #0e0e10; text-decoration: none; background-color: #e9ecef; border-color: #dee2e6; } .page-link:focus { z-index: 2; outline: 0; box-shadow: 0 0 0 0.2rem rgba(0, 48, 45, 0.25); }
.page-item:first-child .page-link { margin-left: 0; border-top-left-radius: 0.1875rem; border-bottom-left-radius: 0.1875rem; }
.page-item:last-child .page-link { border-top-right-radius: 0.1875rem; border-bottom-right-radius: 0.1875rem; }
.page-item.active .page-link { z-index: 1; color: #fff; background-color: #00302d; border-color: #00302d; }
.page-item.disabled .page-link { color: #6c757d; pointer-events: none; cursor: auto; background-color: #fff; border-color: #dee2e6; }
.pagination-lg .page-link { padding: 0.75rem 1.5rem; font-size: 1.25rem; line-height: 1.5; }
.pagination-lg .page-item:first-child .page-link { border-top-left-radius: 1rem; border-bottom-left-radius: 1rem; }
.pagination-lg .page-item:last-child .page-link { border-top-right-radius: 1rem; border-bottom-right-radius: 1rem; }
.pagination-sm .page-link { padding: 0.25rem 0.5rem; font-size: 0.875rem; line-height: 1.5; }
.pagination-sm .page-item:first-child .page-link { border-top-left-radius: 0.1875rem; border-bottom-left-radius: 0.1875rem; }
.pagination-sm .page-item:last-child .page-link { border-top-right-radius: 0.1875rem; border-bottom-right-radius: 0.1875rem; }
.badge { display: inline-block; padding: 0.25em 0.4em; font-size: 75%; font-weight: 700; line-height: 1; text-align: center; white-space: nowrap; vertical-align: baseline; border-radius: 0.1875rem; transition: color 0.15s ease-in-out, background-color 0.15s ease-in-out, border-color 0.15s ease-in-out, box-shadow 0.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: 0.6em; padding-left: 0.6em; border-radius: 10rem; }
.badge-primary { color: #fff; background-color: #00302d; } a.badge-primary:hover, a.badge-primary:focus { color: #fff; background-color: black; } a.badge-primary:focus, a.badge-primary.focus { outline: 0; box-shadow: 0 0 0 0.2rem rgba(0, 48, 45, 0.5); }
.badge-secondary { color: #323239; background-color: #e0ff90; } a.badge-secondary:hover, a.badge-secondary:focus { color: #323239; background-color: #d2ff5d; } a.badge-secondary:focus, a.badge-secondary.focus { outline: 0; box-shadow: 0 0 0 0.2rem rgba(224, 255, 144, 0.5); }
.badge-success { color: #323239; background-color: #5fe0b7; } a.badge-success:hover, a.badge-success:focus { color: #323239; background-color: #34d8a4; } a.badge-success:focus, a.badge-success.focus { outline: 0; box-shadow: 0 0 0 0.2rem rgba(95, 224, 183, 0.5); }
.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 0.2rem rgba(23, 162, 184, 0.5); }
.badge-warning { color: #323239; background-color: #ffc107; } a.badge-warning:hover, a.badge-warning:focus { color: #323239; background-color: #d39e00; } a.badge-warning:focus, a.badge-warning.focus { outline: 0; box-shadow: 0 0 0 0.2rem rgba(255, 193, 7, 0.5); }
.badge-danger { color: #fff; background-color: #ff6720; } a.badge-danger:hover, a.badge-danger:focus { color: #fff; background-color: #ec4b00; } a.badge-danger:focus, a.badge-danger.focus { outline: 0; box-shadow: 0 0 0 0.2rem rgba(255, 103, 32, 0.5); }
.badge-light { color: #323239; background-color: #efece8; } a.badge-light:hover, a.badge-light:focus { color: #323239; background-color: #dad3ca; } a.badge-light:focus, a.badge-light.focus { outline: 0; box-shadow: 0 0 0 0.2rem rgba(239, 236, 232, 0.5); }
.badge-dark { color: #fff; background-color: #00302d; } a.badge-dark:hover, a.badge-dark:focus { color: #fff; background-color: black; } a.badge-dark:focus, a.badge-dark.focus { outline: 0; box-shadow: 0 0 0 0.2rem rgba(0, 48, 45, 0.5); }
.jumbotron { padding: 2rem 1rem; margin-bottom: 2rem; background-color: #e9ecef; border-radius: 1rem; } @media (min-width: 375px) { .jumbotron { padding: 4rem 2rem; } }
.jumbotron-fluid { padding-right: 0; padding-left: 0; border-radius: 0; }
.alert { position: relative; padding: 0.75rem 1.25rem; margin-bottom: 1rem; border: 1px solid transparent; border-radius: 0.1875rem; }
.alert-heading { color: inherit; }
.alert-link { font-weight: 700; }
.alert-dismissible { padding-right: 4rem; } .alert-dismissible .close { position: absolute; top: 0; right: 0; padding: 0.75rem 1.25rem; color: inherit; }
.alert-primary { color: #001917; background-color: #ccd6d5; border-color: #b8c5c4; } .alert-primary hr { border-top-color: #aabab8; } .alert-primary .alert-link { color: black; }
.alert-secondary { color: #74854b; background-color: #f9ffe9; border-color: #f6ffe0; } .alert-secondary hr { border-top-color: #efffc7; } .alert-secondary .alert-link { color: #586439; }
.alert-success { color: #31745f; background-color: #dff9f1; border-color: #d2f6eb; } .alert-success hr { border-top-color: #bdf2e2; } .alert-success .alert-link { color: #225042; }
.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: #853611; background-color: #ffe1d2; border-color: #ffd4c1; } .alert-danger hr { border-top-color: #ffc2a8; } .alert-danger .alert-link { color: #58240b; }
.alert-light { color: #7c7b79; background-color: #fcfbfa; border-color: #fbfaf9; } .alert-light hr { border-top-color: #f1edea; } .alert-light .alert-link { color: #626160; }
.alert-dark { color: #001917; background-color: #ccd6d5; border-color: #b8c5c4; } .alert-dark hr { border-top-color: #aabab8; } .alert-dark .alert-link { color: black; }
@-webkit-keyframes progress-bar-stripes { from { background-position: 1rem 0; } to { background-position: 0 0; } }
@keyframes progress-bar-stripes { from { background-position: 1rem 0; } to { background-position: 0 0; } }
.progress { display: flex; height: 1rem; overflow: hidden; font-size: 0.75rem; background-color: #e9ecef; border-radius: 0.1875rem; }
.progress-bar { display: flex; flex-direction: column; justify-content: center; color: #fff; text-align: center; white-space: nowrap; background-color: #00302d; transition: width 0.6s ease; } @media (prefers-reduced-motion: reduce) { .progress-bar { transition: none; } }
.progress-bar-striped { background-image: linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent); background-size: 1rem 1rem; }
.progress-bar-animated { -webkit-animation: progress-bar-stripes 1s linear infinite; animation: progress-bar-stripes 1s linear infinite; } @media (prefers-reduced-motion: reduce) { .progress-bar-animated { -webkit-animation: none; animation: none; } }
.media { display: flex; align-items: flex-start; }
.media-body { flex: 1; }
.list-group { display: flex; flex-direction: column; padding-left: 0; margin-bottom: 0; }
.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: #000; background-color: #e9ecef; }
.list-group-item { position: relative; display: block; padding: 0.75rem 1.25rem; margin-bottom: -1px; background-color: #fff; border: 1px solid rgba(0, 0, 0, 0.125); } .list-group-item:first-child { border-top-left-radius: 0.1875rem; border-top-right-radius: 0.1875rem; } .list-group-item:last-child { margin-bottom: 0; border-bottom-right-radius: 0.1875rem; border-bottom-left-radius: 0.1875rem; } .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: #00302d; border-color: #00302d; }
.list-group-horizontal { flex-direction: row; } .list-group-horizontal .list-group-item { margin-right: -1px; margin-bottom: 0; } .list-group-horizontal .list-group-item:first-child { border-top-left-radius: 0.1875rem; border-bottom-left-radius: 0.1875rem; border-top-right-radius: 0; } .list-group-horizontal .list-group-item:last-child { margin-right: 0; border-top-right-radius: 0.1875rem; border-bottom-right-radius: 0.1875rem; border-bottom-left-radius: 0; }
@media (min-width: 375px) { .list-group-horizontal-sm { flex-direction: row; } .list-group-horizontal-sm .list-group-item { margin-right: -1px; margin-bottom: 0; } .list-group-horizontal-sm .list-group-item:first-child { border-top-left-radius: 0.1875rem; border-bottom-left-radius: 0.1875rem; border-top-right-radius: 0; } .list-group-horizontal-sm .list-group-item:last-child { margin-right: 0; border-top-right-radius: 0.1875rem; border-bottom-right-radius: 0.1875rem; border-bottom-left-radius: 0; } }
@media (min-width: 1024px) { .list-group-horizontal-md { flex-direction: row; } .list-group-horizontal-md .list-group-item { margin-right: -1px; margin-bottom: 0; } .list-group-horizontal-md .list-group-item:first-child { border-top-left-radius: 0.1875rem; border-bottom-left-radius: 0.1875rem; border-top-right-radius: 0; } .list-group-horizontal-md .list-group-item:last-child { margin-right: 0; border-top-right-radius: 0.1875rem; border-bottom-right-radius: 0.1875rem; border-bottom-left-radius: 0; } }
@media (min-width: 1440px) { .list-group-horizontal-lg { flex-direction: row; } .list-group-horizontal-lg .list-group-item { margin-right: -1px; margin-bottom: 0; } .list-group-horizontal-lg .list-group-item:first-child { border-top-left-radius: 0.1875rem; border-bottom-left-radius: 0.1875rem; border-top-right-radius: 0; } .list-group-horizontal-lg .list-group-item:last-child { margin-right: 0; border-top-right-radius: 0.1875rem; border-bottom-right-radius: 0.1875rem; border-bottom-left-radius: 0; } }
.list-group-flush .list-group-item { border-right: 0; border-left: 0; border-radius: 0; } .list-group-flush .list-group-item:last-child { margin-bottom: -1px; }
.list-group-flush:first-child .list-group-item:first-child { border-top: 0; }
.list-group-flush:last-child .list-group-item:last-child { margin-bottom: 0; border-bottom: 0; }
.list-group-item-primary { color: #001917; background-color: #b8c5c4; } .list-group-item-primary.list-group-item-action:hover, .list-group-item-primary.list-group-item-action:focus { color: #001917; background-color: #aabab8; } .list-group-item-primary.list-group-item-action.active { color: #fff; background-color: #001917; border-color: #001917; }
.list-group-item-secondary { color: #74854b; background-color: #f6ffe0; } .list-group-item-secondary.list-group-item-action:hover, .list-group-item-secondary.list-group-item-action:focus { color: #74854b; background-color: #efffc7; } .list-group-item-secondary.list-group-item-action.active { color: #fff; background-color: #74854b; border-color: #74854b; }
.list-group-item-success { color: #31745f; background-color: #d2f6eb; } .list-group-item-success.list-group-item-action:hover, .list-group-item-success.list-group-item-action:focus { color: #31745f; background-color: #bdf2e2; } .list-group-item-success.list-group-item-action.active { color: #fff; background-color: #31745f; border-color: #31745f; }
.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: #853611; background-color: #ffd4c1; } .list-group-item-danger.list-group-item-action:hover, .list-group-item-danger.list-group-item-action:focus { color: #853611; background-color: #ffc2a8; } .list-group-item-danger.list-group-item-action.active { color: #fff; background-color: #853611; border-color: #853611; }
.list-group-item-light { color: #7c7b79; background-color: #fbfaf9; } .list-group-item-light.list-group-item-action:hover, .list-group-item-light.list-group-item-action:focus { color: #7c7b79; background-color: #f1edea; } .list-group-item-light.list-group-item-action.active { color: #fff; background-color: #7c7b79; border-color: #7c7b79; }
.list-group-item-dark { color: #001917; background-color: #b8c5c4; } .list-group-item-dark.list-group-item-action:hover, .list-group-item-dark.list-group-item-action:focus { color: #001917; background-color: #aabab8; } .list-group-item-dark.list-group-item-action.active { color: #fff; background-color: #001917; border-color: #001917; }
.close { float: right; font-size: 1.5rem; font-weight: 700; line-height: 1; color: #000; text-shadow: 0 1px 0 #fff; opacity: .5; } .close:hover { color: #000; text-decoration: none; } .close:not(:disabled):not(.disabled):hover, .close:not(:disabled):not(.disabled):focus { opacity: .75; }
button.close { padding: 0; background-color: transparent; border: 0; -webkit-appearance: none; -moz-appearance: none; appearance: none; }
a.close.disabled { pointer-events: none; }
.toast { max-width: 350px; overflow: hidden; font-size: 0.875rem; background-color: rgba(255, 255, 255, 0.85); background-clip: padding-box; border: 1px solid rgba(0, 0, 0, 0.1); box-shadow: 0 0.25rem 0.75rem rgba(0, 0, 0, 0.1); -webkit-backdrop-filter: blur(10px); backdrop-filter: blur(10px); opacity: 0; border-radius: 0.25rem; } .toast:not(:last-child) { margin-bottom: 0.75rem; } .toast.showing { opacity: 1; } .toast.show { display: block; opacity: 1; } .toast.hide { display: none; }
.toast-header { display: flex; align-items: center; padding: 0.25rem 0.75rem; color: #6c757d; background-color: rgba(255, 255, 255, 0.85); background-clip: padding-box; border-bottom: 1px solid rgba(0, 0, 0, 0.05); }
.toast-body { padding: 0.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: 0.5rem; pointer-events: none; } .modal.fade .modal-dialog { transition: transform 0.3s ease-out; transform: translate(0, -50px); } @media (prefers-reduced-motion: reduce) { .modal.fade .modal-dialog { transition: none; } } .modal.show .modal-dialog { transform: none; }
.modal-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); 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, 0.2); border-radius: 1rem; 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: 0.5; }
.modal-header { display: flex; align-items: flex-start; justify-content: space-between; padding: 1rem 1rem; border-bottom: 1px solid #dee2e6; border-top-left-radius: 1rem; border-top-right-radius: 1rem; } .modal-header .close { padding: 1rem 1rem; margin: -1rem -1rem -1rem auto; }
.modal-title { margin-bottom: 0; line-height: 1.5; }
.modal-body { position: relative; flex: 1 1 auto; padding: 1rem; }
.modal-footer { display: flex; align-items: center; justify-content: flex-end; padding: 1rem; border-top: 1px solid #dee2e6; border-bottom-right-radius: 1rem; border-bottom-left-radius: 1rem; } .modal-footer > :not(:first-child) { margin-left: .25rem; } .modal-footer > :not(:last-child) { margin-right: .25rem; }
.modal-scrollbar-measure { position: absolute; top: -9999px; width: 50px; height: 50px; overflow: scroll; }
@media (min-width: 375px) { .modal-dialog { max-width: 500px; margin: 1.75rem auto; } .modal-dialog-scrollable { max-height: calc(100% - 3.5rem); } .modal-dialog-scrollable .modal-content { max-height: calc(100vh - 3.5rem); } .modal-dialog-centered { min-height: calc(100% - 3.5rem); } .modal-dialog-centered::before { height: calc(100vh - 3.5rem); } .modal-sm { max-width: 300px; } }
@media (min-width: 1440px) { .modal-lg, .modal-xl { max-width: 800px; } }
.modal-xl { max-width: 1140px; }
.tooltip { position: absolute; z-index: 1070; display: block; margin: 0; font-family: Calibre, 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: 0.875rem; word-wrap: break-word; opacity: 0; } .tooltip.show { opacity: 0.9; } .tooltip .arrow { position: absolute; display: block; width: 0.8rem; height: 0.4rem; } .tooltip .arrow::before { position: absolute; content: ""; border-color: transparent; border-style: solid; }
.bs-tooltip-top, .bs-tooltip-auto[x-placement^="top"] { padding: 0.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: 0.4rem 0.4rem 0; border-top-color: #000; }
.bs-tooltip-right, .bs-tooltip-auto[x-placement^="right"] { padding: 0 0.4rem; } .bs-tooltip-right .arrow, .bs-tooltip-auto[x-placement^="right"] .arrow { left: 0; width: 0.4rem; height: 0.8rem; } .bs-tooltip-right .arrow::before, .bs-tooltip-auto[x-placement^="right"] .arrow::before { right: 0; border-width: 0.4rem 0.4rem 0.4rem 0; border-right-color: #000; }
.bs-tooltip-bottom, .bs-tooltip-auto[x-placement^="bottom"] { padding: 0.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 0.4rem 0.4rem; border-bottom-color: #000; }
.bs-tooltip-left, .bs-tooltip-auto[x-placement^="left"] { padding: 0 0.4rem; } .bs-tooltip-left .arrow, .bs-tooltip-auto[x-placement^="left"] .arrow { right: 0; width: 0.4rem; height: 0.8rem; } .bs-tooltip-left .arrow::before, .bs-tooltip-auto[x-placement^="left"] .arrow::before { left: 0; border-width: 0.4rem 0 0.4rem 0.4rem; border-left-color: #000; }
.tooltip-inner { max-width: 200px; padding: 0.25rem 0.5rem; color: #fff; text-align: center; background-color: #000; border-radius: 0.1875rem; }
.popover { position: absolute; top: 0; left: 0; z-index: 1060; display: block; max-width: 276px; font-family: Calibre, 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: 0.875rem; word-wrap: break-word; background-color: #fff; background-clip: padding-box; border: 1px solid rgba(0, 0, 0, 0.2); border-radius: 1rem; } .popover .arrow { position: absolute; display: block; width: 1rem; height: 0.5rem; margin: 0 1rem; } .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: 0.5rem; } .bs-popover-top > .arrow, .bs-popover-auto[x-placement^="top"] > .arrow { bottom: calc((0.5rem + 1px) * -1); } .bs-popover-top > .arrow::before, .bs-popover-auto[x-placement^="top"] > .arrow::before { bottom: 0; border-width: 0.5rem 0.5rem 0; border-top-color: rgba(0, 0, 0, 0.25); } .bs-popover-top > .arrow::after, .bs-popover-auto[x-placement^="top"] > .arrow::after { bottom: 1px; border-width: 0.5rem 0.5rem 0; border-top-color: #fff; }
.bs-popover-right, .bs-popover-auto[x-placement^="right"] { margin-left: 0.5rem; } .bs-popover-right > .arrow, .bs-popover-auto[x-placement^="right"] > .arrow { left: calc((0.5rem + 1px) * -1); width: 0.5rem; height: 1rem; margin: 1rem 0; } .bs-popover-right > .arrow::before, .bs-popover-auto[x-placement^="right"] > .arrow::before { left: 0; border-width: 0.5rem 0.5rem 0.5rem 0; border-right-color: rgba(0, 0, 0, 0.25); } .bs-popover-right > .arrow::after, .bs-popover-auto[x-placement^="right"] > .arrow::after { left: 1px; border-width: 0.5rem 0.5rem 0.5rem 0; border-right-color: #fff; }
.bs-popover-bottom, .bs-popover-auto[x-placement^="bottom"] { margin-top: 0.5rem; } .bs-popover-bottom > .arrow, .bs-popover-auto[x-placement^="bottom"] > .arrow { top: calc((0.5rem + 1px) * -1); } .bs-popover-bottom > .arrow::before, .bs-popover-auto[x-placement^="bottom"] > .arrow::before { top: 0; border-width: 0 0.5rem 0.5rem 0.5rem; border-bottom-color: rgba(0, 0, 0, 0.25); } .bs-popover-bottom > .arrow::after, .bs-popover-auto[x-placement^="bottom"] > .arrow::after { top: 1px; border-width: 0 0.5rem 0.5rem 0.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: -0.5rem; content: ""; border-bottom: 1px solid #f7f7f7; }
.bs-popover-left, .bs-popover-auto[x-placement^="left"] { margin-right: 0.5rem; } .bs-popover-left > .arrow, .bs-popover-auto[x-placement^="left"] > .arrow { right: calc((0.5rem + 1px) * -1); width: 0.5rem; height: 1rem; margin: 1rem 0; } .bs-popover-left > .arrow::before, .bs-popover-auto[x-placement^="left"] > .arrow::before { right: 0; border-width: 0.5rem 0 0.5rem 0.5rem; border-left-color: rgba(0, 0, 0, 0.25); } .bs-popover-left > .arrow::after, .bs-popover-auto[x-placement^="left"] > .arrow::after { right: 1px; border-width: 0.5rem 0 0.5rem 0.5rem; border-left-color: #fff; }
.popover-header { padding: 0.5rem 0.75rem; margin-bottom: 0; font-size: 1rem; background-color: #f7f7f7; border-bottom: 1px solid #ebebeb; border-top-left-radius: calc(1rem - 1px); border-top-right-radius: calc(1rem - 1px); } .popover-header:empty { display: none; }
.popover-body { padding: 0.5rem 0.75rem; color: #000; }
.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 0.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: translateX(100%); }
.carousel-item-prev:not(.carousel-item-right),
.active.carousel-item-left { transform: translateX(-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: 0s 0.6s opacity; } @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%; color: #fff; text-align: center; opacity: 0.5; transition: opacity 0.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: 0.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: no-repeat 50% / 100% 100%; }
.carousel-control-prev-icon { background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' fill='%23fff' viewBox='0 0 8 8'%3e%3cpath d='M5.25 0l-4 4 4 4 1.5-1.5-2.5-2.5 2.5-2.5-1.5-1.5z'/%3e%3c/svg%3e"); }
.carousel-control-next-icon { background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' fill='%23fff' viewBox='0 0 8 8'%3e%3cpath d='M2.75 0l-1.5 1.5 2.5 2.5-2.5 2.5 1.5 1.5 4-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 0.6s ease; } @media (prefers-reduced-motion: reduce) { .carousel-indicators li { transition: none; } } .carousel-indicators .active { opacity: 1; }
.carousel-caption { position: absolute; right: 15%; bottom: 20px; left: 15%; z-index: 10; padding-top: 20px; padding-bottom: 20px; color: #fff; text-align: center; }
@-webkit-keyframes spinner-border { to { transform: rotate(360deg); } }
@keyframes spinner-border { to { transform: rotate(360deg); } }
.spinner-border { display: inline-block; width: 2rem; height: 2rem; vertical-align: text-bottom; border: 0.25em solid currentColor; border-right-color: transparent; border-radius: 50%; -webkit-animation: spinner-border .75s linear infinite; animation: spinner-border .75s linear infinite; }
.spinner-border-sm { width: 1rem; height: 1rem; border-width: 0.2em; }
@-webkit-keyframes spinner-grow { 0% { transform: scale(0); } 50% { opacity: 1; } }
@keyframes spinner-grow { 0% { transform: scale(0); } 50% { opacity: 1; } }
.spinner-grow { display: inline-block; width: 2rem; height: 2rem; vertical-align: text-bottom; background-color: currentColor; border-radius: 50%; opacity: 0; -webkit-animation: spinner-grow .75s linear infinite; animation: spinner-grow .75s linear infinite; }
.spinner-grow-sm { width: 1rem; height: 1rem; }
.align-baseline { vertical-align: baseline !important; }
.align-top { vertical-align: top !important; }
.align-middle { vertical-align: middle !important; }
.align-bottom { vertical-align: bottom !important; }
.align-text-bottom { vertical-align: text-bottom !important; }
.align-text-top { vertical-align: text-top !important; }
.bg-primary { background-color: #00302d !important; }
a.bg-primary:hover, a.bg-primary:focus,
button.bg-primary:hover,
button.bg-primary:focus { background-color: black !important; }
.bg-secondary { background-color: #e0ff90 !important; }
a.bg-secondary:hover, a.bg-secondary:focus,
button.bg-secondary:hover,
button.bg-secondary:focus { background-color: #d2ff5d !important; }
.bg-success { background-color: #5fe0b7 !important; }
a.bg-success:hover, a.bg-success:focus,
button.bg-success:hover,
button.bg-success:focus { background-color: #34d8a4 !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: #ff6720 !important; }
a.bg-danger:hover, a.bg-danger:focus,
button.bg-danger:hover,
button.bg-danger:focus { background-color: #ec4b00 !important; }
.bg-light { background-color: #efece8 !important; }
a.bg-light:hover, a.bg-light:focus,
button.bg-light:hover,
button.bg-light:focus { background-color: #dad3ca !important; }
.bg-dark { background-color: #00302d !important; }
a.bg-dark:hover, a.bg-dark:focus,
button.bg-dark:hover,
button.bg-dark:focus { background-color: black !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: #00302d !important; }
.border-secondary { border-color: #e0ff90 !important; }
.border-success { border-color: #5fe0b7 !important; }
.border-info { border-color: #17a2b8 !important; }
.border-warning { border-color: #ffc107 !important; }
.border-danger { border-color: #ff6720 !important; }
.border-light { border-color: #efece8 !important; }
.border-dark { border-color: #00302d !important; }
.border-white { border-color: #fff !important; }
.rounded-sm { border-radius: 0.1875rem !important; }
.rounded { border-radius: 0.1875rem !important; }
.rounded-top { border-top-left-radius: 0.1875rem !important; border-top-right-radius: 0.1875rem !important; }
.rounded-right { border-top-right-radius: 0.1875rem !important; border-bottom-right-radius: 0.1875rem !important; }
.rounded-bottom { border-bottom-right-radius: 0.1875rem !important; border-bottom-left-radius: 0.1875rem !important; }
.rounded-left { border-top-left-radius: 0.1875rem !important; border-bottom-left-radius: 0.1875rem !important; }
.rounded-lg { border-radius: 1rem !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: 375px) { .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: 1024px) { .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: 1440px) { .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 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.85714%; }
.embed-responsive-16by9::before { padding-top: 56.25%; }
.embed-responsive-4by3::before { padding-top: 75%; }
.embed-responsive-1by1::before { padding-top: 100%; }
.flex-row { flex-direction: row !important; }
.flex-column { flex-direction: column !important; }
.flex-row-reverse { flex-direction: row-reverse !important; }
.flex-column-reverse { flex-direction: column-reverse !important; }
.flex-wrap { flex-wrap: wrap !important; }
.flex-nowrap { flex-wrap: nowrap !important; }
.flex-wrap-reverse { flex-wrap: wrap-reverse !important; }
.flex-fill { flex: 1 1 auto !important; }
.flex-grow-0 { flex-grow: 0 !important; }
.flex-grow-1 { flex-grow: 1 !important; }
.flex-shrink-0 { flex-shrink: 0 !important; }
.flex-shrink-1 { flex-shrink: 1 !important; }
.justify-content-start { justify-content: flex-start !important; }
.justify-content-end { justify-content: flex-end !important; }
.justify-content-center { justify-content: center !important; }
.justify-content-between { justify-content: space-between !important; }
.justify-content-around { justify-content: space-around !important; }
.align-items-start { align-items: flex-start !important; }
.align-items-end { align-items: flex-end !important; }
.align-items-center { align-items: center !important; }
.align-items-baseline { align-items: baseline !important; }
.align-items-stretch { align-items: stretch !important; }
.align-content-start { align-content: flex-start !important; }
.align-content-end { align-content: flex-end !important; }
.align-content-center { align-content: center !important; }
.align-content-between { align-content: space-between !important; }
.align-content-around { align-content: space-around !important; }
.align-content-stretch { align-content: stretch !important; }
.align-self-auto { align-self: auto !important; }
.align-self-start { align-self: flex-start !important; }
.align-self-end { align-self: flex-end !important; }
.align-self-center { align-self: center !important; }
.align-self-baseline { align-self: baseline !important; }
.align-self-stretch { align-self: stretch !important; }
@media (min-width: 375px) { .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: 1024px) { .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: 1440px) { .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; } }
.float-left { float: left !important; }
.float-right { float: right !important; }
.float-none { float: none !important; }
@media (min-width: 375px) { .float-sm-left { float: left !important; } .float-sm-right { float: right !important; } .float-sm-none { float: none !important; } }
@media (min-width: 1024px) { .float-md-left { float: left !important; } .float-md-right { float: right !important; } .float-md-none { float: none !important; } }
@media (min-width: 1440px) { .float-lg-left { float: left !important; } .float-lg-right { float: right !important; } .float-lg-none { float: none !important; } }
.overflow-auto { overflow: auto !important; }
.overflow-hidden { overflow: hidden !important; }
.position-static { position: static !important; }
.position-relative { position: relative !important; }
.position-absolute { position: absolute !important; }
.position-fixed { position: fixed !important; }
.position-sticky { position: -webkit-sticky !important; position: sticky !important; }
.fixed-top { position: fixed; top: 0; right: 0; left: 0; z-index: 1030; }
.fixed-bottom { position: fixed; right: 0; bottom: 0; left: 0; z-index: 1030; }
@supports ((position: -webkit-sticky) or (position: sticky)) { .sticky-top { position: -webkit-sticky; position: sticky; top: 0; z-index: 1020; } }
.sr-only { position: absolute; width: 1px; height: 1px; padding: 0; 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 0.125rem 0.25rem rgba(0, 0, 0, 0.075) !important; }
.shadow { box-shadow: 0 0.5rem 1rem rgba(0, 0, 0, 0.15) !important; }
.shadow-lg { box-shadow: 0 1rem 3rem rgba(0, 0, 0, 0.175) !important; }
.shadow-none { box-shadow: none !important; }
.w-25 { width: 25% !important; }
.w-50 { width: 50% !important; }
.w-75 { width: 75% !important; }
.w-100 { width: 100% !important; }
.w-auto { width: auto !important; }
.h-25 { height: 25% !important; }
.h-50 { height: 50% !important; }
.h-75 { height: 75% !important; }
.h-100 { height: 100% !important; }
.h-auto { height: auto !important; }
.mw-100 { max-width: 100% !important; }
.mh-100 { max-height: 100% !important; }
.min-vw-100 { min-width: 100vw !important; }
.min-vh-100 { min-height: 100vh !important; }
.vw-100 { width: 100vw !important; }
.vh-100 { height: 100vh !important; }
.stretched-link::after { position: absolute; top: 0; right: 0; bottom: 0; left: 0; z-index: 1; pointer-events: auto; content: ""; background-color: rgba(0, 0, 0, 0); }
.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: 0.25rem !important; }
.mt-1,
.my-1 { margin-top: 0.25rem !important; }
.mr-1,
.mx-1 { margin-right: 0.25rem !important; }
.mb-1,
.my-1 { margin-bottom: 0.25rem !important; }
.ml-1,
.mx-1 { margin-left: 0.25rem !important; }
.m-2 { margin: 0.5rem !important; }
.mt-2,
.my-2 { margin-top: 0.5rem !important; }
.mr-2,
.mx-2 { margin-right: 0.5rem !important; }
.mb-2,
.my-2 { margin-bottom: 0.5rem !important; }
.ml-2,
.mx-2 { margin-left: 0.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: 0.25rem !important; }
.pt-1,
.py-1 { padding-top: 0.25rem !important; }
.pr-1,
.px-1 { padding-right: 0.25rem !important; }
.pb-1,
.py-1 { padding-bottom: 0.25rem !important; }
.pl-1,
.px-1 { padding-left: 0.25rem !important; }
.p-2 { padding: 0.5rem !important; }
.pt-2,
.py-2 { padding-top: 0.5rem !important; }
.pr-2,
.px-2 { padding-right: 0.5rem !important; }
.pb-2,
.py-2 { padding-bottom: 0.5rem !important; }
.pl-2,
.px-2 { padding-left: 0.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: -0.25rem !important; }
.mt-n1,
.my-n1 { margin-top: -0.25rem !important; }
.mr-n1,
.mx-n1 { margin-right: -0.25rem !important; }
.mb-n1,
.my-n1 { margin-bottom: -0.25rem !important; }
.ml-n1,
.mx-n1 { margin-left: -0.25rem !important; }
.m-n2 { margin: -0.5rem !important; }
.mt-n2,
.my-n2 { margin-top: -0.5rem !important; }
.mr-n2,
.mx-n2 { margin-right: -0.5rem !important; }
.mb-n2,
.my-n2 { margin-bottom: -0.5rem !important; }
.ml-n2,
.mx-n2 { margin-left: -0.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: 375px) { .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: 0.25rem !important; } .mt-sm-1, .my-sm-1 { margin-top: 0.25rem !important; } .mr-sm-1, .mx-sm-1 { margin-right: 0.25rem !important; } .mb-sm-1, .my-sm-1 { margin-bottom: 0.25rem !important; } .ml-sm-1, .mx-sm-1 { margin-left: 0.25rem !important; } .m-sm-2 { margin: 0.5rem !important; } .mt-sm-2, .my-sm-2 { margin-top: 0.5rem !important; } .mr-sm-2, .mx-sm-2 { margin-right: 0.5rem !important; } .mb-sm-2, .my-sm-2 { margin-bottom: 0.5rem !important; } .ml-sm-2, .mx-sm-2 { margin-left: 0.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: 0.25rem !important; } .pt-sm-1, .py-sm-1 { padding-top: 0.25rem !important; } .pr-sm-1, .px-sm-1 { padding-right: 0.25rem !important; } .pb-sm-1, .py-sm-1 { padding-bottom: 0.25rem !important; } .pl-sm-1, .px-sm-1 { padding-left: 0.25rem !important; } .p-sm-2 { padding: 0.5rem !important; } .pt-sm-2, .py-sm-2 { padding-top: 0.5rem !important; } .pr-sm-2, .px-sm-2 { padding-right: 0.5rem !important; } .pb-sm-2, .py-sm-2 { padding-bottom: 0.5rem !important; } .pl-sm-2, .px-sm-2 { padding-left: 0.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: -0.25rem !important; } .mt-sm-n1, .my-sm-n1 { margin-top: -0.25rem !important; } .mr-sm-n1, .mx-sm-n1 { margin-right: -0.25rem !important; } .mb-sm-n1, .my-sm-n1 { margin-bottom: -0.25rem !important; } .ml-sm-n1, .mx-sm-n1 { margin-left: -0.25rem !important; } .m-sm-n2 { margin: -0.5rem !important; } .mt-sm-n2, .my-sm-n2 { margin-top: -0.5rem !important; } .mr-sm-n2, .mx-sm-n2 { margin-right: -0.5rem !important; } .mb-sm-n2, .my-sm-n2 { margin-bottom: -0.5rem !important; } .ml-sm-n2, .mx-sm-n2 { margin-left: -0.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: 1024px) { .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: 0.25rem !important; } .mt-md-1, .my-md-1 { margin-top: 0.25rem !important; } .mr-md-1, .mx-md-1 { margin-right: 0.25rem !important; } .mb-md-1, .my-md-1 { margin-bottom: 0.25rem !important; } .ml-md-1, .mx-md-1 { margin-left: 0.25rem !important; } .m-md-2 { margin: 0.5rem !important; } .mt-md-2, .my-md-2 { margin-top: 0.5rem !important; } .mr-md-2, .mx-md-2 { margin-right: 0.5rem !important; } .mb-md-2, .my-md-2 { margin-bottom: 0.5rem !important; } .ml-md-2, .mx-md-2 { margin-left: 0.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: 0.25rem !important; } .pt-md-1, .py-md-1 { padding-top: 0.25rem !important; } .pr-md-1, .px-md-1 { padding-right: 0.25rem !important; } .pb-md-1, .py-md-1 { padding-bottom: 0.25rem !important; } .pl-md-1, .px-md-1 { padding-left: 0.25rem !important; } .p-md-2 { padding: 0.5rem !important; } .pt-md-2, .py-md-2 { padding-top: 0.5rem !important; } .pr-md-2, .px-md-2 { padding-right: 0.5rem !important; } .pb-md-2, .py-md-2 { padding-bottom: 0.5rem !important; } .pl-md-2, .px-md-2 { padding-left: 0.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: -0.25rem !important; } .mt-md-n1, .my-md-n1 { margin-top: -0.25rem !important; } .mr-md-n1, .mx-md-n1 { margin-right: -0.25rem !important; } .mb-md-n1, .my-md-n1 { margin-bottom: -0.25rem !important; } .ml-md-n1, .mx-md-n1 { margin-left: -0.25rem !important; } .m-md-n2 { margin: -0.5rem !important; } .mt-md-n2, .my-md-n2 { margin-top: -0.5rem !important; } .mr-md-n2, .mx-md-n2 { margin-right: -0.5rem !important; } .mb-md-n2, .my-md-n2 { margin-bottom: -0.5rem !important; } .ml-md-n2, .mx-md-n2 { margin-left: -0.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: 1440px) { .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: 0.25rem !important; } .mt-lg-1, .my-lg-1 { margin-top: 0.25rem !important; } .mr-lg-1, .mx-lg-1 { margin-right: 0.25rem !important; } .mb-lg-1, .my-lg-1 { margin-bottom: 0.25rem !important; } .ml-lg-1, .mx-lg-1 { margin-left: 0.25rem !important; } .m-lg-2 { margin: 0.5rem !important; } .mt-lg-2, .my-lg-2 { margin-top: 0.5rem !important; } .mr-lg-2, .mx-lg-2 { margin-right: 0.5rem !important; } .mb-lg-2, .my-lg-2 { margin-bottom: 0.5rem !important; } .ml-lg-2, .mx-lg-2 { margin-left: 0.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: 0.25rem !important; } .pt-lg-1, .py-lg-1 { padding-top: 0.25rem !important; } .pr-lg-1, .px-lg-1 { padding-right: 0.25rem !important; } .pb-lg-1, .py-lg-1 { padding-bottom: 0.25rem !important; } .pl-lg-1, .px-lg-1 { padding-left: 0.25rem !important; } .p-lg-2 { padding: 0.5rem !important; } .pt-lg-2, .py-lg-2 { padding-top: 0.5rem !important; } .pr-lg-2, .px-lg-2 { padding-right: 0.5rem !important; } .pb-lg-2, .py-lg-2 { padding-bottom: 0.5rem !important; } .pl-lg-2, .px-lg-2 { padding-left: 0.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: -0.25rem !important; } .mt-lg-n1, .my-lg-n1 { margin-top: -0.25rem !important; } .mr-lg-n1, .mx-lg-n1 { margin-right: -0.25rem !important; } .mb-lg-n1, .my-lg-n1 { margin-bottom: -0.25rem !important; } .ml-lg-n1, .mx-lg-n1 { margin-left: -0.25rem !important; } .m-lg-n2 { margin: -0.5rem !important; } .mt-lg-n2, .my-lg-n2 { margin-top: -0.5rem !important; } .mr-lg-n2, .mx-lg-n2 { margin-right: -0.5rem !important; } .mb-lg-n2, .my-lg-n2 { margin-bottom: -0.5rem !important; } .ml-lg-n2, .mx-lg-n2 { margin-left: -0.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; } }
.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: 375px) { .text-sm-left { text-align: left !important; } .text-sm-right { text-align: right !important; } .text-sm-center { text-align: center !important; } }
@media (min-width: 1024px) { .text-md-left { text-align: left !important; } .text-md-right { text-align: right !important; } .text-md-center { text-align: center !important; } }
@media (min-width: 1440px) { .text-lg-left { text-align: left !important; } .text-lg-right { text-align: right !important; } .text-lg-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: #00302d !important; }
a.text-primary:hover, a.text-primary:focus { color: black !important; }
.text-secondary { color: #e0ff90 !important; }
a.text-secondary:hover, a.text-secondary:focus { color: #cbff44 !important; }
.text-success { color: #5fe0b7 !important; }
a.text-success:hover, a.text-success:focus { color: #27cb97 !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: #ff6720 !important; }
a.text-danger:hover, a.text-danger:focus { color: #d34300 !important; }
.text-light { color: #efece8 !important; }
a.text-light:hover, a.text-light:focus { color: #d0c7bb !important; }
.text-dark { color: #00302d !important; }
a.text-dark:hover, a.text-dark:focus { color: black !important; }
.text-body { color: #000 !important; }
.text-muted { color: #6c757d !important; }
.text-black-50 { color: rgba(0, 0, 0, 0.5) !important; }
.text-white-50 { color: rgba(255, 255, 255, 0.5) !important; }
.text-hide { font: 0/0 a; color: transparent; text-shadow: none; background-color: transparent; border: 0; }
.text-decoration-none { text-decoration: none !important; }
.text-break { word-break: break-word !important; overflow-wrap: break-word !important; }
.text-reset { color: inherit !important; }
.visible { visibility: visible !important; }
.invisible { visibility: hidden !important; }
@media print { *, *::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; } thead { display: table-header-group; } tr, img { page-break-inside: avoid; } p, h2, h3 { orphans: 3; widows: 3; } h2, h3 { page-break-after: avoid; } @page { size: a3; } body { min-width: 1440px !important; } .container { min-width: 1440px !important; } .navbar { display: none; } .badge { border: 1px solid #000; } .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: #ccc; } .table .thead-dark th { color: inherit; border-color: #ccc; } }
:root { --blue: #99d6ea; --indigo: #6610f2; --purple: #6f42c1; --pink: #e83e8c; --red: #ff6720; --orange: #fd7e14; --yellow: #ffc107; --green: #5fe0b7; --teal: #20c997; --cyan: #17a2b8; --white: #fff; --gray: #6c757d; --gray-dark: #343a40; --primary: #00302d; --secondary: #e0ff90; --success: #5fe0b7; --info: #17a2b8; --warning: #ffc107; --danger: #ff6720; --light: #efece8; --dark: #00302d; --breakpoint-xs: 0; --breakpoint-sm: 375px; --breakpoint-md: 1024px; --breakpoint-lg: 1440px; --font-family-sans-serif: Calibre, sans-serif; --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: Calibre, sans-serif; font-size: 1rem; font-weight: 400; line-height: 1.5; color: #000; text-align: left; background-color: #fff; }
[tabindex="-1"]:focus { outline: 0 !important; }
hr { box-sizing: content-box; height: 0; overflow: visible; }
h1, h2, h3, h4, h5, h6 { margin-top: 0; margin-bottom: 0.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: #323239; text-decoration: none; background-color: transparent; } a:hover { color: #0e0e10; text-decoration: underline; }
a:not([href]):not([tabindex]) { color: inherit; text-decoration: none; } a:not([href]):not([tabindex]):hover, a:not([href]):not([tabindex]):focus { color: inherit; text-decoration: none; } a:not([href]):not([tabindex]):focus { outline: 0; }
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; }
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: 0.75rem; padding-bottom: 0.75rem; color: #6c757d; text-align: left; caption-side: bottom; }
th { text-align: inherit; }
label { display: inline-block; margin-bottom: 0.5rem; }
button { border-radius: 0; }
button:focus { outline: 1px dotted; outline: 5px auto -webkit-focus-ring-color; }
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; }
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; }
input[type="date"],
input[type="time"],
input[type="datetime-local"],
input[type="month"] { -webkit-appearance: listbox; }
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: 0.5rem; font-family: Canela; font-weight: 300; line-height: 1.2; }
h1, .h1 { font-size: 2.5rem; }
h2, .h2 { font-size: 2rem; }
h3, .h3 { font-size: 1.75rem; }
h4, .h4 { font-size: 1.5rem; }
h5, .h5 { font-size: 1.25rem; }
h6, .h6 { font-size: 1rem; }
.lead { font-size: 1.25rem; font-weight: 300; }
.display-1 { font-size: 6rem; font-weight: 300; line-height: 1.2; }
.display-2 { font-size: 5.5rem; font-weight: 300; line-height: 1.2; }
.display-3 { font-size: 4.5rem; font-weight: 300; line-height: 1.2; }
.display-4 { font-size: 3.5rem; font-weight: 300; line-height: 1.2; }
hr { margin-top: 1rem; margin-bottom: 1rem; border: 0; border-top: 1px solid #ccc; }
small,
.small { font-size: 80%; font-weight: 400; }
mark,
.mark { padding: 0.2em; background-color: #fcf8e3; }
.list-unstyled { padding-left: 0; list-style: none; }
.list-inline { padding-left: 0; list-style: none; }
.list-inline-item { display: inline-block; } .list-inline-item:not(:last-child) { margin-right: 0.5rem; }
.initialism { font-size: 90%; text-transform: uppercase; }
.blockquote { margin-bottom: 1rem; font-size: 1.25rem; }
.blockquote-footer { display: block; font-size: 80%; color: #6c757d; } .blockquote-footer::before { content: "\2014\00A0"; }
.img-fluid { max-width: 100%; height: auto; }
.img-thumbnail { padding: 0.25rem; background-color: #fff; border: 1px solid #dee2e6; border-radius: 0.1875rem; max-width: 100%; height: auto; }
.figure { display: inline-block; }
.figure-img { margin-bottom: 0.5rem; line-height: 1; }
.figure-caption { font-size: 90%; color: #6c757d; }
code { font-size: 87.5%; color: #e83e8c; word-break: break-word; } a > code { color: inherit; }
kbd { padding: 0.2rem 0.4rem; font-size: 87.5%; color: #fff; background-color: #323239; border-radius: 0.1875rem; } kbd kbd { padding: 0; font-size: 100%; font-weight: 700; }
pre { display: block; font-size: 87.5%; color: #323239; } pre code { font-size: inherit; color: inherit; word-break: normal; }
.pre-scrollable { max-height: 340px; overflow-y: scroll; }
.container { width: 100%; padding-right: 15px; padding-left: 15px; margin-right: auto; margin-left: auto; } @media (min-width: 1440px) { .container { max-width: 1440px; } }
.container-fluid { width: 100%; padding-right: 15px; padding-left: 15px; margin-right: auto; margin-left: auto; }
.row { display: flex; flex-wrap: wrap; margin-right: -15px; margin-left: -15px; }
.no-gutters { margin-right: 0; margin-left: 0; } .no-gutters > .col, .no-gutters > [class*="col-"] { padding-right: 0; padding-left: 0; }
.col-1, .col-2, .col-3, .col-4, .col-5, .col-6, .col-7, .col-8, .col-9, .col-10, .col-11, .col-12, .col,
.col-auto, .col-sm-1, .col-sm-2, .col-sm-3, .col-sm-4, .col-sm-5, .col-sm-6, .col-sm-7, .col-sm-8, .col-sm-9, .col-sm-10, .col-sm-11, .col-sm-12, .col-sm,
.col-sm-auto, .col-md-1, .col-md-2, .col-md-3, .col-md-4, .col-md-5, .col-md-6, .col-md-7, .col-md-8, .col-md-9, .col-md-10, .col-md-11, .col-md-12, .col-md,
.col-md-auto, .col-lg-1, .col-lg-2, .col-lg-3, .col-lg-4, .col-lg-5, .col-lg-6, .col-lg-7, .col-lg-8, .col-lg-9, .col-lg-10, .col-lg-11, .col-lg-12, .col-lg,
.col-lg-auto { position: relative; width: 100%; padding-right: 15px; padding-left: 15px; }
.col { flex-basis: 0; flex-grow: 1; max-width: 100%; }
.col-auto { flex: 0 0 auto; width: auto; max-width: 100%; }
.col-1 { flex: 0 0 8.33333%; max-width: 8.33333%; }
.col-2 { flex: 0 0 16.66667%; max-width: 16.66667%; }
.col-3 { flex: 0 0 25%; max-width: 25%; }
.col-4 { flex: 0 0 33.33333%; max-width: 33.33333%; }
.col-5 { flex: 0 0 41.66667%; max-width: 41.66667%; }
.col-6 { flex: 0 0 50%; max-width: 50%; }
.col-7 { flex: 0 0 58.33333%; max-width: 58.33333%; }
.col-8 { flex: 0 0 66.66667%; max-width: 66.66667%; }
.col-9 { flex: 0 0 75%; max-width: 75%; }
.col-10 { flex: 0 0 83.33333%; max-width: 83.33333%; }
.col-11 { flex: 0 0 91.66667%; max-width: 91.66667%; }
.col-12 { flex: 0 0 100%; max-width: 100%; }
.order-first { order: -1; }
.order-last { order: 13; }
.order-0 { order: 0; }
.order-1 { order: 1; }
.order-2 { order: 2; }
.order-3 { order: 3; }
.order-4 { order: 4; }
.order-5 { order: 5; }
.order-6 { order: 6; }
.order-7 { order: 7; }
.order-8 { order: 8; }
.order-9 { order: 9; }
.order-10 { order: 10; }
.order-11 { order: 11; }
.order-12 { order: 12; }
.offset-1 { margin-left: 8.33333%; }
.offset-2 { margin-left: 16.66667%; }
.offset-3 { margin-left: 25%; }
.offset-4 { margin-left: 33.33333%; }
.offset-5 { margin-left: 41.66667%; }
.offset-6 { margin-left: 50%; }
.offset-7 { margin-left: 58.33333%; }
.offset-8 { margin-left: 66.66667%; }
.offset-9 { margin-left: 75%; }
.offset-10 { margin-left: 83.33333%; }
.offset-11 { margin-left: 91.66667%; }
@media (min-width: 375px) { .col-sm { flex-basis: 0; flex-grow: 1; max-width: 100%; } .col-sm-auto { flex: 0 0 auto; width: auto; max-width: 100%; } .col-sm-1 { flex: 0 0 8.33333%; max-width: 8.33333%; } .col-sm-2 { flex: 0 0 16.66667%; max-width: 16.66667%; } .col-sm-3 { flex: 0 0 25%; max-width: 25%; } .col-sm-4 { flex: 0 0 33.33333%; max-width: 33.33333%; } .col-sm-5 { flex: 0 0 41.66667%; max-width: 41.66667%; } .col-sm-6 { flex: 0 0 50%; max-width: 50%; } .col-sm-7 { flex: 0 0 58.33333%; max-width: 58.33333%; } .col-sm-8 { flex: 0 0 66.66667%; max-width: 66.66667%; } .col-sm-9 { flex: 0 0 75%; max-width: 75%; } .col-sm-10 { flex: 0 0 83.33333%; max-width: 83.33333%; } .col-sm-11 { flex: 0 0 91.66667%; max-width: 91.66667%; } .col-sm-12 { flex: 0 0 100%; max-width: 100%; } .order-sm-first { order: -1; } .order-sm-last { order: 13; } .order-sm-0 { order: 0; } .order-sm-1 { order: 1; } .order-sm-2 { order: 2; } .order-sm-3 { order: 3; } .order-sm-4 { order: 4; } .order-sm-5 { order: 5; } .order-sm-6 { order: 6; } .order-sm-7 { order: 7; } .order-sm-8 { order: 8; } .order-sm-9 { order: 9; } .order-sm-10 { order: 10; } .order-sm-11 { order: 11; } .order-sm-12 { order: 12; } .offset-sm-0 { margin-left: 0; } .offset-sm-1 { margin-left: 8.33333%; } .offset-sm-2 { margin-left: 16.66667%; } .offset-sm-3 { margin-left: 25%; } .offset-sm-4 { margin-left: 33.33333%; } .offset-sm-5 { margin-left: 41.66667%; } .offset-sm-6 { margin-left: 50%; } .offset-sm-7 { margin-left: 58.33333%; } .offset-sm-8 { margin-left: 66.66667%; } .offset-sm-9 { margin-left: 75%; } .offset-sm-10 { margin-left: 83.33333%; } .offset-sm-11 { margin-left: 91.66667%; } }
@media (min-width: 1024px) { .col-md { flex-basis: 0; flex-grow: 1; max-width: 100%; } .col-md-auto { flex: 0 0 auto; width: auto; max-width: 100%; } .col-md-1 { flex: 0 0 8.33333%; max-width: 8.33333%; } .col-md-2 { flex: 0 0 16.66667%; max-width: 16.66667%; } .col-md-3 { flex: 0 0 25%; max-width: 25%; } .col-md-4 { flex: 0 0 33.33333%; max-width: 33.33333%; } .col-md-5 { flex: 0 0 41.66667%; max-width: 41.66667%; } .col-md-6 { flex: 0 0 50%; max-width: 50%; } .col-md-7 { flex: 0 0 58.33333%; max-width: 58.33333%; } .col-md-8 { flex: 0 0 66.66667%; max-width: 66.66667%; } .col-md-9 { flex: 0 0 75%; max-width: 75%; } .col-md-10 { flex: 0 0 83.33333%; max-width: 83.33333%; } .col-md-11 { flex: 0 0 91.66667%; max-width: 91.66667%; } .col-md-12 { flex: 0 0 100%; max-width: 100%; } .order-md-first { order: -1; } .order-md-last { order: 13; } .order-md-0 { order: 0; } .order-md-1 { order: 1; } .order-md-2 { order: 2; } .order-md-3 { order: 3; } .order-md-4 { order: 4; } .order-md-5 { order: 5; } .order-md-6 { order: 6; } .order-md-7 { order: 7; } .order-md-8 { order: 8; } .order-md-9 { order: 9; } .order-md-10 { order: 10; } .order-md-11 { order: 11; } .order-md-12 { order: 12; } .offset-md-0 { margin-left: 0; } .offset-md-1 { margin-left: 8.33333%; } .offset-md-2 { margin-left: 16.66667%; } .offset-md-3 { margin-left: 25%; } .offset-md-4 { margin-left: 33.33333%; } .offset-md-5 { margin-left: 41.66667%; } .offset-md-6 { margin-left: 50%; } .offset-md-7 { margin-left: 58.33333%; } .offset-md-8 { margin-left: 66.66667%; } .offset-md-9 { margin-left: 75%; } .offset-md-10 { margin-left: 83.33333%; } .offset-md-11 { margin-left: 91.66667%; } }
@media (min-width: 1440px) { .col-lg { flex-basis: 0; flex-grow: 1; max-width: 100%; } .col-lg-auto { flex: 0 0 auto; width: auto; max-width: 100%; } .col-lg-1 { flex: 0 0 8.33333%; max-width: 8.33333%; } .col-lg-2 { flex: 0 0 16.66667%; max-width: 16.66667%; } .col-lg-3 { flex: 0 0 25%; max-width: 25%; } .col-lg-4 { flex: 0 0 33.33333%; max-width: 33.33333%; } .col-lg-5 { flex: 0 0 41.66667%; max-width: 41.66667%; } .col-lg-6 { flex: 0 0 50%; max-width: 50%; } .col-lg-7 { flex: 0 0 58.33333%; max-width: 58.33333%; } .col-lg-8 { flex: 0 0 66.66667%; max-width: 66.66667%; } .col-lg-9 { flex: 0 0 75%; max-width: 75%; } .col-lg-10 { flex: 0 0 83.33333%; max-width: 83.33333%; } .col-lg-11 { flex: 0 0 91.66667%; max-width: 91.66667%; } .col-lg-12 { flex: 0 0 100%; max-width: 100%; } .order-lg-first { order: -1; } .order-lg-last { order: 13; } .order-lg-0 { order: 0; } .order-lg-1 { order: 1; } .order-lg-2 { order: 2; } .order-lg-3 { order: 3; } .order-lg-4 { order: 4; } .order-lg-5 { order: 5; } .order-lg-6 { order: 6; } .order-lg-7 { order: 7; } .order-lg-8 { order: 8; } .order-lg-9 { order: 9; } .order-lg-10 { order: 10; } .order-lg-11 { order: 11; } .order-lg-12 { order: 12; } .offset-lg-0 { margin-left: 0; } .offset-lg-1 { margin-left: 8.33333%; } .offset-lg-2 { margin-left: 16.66667%; } .offset-lg-3 { margin-left: 25%; } .offset-lg-4 { margin-left: 33.33333%; } .offset-lg-5 { margin-left: 41.66667%; } .offset-lg-6 { margin-left: 50%; } .offset-lg-7 { margin-left: 58.33333%; } .offset-lg-8 { margin-left: 66.66667%; } .offset-lg-9 { margin-left: 75%; } .offset-lg-10 { margin-left: 83.33333%; } .offset-lg-11 { margin-left: 91.66667%; } }
.table { width: 100%; margin-bottom: 1rem; color: #000; } .table th, .table td { padding: 0.75rem; vertical-align: top; border-top: 1px solid #ccc; } .table thead th { vertical-align: bottom; border-bottom: 2px solid #ccc; } .table tbody + tbody { border-top: 2px solid #ccc; }
.table-sm th,
.table-sm td { padding: 0.3rem; }
.table-bordered { border: 1px solid #ccc; } .table-bordered th, .table-bordered td { border: 1px solid #ccc; } .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: rgba(0, 0, 0, 0.05); }
.table-hover tbody tr:hover { color: #000; background-color: rgba(0, 0, 0, 0.075); }
.table-primary,
.table-primary > th,
.table-primary > td { background-color: #b8c5c4; }
.table-primary th,
.table-primary td,
.table-primary thead th,
.table-primary tbody + tbody { border-color: #7a9392; }
.table-hover .table-primary:hover { background-color: #aabab8; } .table-hover .table-primary:hover > td, .table-hover .table-primary:hover > th { background-color: #aabab8; }
.table-secondary,
.table-secondary > th,
.table-secondary > td { background-color: #f6ffe0; }
.table-secondary th,
.table-secondary td,
.table-secondary thead th,
.table-secondary tbody + tbody { border-color: #efffc5; }
.table-hover .table-secondary:hover { background-color: #efffc7; } .table-hover .table-secondary:hover > td, .table-hover .table-secondary:hover > th { background-color: #efffc7; }
.table-success,
.table-success > th,
.table-success > td { background-color: #d2f6eb; }
.table-success th,
.table-success td,
.table-success thead th,
.table-success tbody + tbody { border-color: #acefda; }
.table-hover .table-success:hover { background-color: #bdf2e2; } .table-hover .table-success:hover > td, .table-hover .table-success:hover > th { background-color: #bdf2e2; }
.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: #ffd4c1; }
.table-danger th,
.table-danger td,
.table-danger thead th,
.table-danger tbody + tbody { border-color: #ffb08b; }
.table-hover .table-danger:hover { background-color: #ffc2a8; } .table-hover .table-danger:hover > td, .table-hover .table-danger:hover > th { background-color: #ffc2a8; }
.table-light,
.table-light > th,
.table-light > td { background-color: #fbfaf9; }
.table-light th,
.table-light td,
.table-light thead th,
.table-light tbody + tbody { border-color: #f7f5f3; }
.table-hover .table-light:hover { background-color: #f1edea; } .table-hover .table-light:hover > td, .table-hover .table-light:hover > th { background-color: #f1edea; }
.table-dark,
.table-dark > th,
.table-dark > td { background-color: #b8c5c4; }
.table-dark th,
.table-dark td,
.table-dark thead th,
.table-dark tbody + tbody { border-color: #7a9392; }
.table-hover .table-dark:hover { background-color: #aabab8; } .table-hover .table-dark:hover > td, .table-hover .table-dark:hover > th { background-color: #aabab8; }
.table-active,
.table-active > th,
.table-active > td { background-color: rgba(0, 0, 0, 0.075); }
.table-hover .table-active:hover { background-color: rgba(0, 0, 0, 0.075); } .table-hover .table-active:hover > td, .table-hover .table-active:hover > th { background-color: rgba(0, 0, 0, 0.075); }
.table .thead-dark th { color: #fff; background-color: #343a40; border-color: #454d55; }
.table .thead-light th { color: #495057; background-color: #e9ecef; border-color: #ccc; }
.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: rgba(255, 255, 255, 0.05); } .table-dark.table-hover tbody tr:hover { color: #fff; background-color: rgba(255, 255, 255, 0.075); }
@media (max-width: 374.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: 1023.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: 1439.98px) { .table-responsive-lg { display: block; width: 100%; overflow-x: auto; -webkit-overflow-scrolling: touch; } .table-responsive-lg > .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 + 0.75rem + 2px); padding: 0.375rem 0.75rem; font-size: 1rem; font-weight: 400; line-height: 1.5; color: #495057; background-color: #fff; background-clip: padding-box; border: 1px solid #ced4da; border-radius: 0.1875rem; transition: border-color 0.15s ease-in-out, box-shadow 0.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: #fff; border-color: #00b0a5; outline: 0; box-shadow: 0 0 0 0.2rem rgba(0, 48, 45, 0.25); } .form-control::-webkit-input-placeholder { color: #6c757d; opacity: 1; } .form-control:-ms-input-placeholder { color: #6c757d; opacity: 1; } .form-control::-ms-input-placeholder { color: #6c757d; opacity: 1; } .form-control::placeholder { color: #6c757d; opacity: 1; } .form-control:disabled, .form-control[readonly] { background-color: #e9ecef; opacity: 1; }
select.form-control:focus::-ms-value { color: #495057; background-color: #fff; }
.form-control-file,
.form-control-range { display: block; width: 100%; }
.col-form-label { padding-top: calc(0.375rem + 1px); padding-bottom: calc(0.375rem + 1px); margin-bottom: 0; font-size: inherit; line-height: 1.5; }
.col-form-label-lg { padding-top: calc(0.5rem + 1px); padding-bottom: calc(0.5rem + 1px); font-size: 1.25rem; line-height: 1.5; }
.col-form-label-sm { padding-top: calc(0.25rem + 1px); padding-bottom: calc(0.25rem + 1px); font-size: 0.875rem; line-height: 1.5; }
.form-control-plaintext { display: block; width: 100%; padding-top: 0.375rem; padding-bottom: 0.375rem; margin-bottom: 0; line-height: 1.5; color: #000; 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 + 0.5rem + 2px); padding: 0.25rem 0.5rem; font-size: 0.875rem; line-height: 1.5; border-radius: 0.1875rem; }
.form-control-lg { height: calc(1.5em + 1rem + 2px); padding: 0.5rem 1rem; font-size: 1.25rem; line-height: 1.5; border-radius: 1rem; }
select.form-control[size], select.form-control[multiple] { height: auto; }
textarea.form-control { height: auto; }
.form-group { margin-bottom: 1rem; }
.form-text { display: block; margin-top: 0.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: 0.3rem; margin-left: -1.25rem; } .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: 0.75rem; } .form-check-inline .form-check-input { position: static; margin-top: 0; margin-right: 0.3125rem; margin-left: 0; }
.valid-feedback { display: none; width: 100%; margin-top: 0.25rem; font-size: 80%; color: #5fe0b7; }
.valid-tooltip { position: absolute; top: 100%; z-index: 5; display: none; max-width: 100%; padding: 0.25rem 0.5rem; margin-top: .1rem; font-size: 0.875rem; line-height: 1.5; color: #323239; background-color: rgba(95, 224, 183, 0.9); border-radius: 0.1875rem; }
.was-validated .form-control:valid, .form-control.is-valid { border-color: #5fe0b7; padding-right: calc(1.5em + 0.75rem); background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 8 8'%3e%3cpath fill='%235fe0b7' 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: center right calc(0.375em + 0.1875rem); background-size: calc(0.75em + 0.375rem) calc(0.75em + 0.375rem); } .was-validated .form-control:valid:focus, .form-control.is-valid:focus { border-color: #5fe0b7; box-shadow: 0 0 0 0.2rem rgba(95, 224, 183, 0.25); } .was-validated .form-control:valid ~ .valid-feedback, .was-validated .form-control:valid ~ .valid-tooltip, .form-control.is-valid ~ .valid-feedback, .form-control.is-valid ~ .valid-tooltip { display: block; }
.was-validated textarea.form-control:valid, textarea.form-control.is-valid { padding-right: calc(1.5em + 0.75rem); background-position: top calc(0.375em + 0.1875rem) right calc(0.375em + 0.1875rem); }
.was-validated .custom-select:valid, .custom-select.is-valid { border-color: #5fe0b7; padding-right: calc((1em + 0.75rem) * 3 / 4 + 1.75rem); background: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 4 5'%3e%3cpath fill='%23343a40' d='M2 0L0 2h4zm0 5L0 3h4z'/%3e%3c/svg%3e") no-repeat right 0.75rem center/8px 10px, url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 8 8'%3e%3cpath fill='%235fe0b7' d='M2.3 6.73L.6 4.53c-.4-1.04.46-1.4 1.1-.8l1.1 1.4 3.4-3.8c.6-.63 1.6-.27 1.2.7l-4 4.6c-.43.5-.8.4-1.1.1z'/%3e%3c/svg%3e") #fff no-repeat center right 1.75rem/calc(0.75em + 0.375rem) calc(0.75em + 0.375rem); } .was-validated .custom-select:valid:focus, .custom-select.is-valid:focus { border-color: #5fe0b7; box-shadow: 0 0 0 0.2rem rgba(95, 224, 183, 0.25); } .was-validated .custom-select:valid ~ .valid-feedback, .was-validated .custom-select:valid ~ .valid-tooltip, .custom-select.is-valid ~ .valid-feedback, .custom-select.is-valid ~ .valid-tooltip { display: block; }
.was-validated .form-control-file:valid ~ .valid-feedback,
.was-validated .form-control-file:valid ~ .valid-tooltip, .form-control-file.is-valid ~ .valid-feedback,
.form-control-file.is-valid ~ .valid-tooltip { display: block; }
.was-validated .form-check-input:valid ~ .form-check-label, .form-check-input.is-valid ~ .form-check-label { color: #5fe0b7; }
.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: #5fe0b7; } .was-validated .custom-control-input:valid ~ .custom-control-label::before, .custom-control-input.is-valid ~ .custom-control-label::before { border-color: #5fe0b7; }
.was-validated .custom-control-input:valid ~ .valid-feedback,
.was-validated .custom-control-input:valid ~ .valid-tooltip, .custom-control-input.is-valid ~ .valid-feedback,
.custom-control-input.is-valid ~ .valid-tooltip { display: block; }
.was-validated .custom-control-input:valid:checked ~ .custom-control-label::before, .custom-control-input.is-valid:checked ~ .custom-control-label::before { border-color: #8ae8ca; background-color: #8ae8ca; }
.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 0.2rem rgba(95, 224, 183, 0.25); }
.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: #5fe0b7; }
.was-validated .custom-file-input:valid ~ .custom-file-label, .custom-file-input.is-valid ~ .custom-file-label { border-color: #5fe0b7; }
.was-validated .custom-file-input:valid ~ .valid-feedback,
.was-validated .custom-file-input:valid ~ .valid-tooltip, .custom-file-input.is-valid ~ .valid-feedback,
.custom-file-input.is-valid ~ .valid-tooltip { display: block; }
.was-validated .custom-file-input:valid:focus ~ .custom-file-label, .custom-file-input.is-valid:focus ~ .custom-file-label { border-color: #5fe0b7; box-shadow: 0 0 0 0.2rem rgba(95, 224, 183, 0.25); }
.invalid-feedback { display: none; width: 100%; margin-top: 0.25rem; font-size: 80%; color: #ff6720; }
.invalid-tooltip { position: absolute; top: 100%; z-index: 5; display: none; max-width: 100%; padding: 0.25rem 0.5rem; margin-top: .1rem; font-size: 0.875rem; line-height: 1.5; color: #fff; background-color: rgba(255, 103, 32, 0.9); border-radius: 0.1875rem; }
.was-validated .form-control:invalid, .form-control.is-invalid { border-color: #ff6720; padding-right: calc(1.5em + 0.75rem); background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' fill='%23ff6720' viewBox='-2 -2 7 7'%3e%3cpath stroke='%23ff6720' d='M0 0l3 3m0-3L0 3'/%3e%3ccircle r='.5'/%3e%3ccircle cx='3' r='.5'/%3e%3ccircle cy='3' r='.5'/%3e%3ccircle cx='3' cy='3' r='.5'/%3e%3c/svg%3E"); background-repeat: no-repeat; background-position: center right calc(0.375em + 0.1875rem); background-size: calc(0.75em + 0.375rem) calc(0.75em + 0.375rem); } .was-validated .form-control:invalid:focus, .form-control.is-invalid:focus { border-color: #ff6720; box-shadow: 0 0 0 0.2rem rgba(255, 103, 32, 0.25); } .was-validated .form-control:invalid ~ .invalid-feedback, .was-validated .form-control:invalid ~ .invalid-tooltip, .form-control.is-invalid ~ .invalid-feedback, .form-control.is-invalid ~ .invalid-tooltip { display: block; }
.was-validated textarea.form-control:invalid, textarea.form-control.is-invalid { padding-right: calc(1.5em + 0.75rem); background-position: top calc(0.375em + 0.1875rem) right calc(0.375em + 0.1875rem); }
.was-validated .custom-select:invalid, .custom-select.is-invalid { border-color: #ff6720; padding-right: calc((1em + 0.75rem) * 3 / 4 + 1.75rem); background: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 4 5'%3e%3cpath fill='%23343a40' d='M2 0L0 2h4zm0 5L0 3h4z'/%3e%3c/svg%3e") no-repeat right 0.75rem center/8px 10px, url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' fill='%23ff6720' viewBox='-2 -2 7 7'%3e%3cpath stroke='%23ff6720' d='M0 0l3 3m0-3L0 3'/%3e%3ccircle r='.5'/%3e%3ccircle cx='3' r='.5'/%3e%3ccircle cy='3' r='.5'/%3e%3ccircle cx='3' cy='3' r='.5'/%3e%3c/svg%3E") #fff no-repeat center right 1.75rem/calc(0.75em + 0.375rem) calc(0.75em + 0.375rem); } .was-validated .custom-select:invalid:focus, .custom-select.is-invalid:focus { border-color: #ff6720; box-shadow: 0 0 0 0.2rem rgba(255, 103, 32, 0.25); } .was-validated .custom-select:invalid ~ .invalid-feedback, .was-validated .custom-select:invalid ~ .invalid-tooltip, .custom-select.is-invalid ~ .invalid-feedback, .custom-select.is-invalid ~ .invalid-tooltip { display: block; }
.was-validated .form-control-file:invalid ~ .invalid-feedback,
.was-validated .form-control-file:invalid ~ .invalid-tooltip, .form-control-file.is-invalid ~ .invalid-feedback,
.form-control-file.is-invalid ~ .invalid-tooltip { display: block; }
.was-validated .form-check-input:invalid ~ .form-check-label, .form-check-input.is-invalid ~ .form-check-label { color: #ff6720; }
.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: #ff6720; } .was-validated .custom-control-input:invalid ~ .custom-control-label::before, .custom-control-input.is-invalid ~ .custom-control-label::before { border-color: #ff6720; }
.was-validated .custom-control-input:invalid ~ .invalid-feedback,
.was-validated .custom-control-input:invalid ~ .invalid-tooltip, .custom-control-input.is-invalid ~ .invalid-feedback,
.custom-control-input.is-invalid ~ .invalid-tooltip { display: block; }
.was-validated .custom-control-input:invalid:checked ~ .custom-control-label::before, .custom-control-input.is-invalid:checked ~ .custom-control-label::before { border-color: #ff8a53; background-color: #ff8a53; }
.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 0.2rem rgba(255, 103, 32, 0.25); }
.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: #ff6720; }
.was-validated .custom-file-input:invalid ~ .custom-file-label, .custom-file-input.is-invalid ~ .custom-file-label { border-color: #ff6720; }
.was-validated .custom-file-input:invalid ~ .invalid-feedback,
.was-validated .custom-file-input:invalid ~ .invalid-tooltip, .custom-file-input.is-invalid ~ .invalid-feedback,
.custom-file-input.is-invalid ~ .invalid-tooltip { display: block; }
.was-validated .custom-file-input:invalid:focus ~ .custom-file-label, .custom-file-input.is-invalid:focus ~ .custom-file-label { border-color: #ff6720; box-shadow: 0 0 0 0.2rem rgba(255, 103, 32, 0.25); }
.form-inline { display: flex; flex-flow: row wrap; align-items: center; } .form-inline .form-check { width: 100%; } @media (min-width: 375px) { .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: 0.25rem; margin-left: 0; } .form-inline .custom-control { align-items: center; justify-content: center; } .form-inline .custom-control-label { margin-bottom: 0; } }
.btn { display: inline-block; font-weight: bold; color: #000; text-align: center; vertical-align: middle; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; background-color: transparent; border: 1px solid transparent; padding: 0.375rem 0.75rem; font-size: 1rem; line-height: 48px; border-radius: 0.1875rem; transition: color 0.15s ease-in-out, background-color 0.15s ease-in-out, border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out; } @media (prefers-reduced-motion: reduce) { .btn { transition: none; } } .btn:hover { color: #000; text-decoration: none; } .btn:focus, .btn.focus { outline: 0; box-shadow: 0 0 0 0.2rem rgba(0, 48, 45, 0.25); } .btn.disabled, .btn:disabled { opacity: 0.65; }
a.btn.disabled,
fieldset:disabled a.btn { pointer-events: none; }
.btn-primary { color: #fff; background-color: #00302d; border-color: #00302d; } .btn-primary:hover { color: #fff; background-color: #000a09; border-color: black; } .btn-primary:focus, .btn-primary.focus { box-shadow: 0 0 0 0.2rem rgba(38, 79, 77, 0.5); } .btn-primary.disabled, .btn-primary:disabled { color: #fff; background-color: #00302d; border-color: #00302d; } .btn-primary:not(:disabled):not(.disabled):active, .btn-primary:not(:disabled):not(.disabled).active, .show > .btn-primary.dropdown-toggle { color: #fff; background-color: black; border-color: black; } .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 0.2rem rgba(38, 79, 77, 0.5); }
.btn-secondary { color: #323239; background-color: #e0ff90; border-color: #e0ff90; } .btn-secondary:hover { color: #323239; background-color: #d5ff6a; border-color: #d2ff5d; } .btn-secondary:focus, .btn-secondary.focus { box-shadow: 0 0 0 0.2rem rgba(198, 224, 131, 0.5); } .btn-secondary.disabled, .btn-secondary:disabled { color: #323239; background-color: #e0ff90; border-color: #e0ff90; } .btn-secondary:not(:disabled):not(.disabled):active, .btn-secondary:not(:disabled):not(.disabled).active, .show > .btn-secondary.dropdown-toggle { color: #323239; background-color: #d2ff5d; border-color: #ceff50; } .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 0.2rem rgba(198, 224, 131, 0.5); }
.btn-success { color: #323239; background-color: #5fe0b7; border-color: #5fe0b7; } .btn-success:hover { color: #323239; background-color: #3fdaa9; border-color: #34d8a4; } .btn-success:focus, .btn-success.focus { box-shadow: 0 0 0 0.2rem rgba(88, 198, 164, 0.5); } .btn-success.disabled, .btn-success:disabled { color: #323239; background-color: #5fe0b7; border-color: #5fe0b7; } .btn-success:not(:disabled):not(.disabled):active, .btn-success:not(:disabled):not(.disabled).active, .show > .btn-success.dropdown-toggle { color: #323239; background-color: #34d8a4; border-color: #2ad69f; } .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 0.2rem rgba(88, 198, 164, 0.5); }
.btn-info { color: #fff; background-color: #17a2b8; border-color: #17a2b8; } .btn-info:hover { color: #fff; background-color: #138496; border-color: #117a8b; } .btn-info:focus, .btn-info.focus { box-shadow: 0 0 0 0.2rem rgba(58, 176, 195, 0.5); } .btn-info.disabled, .btn-info:disabled { color: #fff; background-color: #17a2b8; border-color: #17a2b8; } .btn-info:not(:disabled):not(.disabled):active, .btn-info:not(:disabled):not(.disabled).active, .show > .btn-info.dropdown-toggle { color: #fff; background-color: #117a8b; border-color: #10707f; } .btn-info:not(:disabled):not(.disabled):active:focus, .btn-info:not(:disabled):not(.disabled).active:focus, .show > .btn-info.dropdown-toggle:focus { box-shadow: 0 0 0 0.2rem rgba(58, 176, 195, 0.5); }
.btn-warning { color: #323239; background-color: #ffc107; border-color: #ffc107; } .btn-warning:hover { color: #323239; background-color: #e0a800; border-color: #d39e00; } .btn-warning:focus, .btn-warning.focus { box-shadow: 0 0 0 0.2rem rgba(224, 172, 15, 0.5); } .btn-warning.disabled, .btn-warning:disabled { color: #323239; 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: #323239; 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 0.2rem rgba(224, 172, 15, 0.5); }
.btn-danger { color: #fff; background-color: #ff6720; border-color: #ff6720; } .btn-danger:hover { color: #fff; background-color: #f94f00; border-color: #ec4b00; } .btn-danger:focus, .btn-danger.focus { box-shadow: 0 0 0 0.2rem rgba(255, 126, 65, 0.5); } .btn-danger.disabled, .btn-danger:disabled { color: #fff; background-color: #ff6720; border-color: #ff6720; } .btn-danger:not(:disabled):not(.disabled):active, .btn-danger:not(:disabled):not(.disabled).active, .show > .btn-danger.dropdown-toggle { color: #fff; background-color: #ec4b00; border-color: #df4700; } .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 0.2rem rgba(255, 126, 65, 0.5); }
.btn-light { color: #323239; background-color: #efece8; border-color: #efece8; } .btn-light:hover { color: #323239; background-color: #dfd9d1; border-color: #dad3ca; } .btn-light:focus, .btn-light.focus { box-shadow: 0 0 0 0.2rem rgba(211, 208, 206, 0.5); } .btn-light.disabled, .btn-light:disabled { color: #323239; background-color: #efece8; border-color: #efece8; } .btn-light:not(:disabled):not(.disabled):active, .btn-light:not(:disabled):not(.disabled).active, .show > .btn-light.dropdown-toggle { color: #323239; background-color: #dad3ca; border-color: #d5cdc2; } .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 0.2rem rgba(211, 208, 206, 0.5); }
.btn-dark { color: #fff; background-color: #00302d; border-color: #00302d; } .btn-dark:hover { color: #fff; background-color: #000a09; border-color: black; } .btn-dark:focus, .btn-dark.focus { box-shadow: 0 0 0 0.2rem rgba(38, 79, 77, 0.5); } .btn-dark.disabled, .btn-dark:disabled { color: #fff; background-color: #00302d; border-color: #00302d; } .btn-dark:not(:disabled):not(.disabled):active, .btn-dark:not(:disabled):not(.disabled).active, .show > .btn-dark.dropdown-toggle { color: #fff; background-color: black; border-color: black; } .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 0.2rem rgba(38, 79, 77, 0.5); }
.btn-outline-primary { color: #00302d; border-color: #00302d; } .btn-outline-primary:hover { color: #fff; background-color: #00302d; border-color: #00302d; } .btn-outline-primary:focus, .btn-outline-primary.focus { box-shadow: 0 0 0 0.2rem rgba(0, 48, 45, 0.5); } .btn-outline-primary.disabled, .btn-outline-primary:disabled { color: #00302d; 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: #00302d; border-color: #00302d; } .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 0.2rem rgba(0, 48, 45, 0.5); }
.btn-outline-secondary { color: #e0ff90; border-color: #e0ff90; } .btn-outline-secondary:hover { color: #323239; background-color: #e0ff90; border-color: #e0ff90; } .btn-outline-secondary:focus, .btn-outline-secondary.focus { box-shadow: 0 0 0 0.2rem rgba(224, 255, 144, 0.5); } .btn-outline-secondary.disabled, .btn-outline-secondary:disabled { color: #e0ff90; 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: #323239; background-color: #e0ff90; border-color: #e0ff90; } .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 0.2rem rgba(224, 255, 144, 0.5); }
.btn-outline-success { color: #5fe0b7; border-color: #5fe0b7; } .btn-outline-success:hover { color: #323239; background-color: #5fe0b7; border-color: #5fe0b7; } .btn-outline-success:focus, .btn-outline-success.focus { box-shadow: 0 0 0 0.2rem rgba(95, 224, 183, 0.5); } .btn-outline-success.disabled, .btn-outline-success:disabled { color: #5fe0b7; 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: #323239; background-color: #5fe0b7; border-color: #5fe0b7; } .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 0.2rem rgba(95, 224, 183, 0.5); }
.btn-outline-info { color: #17a2b8; border-color: #17a2b8; } .btn-outline-info:hover { color: #fff; background-color: #17a2b8; border-color: #17a2b8; } .btn-outline-info:focus, .btn-outline-info.focus { box-shadow: 0 0 0 0.2rem rgba(23, 162, 184, 0.5); } .btn-outline-info.disabled, .btn-outline-info:disabled { color: #17a2b8; background-color: transparent; } .btn-outline-info:not(:disabled):not(.disabled):active, .btn-outline-info:not(:disabled):not(.disabled).active, .show > .btn-outline-info.dropdown-toggle { color: #fff; background-color: #17a2b8; border-color: #17a2b8; } .btn-outline-info:not(:disabled):not(.disabled):active:focus, .btn-outline-info:not(:disabled):not(.disabled).active:focus, .show > .btn-outline-info.dropdown-toggle:focus { box-shadow: 0 0 0 0.2rem rgba(23, 162, 184, 0.5); }
.btn-outline-warning { color: #ffc107; border-color: #ffc107; } .btn-outline-warning:hover { color: #323239; background-color: #ffc107; border-color: #ffc107; } .btn-outline-warning:focus, .btn-outline-warning.focus { box-shadow: 0 0 0 0.2rem rgba(255, 193, 7, 0.5); } .btn-outline-warning.disabled, .btn-outline-warning:disabled { color: #ffc107; background-color: transparent; } .btn-outline-warning:not(:disabled):not(.disabled):active, .btn-outline-warning:not(:disabled):not(.disabled).active, .show > .btn-outline-warning.dropdown-toggle { color: #323239; 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 0.2rem rgba(255, 193, 7, 0.5); }
.btn-outline-danger { color: #ff6720; border-color: #ff6720; } .btn-outline-danger:hover { color: #fff; background-color: #ff6720; border-color: #ff6720; } .btn-outline-danger:focus, .btn-outline-danger.focus { box-shadow: 0 0 0 0.2rem rgba(255, 103, 32, 0.5); } .btn-outline-danger.disabled, .btn-outline-danger:disabled { color: #ff6720; 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: #ff6720; border-color: #ff6720; } .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 0.2rem rgba(255, 103, 32, 0.5); }
.btn-outline-light { color: #efece8; border-color: #efece8; } .btn-outline-light:hover { color: #323239; background-color: #efece8; border-color: #efece8; } .btn-outline-light:focus, .btn-outline-light.focus { box-shadow: 0 0 0 0.2rem rgba(239, 236, 232, 0.5); } .btn-outline-light.disabled, .btn-outline-light:disabled { color: #efece8; 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: #323239; background-color: #efece8; border-color: #efece8; } .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 0.2rem rgba(239, 236, 232, 0.5); }
.btn-outline-dark { color: #00302d; border-color: #00302d; } .btn-outline-dark:hover { color: #fff; background-color: #00302d; border-color: #00302d; } .btn-outline-dark:focus, .btn-outline-dark.focus { box-shadow: 0 0 0 0.2rem rgba(0, 48, 45, 0.5); } .btn-outline-dark.disabled, .btn-outline-dark:disabled { color: #00302d; 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: #00302d; border-color: #00302d; } .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 0.2rem rgba(0, 48, 45, 0.5); }
.btn-link { font-weight: 400; color: #323239; text-decoration: none; } .btn-link:hover { color: #0e0e10; text-decoration: underline; } .btn-link:focus, .btn-link.focus { text-decoration: underline; box-shadow: none; } .btn-link:disabled, .btn-link.disabled { color: #6c757d; pointer-events: none; }
.btn-lg, .btn-group-lg > .btn { padding: 0.5rem 1rem; font-size: 1.25rem; line-height: 1.5; border-radius: 1rem; }
.btn-sm, .btn-group-sm > .btn { padding: 0.25rem 0.5rem; font-size: 0.875rem; line-height: 1.5; border-radius: 0.1875rem; }
.btn-block { display: block; width: 100%; } .btn-block + .btn-block { margin-top: 0.5rem; }
input[type="submit"].btn-block,
input[type="reset"].btn-block,
input[type="button"].btn-block { width: 100%; }
.fade { transition: opacity 0.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 0.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: 0.255em; vertical-align: 0.255em; content: ""; border-top: 0.3em solid; border-right: 0.3em solid transparent; border-bottom: 0; border-left: 0.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: 0.5rem 0; margin: 0.125rem 0 0; font-size: 1rem; color: #000; text-align: left; list-style: none; background-color: #fff; background-clip: padding-box; border: 1px solid rgba(0, 0, 0, 0.15); border-radius: 0.1875rem; }
.dropdown-menu-left { right: auto; left: 0; }
.dropdown-menu-right { right: 0; left: auto; }
@media (min-width: 375px) { .dropdown-menu-sm-left { right: auto; left: 0; } .dropdown-menu-sm-right { right: 0; left: auto; } }
@media (min-width: 1024px) { .dropdown-menu-md-left { right: auto; left: 0; } .dropdown-menu-md-right { right: 0; left: auto; } }
@media (min-width: 1440px) { .dropdown-menu-lg-left { right: auto; left: 0; } .dropdown-menu-lg-right { right: 0; left: auto; } }
.dropup .dropdown-menu { top: auto; bottom: 100%; margin-top: 0; margin-bottom: 0.125rem; }
.dropup .dropdown-toggle::after { display: inline-block; margin-left: 0.255em; vertical-align: 0.255em; content: ""; border-top: 0; border-right: 0.3em solid transparent; border-bottom: 0.3em solid; border-left: 0.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: 0.125rem; }
.dropright .dropdown-toggle::after { display: inline-block; margin-left: 0.255em; vertical-align: 0.255em; content: ""; border-top: 0.3em solid transparent; border-right: 0; border-bottom: 0.3em solid transparent; border-left: 0.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: 0.125rem; }
.dropleft .dropdown-toggle::after { display: inline-block; margin-left: 0.255em; vertical-align: 0.255em; content: ""; }
.dropleft .dropdown-toggle::after { display: none; }
.dropleft .dropdown-toggle::before { display: inline-block; margin-right: 0.255em; vertical-align: 0.255em; content: ""; border-top: 0.3em solid transparent; border-right: 0.3em solid; border-bottom: 0.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: 0.5rem 0; overflow: hidden; border-top: 1px solid #e9ecef; }
.dropdown-item { display: block; width: 100%; padding: 0.25rem 1.5rem; clear: both; font-weight: 400; color: #323239; text-align: inherit; white-space: nowrap; background-color: transparent; border: 0; } .dropdown-item:hover, .dropdown-item:focus { color: #26262b; text-decoration: none; background-color: #f8f9fa; } .dropdown-item.active, .dropdown-item:active { color: #fff; text-decoration: none; background-color: #00302d; } .dropdown-item.disabled, .dropdown-item:disabled { color: #6c757d; pointer-events: none; background-color: transparent; }
.dropdown-menu.show { display: block; }
.dropdown-header { display: block; padding: 0.5rem 1.5rem; margin-bottom: 0; font-size: 0.875rem; color: #6c757d; white-space: nowrap; }
.dropdown-item-text { display: block; padding: 0.25rem 1.5rem; color: #323239; }
.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: 0.5625rem; padding-left: 0.5625rem; } .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: 0.375rem; padding-left: 0.375rem; }
.btn-lg + .dropdown-toggle-split, .btn-group-lg > .btn + .dropdown-toggle-split { padding-right: 0.75rem; padding-left: 0.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%; 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(:last-child), .input-group > .custom-select:not(:last-child) { border-top-right-radius: 0; border-bottom-right-radius: 0; } .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-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.375rem 0.75rem; margin-bottom: 0; font-size: 1rem; font-weight: 400; line-height: 1.5; color: #495057; text-align: center; white-space: nowrap; background-color: #e9ecef; border: 1px solid #ced4da; border-radius: 0.1875rem; } .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 + 1rem + 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.5rem 1rem; font-size: 1.25rem; line-height: 1.5; border-radius: 1rem; }
.input-group-sm > .form-control:not(textarea),
.input-group-sm > .custom-select { height: calc(1.5em + 0.5rem + 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.25rem 0.5rem; font-size: 0.875rem; line-height: 1.5; border-radius: 0.1875rem; }
.input-group-lg > .custom-select,
.input-group-sm > .custom-select { padding-right: 1.75rem; }
.input-group > .input-group-prepend > .btn,
.input-group > .input-group-prepend > .input-group-text,
.input-group > .input-group-append:not(:last-child) > .btn,
.input-group > .input-group-append:not(:last-child) > .input-group-text,
.input-group > .input-group-append:last-child > .btn:not(:last-child):not(.dropdown-toggle),
.input-group > .input-group-append:last-child > .input-group-text:not(:last-child) { 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; display: block; min-height: 1.5rem; padding-left: 1.5rem; }
.custom-control-inline { display: inline-flex; margin-right: 1rem; }
.custom-control-input { position: absolute; z-index: -1; opacity: 0; } .custom-control-input:checked ~ .custom-control-label::before { color: #fff; border-color: #00302d; background-color: #00302d; } .custom-control-input:focus ~ .custom-control-label::before { box-shadow: 0 0 0 0.2rem rgba(0, 48, 45, 0.25); } .custom-control-input:focus:not(:checked) ~ .custom-control-label::before { border-color: #00b0a5; } .custom-control-input:not(:disabled):active ~ .custom-control-label::before { color: #fff; background-color: #00e3d4; border-color: #00e3d4; } .custom-control-input:disabled ~ .custom-control-label { color: #6c757d; } .custom-control-input:disabled ~ .custom-control-label::before { background-color: #e9ecef; }
.custom-control-label { position: relative; margin-bottom: 0; vertical-align: top; } .custom-control-label::before { position: absolute; top: 0.25rem; left: -1.5rem; display: block; width: 1rem; height: 1rem; pointer-events: none; content: ""; background-color: #fff; border: #adb5bd solid 1px; } .custom-control-label::after { position: absolute; top: 0.25rem; left: -1.5rem; display: block; width: 1rem; height: 1rem; content: ""; background: no-repeat 50% / 50% 50%; }
.custom-checkbox .custom-control-label::before { border-radius: 0.1875rem; }
.custom-checkbox .custom-control-input:checked ~ .custom-control-label::after { background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 8 8'%3e%3cpath fill='%23fff' d='M6.564.75l-3.59 3.612-1.538-1.55L0 4.26 2.974 7.25 8 2.193z'/%3e%3c/svg%3e"); }
.custom-checkbox .custom-control-input:indeterminate ~ .custom-control-label::before { border-color: #00302d; background-color: #00302d; }
.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' viewBox='0 0 4 4'%3e%3cpath stroke='%23fff' d='M0 2h4'/%3e%3c/svg%3e"); }
.custom-checkbox .custom-control-input:disabled:checked ~ .custom-control-label::before { background-color: rgba(0, 48, 45, 0.5); }
.custom-checkbox .custom-control-input:disabled:indeterminate ~ .custom-control-label::before { background-color: rgba(0, 48, 45, 0.5); }
.custom-radio .custom-control-label::before { border-radius: 50%; }
.custom-radio .custom-control-input:checked ~ .custom-control-label::after { background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='-4 -4 8 8'%3e%3ccircle r='3' fill='%23fff'/%3e%3c/svg%3e"); }
.custom-radio .custom-control-input:disabled:checked ~ .custom-control-label::before { background-color: rgba(0, 48, 45, 0.5); }
.custom-switch { padding-left: 2.25rem; } .custom-switch .custom-control-label::before { left: -2.25rem; width: 1.75rem; pointer-events: all; border-radius: 0.5rem; } .custom-switch .custom-control-label::after { top: calc(0.25rem + 2px); left: calc(-2.25rem + 2px); width: calc(1rem - 4px); height: calc(1rem - 4px); background-color: #adb5bd; border-radius: 0.5rem; transition: transform 0.15s ease-in-out, background-color 0.15s ease-in-out, border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out; } @media (prefers-reduced-motion: reduce) { .custom-switch .custom-control-label::after { transition: none; } } .custom-switch .custom-control-input:checked ~ .custom-control-label::after { background-color: #fff; transform: translateX(0.75rem); } .custom-switch .custom-control-input:disabled:checked ~ .custom-control-label::before { background-color: rgba(0, 48, 45, 0.5); }
.custom-select { display: inline-block; width: 100%; height: calc(1.5em + 0.75rem + 2px); padding: 0.375rem 1.75rem 0.375rem 0.75rem; font-size: 1rem; font-weight: 400; line-height: 1.5; color: #495057; vertical-align: middle; background: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 4 5'%3e%3cpath fill='%23343a40' d='M2 0L0 2h4zm0 5L0 3h4z'/%3e%3c/svg%3e") no-repeat right 0.75rem center/8px 10px; background-color: #fff; border: 1px solid #ced4da; border-radius: 0.1875rem; -webkit-appearance: none; -moz-appearance: none; appearance: none; } .custom-select:focus { border-color: #00b0a5; outline: 0; box-shadow: 0 0 0 0.2rem rgba(0, 48, 45, 0.25); } .custom-select:focus::-ms-value { color: #495057; background-color: #fff; } .custom-select[multiple], .custom-select[size]:not([size="1"]) { height: auto; padding-right: 0.75rem; background-image: none; } .custom-select:disabled { color: #6c757d; background-color: #e9ecef; } .custom-select::-ms-expand { display: none; }
.custom-select-sm { height: calc(1.5em + 0.5rem + 2px); padding-top: 0.25rem; padding-bottom: 0.25rem; padding-left: 0.5rem; font-size: 0.875rem; }
.custom-select-lg { height: calc(1.5em + 1rem + 2px); padding-top: 0.5rem; padding-bottom: 0.5rem; padding-left: 1rem; font-size: 1.25rem; }
.custom-file { position: relative; display: inline-block; width: 100%; height: calc(1.5em + 0.75rem + 2px); margin-bottom: 0; }
.custom-file-input { position: relative; z-index: 2; width: 100%; height: calc(1.5em + 0.75rem + 2px); margin: 0; opacity: 0; } .custom-file-input:focus ~ .custom-file-label { border-color: #00b0a5; box-shadow: 0 0 0 0.2rem rgba(0, 48, 45, 0.25); } .custom-file-input:disabled ~ .custom-file-label { background-color: #e9ecef; } .custom-file-input:lang(en) ~ .custom-file-label::after { content: "Browse"; } .custom-file-input ~ .custom-file-label[data-browse]::after { content: attr(data-browse); }
.custom-file-label { position: absolute; top: 0; right: 0; left: 0; z-index: 1; height: calc(1.5em + 0.75rem + 2px); padding: 0.375rem 0.75rem; font-weight: 400; line-height: 1.5; color: #495057; background-color: #fff; border: 1px solid #ced4da; border-radius: 0.1875rem; } .custom-file-label::after { position: absolute; top: 0; right: 0; bottom: 0; z-index: 3; display: block; height: calc(1.5em + 0.75rem); padding: 0.375rem 0.75rem; line-height: 1.5; color: #495057; content: "Browse"; background-color: #e9ecef; border-left: inherit; border-radius: 0 0.1875rem 0.1875rem 0; }
.custom-range { width: 100%; height: calc(1rem + 0.4rem); padding: 0; background-color: transparent; -webkit-appearance: none; -moz-appearance: none; appearance: none; } .custom-range:focus { outline: none; } .custom-range:focus::-webkit-slider-thumb { box-shadow: 0 0 0 1px #fff, 0 0 0 0.2rem rgba(0, 48, 45, 0.25); } .custom-range:focus::-moz-range-thumb { box-shadow: 0 0 0 1px #fff, 0 0 0 0.2rem rgba(0, 48, 45, 0.25); } .custom-range:focus::-ms-thumb { box-shadow: 0 0 0 1px #fff, 0 0 0 0.2rem rgba(0, 48, 45, 0.25); } .custom-range::-moz-focus-outer { border: 0; } .custom-range::-webkit-slider-thumb { width: 1rem; height: 1rem; margin-top: -0.25rem; background-color: #00302d; border: 0; border-radius: 1rem; -webkit-transition: background-color 0.15s ease-in-out, border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out; transition: background-color 0.15s ease-in-out, border-color 0.15s ease-in-out, box-shadow 0.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: #00e3d4; } .custom-range::-webkit-slider-runnable-track { width: 100%; height: 0.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: #00302d; border: 0; border-radius: 1rem; -moz-transition: background-color 0.15s ease-in-out, border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out; transition: background-color 0.15s ease-in-out, border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out; -moz-appearance: none; appearance: none; } @media (prefers-reduced-motion: reduce) { .custom-range::-moz-range-thumb { -moz-transition: none; transition: none; } } .custom-range::-moz-range-thumb:active { background-color: #00e3d4; } .custom-range::-moz-range-track { width: 100%; height: 0.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: 0.2rem; margin-left: 0.2rem; background-color: #00302d; border: 0; border-radius: 1rem; -ms-transition: background-color 0.15s ease-in-out, border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out; transition: background-color 0.15s ease-in-out, border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out; appearance: none; } @media (prefers-reduced-motion: reduce) { .custom-range::-ms-thumb { -ms-transition: none; transition: none; } } .custom-range::-ms-thumb:active { background-color: #00e3d4; } .custom-range::-ms-track { width: 100%; height: 0.5rem; color: transparent; cursor: pointer; background-color: transparent; border-color: transparent; border-width: 0.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 0.15s ease-in-out, border-color 0.15s ease-in-out, box-shadow 0.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: 0.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: 0 solid #dee2e6; } .nav-tabs .nav-item { margin-bottom: 0; } .nav-tabs .nav-link { border: 0 solid transparent; border-top-left-radius: 0; border-top-right-radius: 0; } .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 #fff; } .nav-tabs .dropdown-menu { margin-top: 0; border-top-left-radius: 0; border-top-right-radius: 0; }
.nav-pills .nav-link { border-radius: 0.1875rem; }
.nav-pills .nav-link.active,
.nav-pills .show > .nav-link { color: #fff; background-color: #00302d; }
.nav-fill .nav-item { flex: 1 1 auto; text-align: center; }
.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: 0.5rem 1rem; } .navbar > .container, .navbar > .container-fluid { display: flex; flex-wrap: wrap; align-items: center; justify-content: space-between; }
.navbar-brand { display: inline-block; padding-top: 0.3125rem; padding-bottom: 0.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: 0.5rem; padding-bottom: 0.5rem; }
.navbar-collapse { flex-basis: 100%; flex-grow: 1; align-items: center; }
.navbar-toggler { padding: 0.25rem 0.75rem; font-size: 1.25rem; line-height: 1; background-color: transparent; border: 1px solid transparent; border-radius: 0.1875rem; } .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: no-repeat center center; background-size: 100% 100%; }
@media (max-width: 374.98px) { .navbar-expand-sm > .container, .navbar-expand-sm > .container-fluid { padding-right: 0; padding-left: 0; } }
@media (min-width: 375px) { .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: 0.5rem; padding-left: 0.5rem; } .navbar-expand-sm > .container, .navbar-expand-sm > .container-fluid { flex-wrap: nowrap; } .navbar-expand-sm .navbar-collapse { display: flex !important; flex-basis: auto; } .navbar-expand-sm .navbar-toggler { display: none; } }
@media (max-width: 1023.98px) { .navbar-expand-md > .container, .navbar-expand-md > .container-fluid { padding-right: 0; padding-left: 0; } }
@media (min-width: 1024px) { .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: 0.5rem; padding-left: 0.5rem; } .navbar-expand-md > .container, .navbar-expand-md > .container-fluid { flex-wrap: nowrap; } .navbar-expand-md .navbar-collapse { display: flex !important; flex-basis: auto; } .navbar-expand-md .navbar-toggler { display: none; } }
@media (max-width: 1439.98px) { .navbar-expand-lg > .container, .navbar-expand-lg > .container-fluid { padding-right: 0; padding-left: 0; } }
@media (min-width: 1440px) { .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: 0.5rem; padding-left: 0.5rem; } .navbar-expand-lg > .container, .navbar-expand-lg > .container-fluid { flex-wrap: nowrap; } .navbar-expand-lg .navbar-collapse { display: flex !important; flex-basis: auto; } .navbar-expand-lg .navbar-toggler { display: none; } }
.navbar-expand { flex-flow: row nowrap; justify-content: flex-start; } .navbar-expand > .container, .navbar-expand > .container-fluid { 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: 0.5rem; padding-left: 0.5rem; } .navbar-expand > .container, .navbar-expand > .container-fluid { flex-wrap: nowrap; } .navbar-expand .navbar-collapse { display: flex !important; flex-basis: auto; } .navbar-expand .navbar-toggler { display: none; }
.navbar-light .navbar-brand { color: rgba(0, 0, 0, 0.9); } .navbar-light .navbar-brand:hover, .navbar-light .navbar-brand:focus { color: rgba(0, 0, 0, 0.9); }
.navbar-light .navbar-nav .nav-link { color: rgba(0, 0, 0, 0.5); } .navbar-light .navbar-nav .nav-link:hover, .navbar-light .navbar-nav .nav-link:focus { color: rgba(0, 0, 0, 0.7); } .navbar-light .navbar-nav .nav-link.disabled { color: rgba(0, 0, 0, 0.3); }
.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: rgba(0, 0, 0, 0.9); }
.navbar-light .navbar-toggler { color: rgba(0, 0, 0, 0.5); border-color: rgba(0, 0, 0, 0.1); }
.navbar-light .navbar-toggler-icon { background-image: url("data:image/svg+xml,%3csvg viewBox='0 0 30 30' xmlns='http://www.w3.org/2000/svg'%3e%3cpath stroke='rgba(0, 0, 0, 0.5)' stroke-width='2' stroke-linecap='round' stroke-miterlimit='10' d='M4 7h22M4 15h22M4 23h22'/%3e%3c/svg%3e"); }
.navbar-light .navbar-text { color: rgba(0, 0, 0, 0.5); } .navbar-light .navbar-text a { color: rgba(0, 0, 0, 0.9); } .navbar-light .navbar-text a:hover, .navbar-light .navbar-text a:focus { color: rgba(0, 0, 0, 0.9); }
.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: rgba(255, 255, 255, 0.5); } .navbar-dark .navbar-nav .nav-link:hover, .navbar-dark .navbar-nav .nav-link:focus { color: rgba(255, 255, 255, 0.75); } .navbar-dark .navbar-nav .nav-link.disabled { color: rgba(255, 255, 255, 0.25); }
.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: rgba(255, 255, 255, 0.5); border-color: rgba(255, 255, 255, 0.1); }
.navbar-dark .navbar-toggler-icon { background-image: url("data:image/svg+xml,%3csvg viewBox='0 0 30 30' xmlns='http://www.w3.org/2000/svg'%3e%3cpath stroke='rgba(255, 255, 255, 0.5)' stroke-width='2' stroke-linecap='round' stroke-miterlimit='10' d='M4 7h22M4 15h22M4 23h22'/%3e%3c/svg%3e"); }
.navbar-dark .navbar-text { color: rgba(255, 255, 255, 0.5); } .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, 0.125); border-radius: 0.1875rem; } .card > hr { margin-right: 0; margin-left: 0; } .card > .list-group:first-child .list-group-item:first-child { border-top-left-radius: 0.1875rem; border-top-right-radius: 0.1875rem; } .card > .list-group:last-child .list-group-item:last-child { border-bottom-right-radius: 0.1875rem; border-bottom-left-radius: 0.1875rem; }
.card-body { flex: 1 1 auto; padding: 1.25rem; }
.card-title { margin-bottom: 0.75rem; }
.card-subtitle { margin-top: -0.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: 0.75rem 1.25rem; margin-bottom: 0; background-color: #fff; border-bottom: 1px solid rgba(0, 0, 0, 0.125); } .card-header:first-child { border-radius: calc(0.1875rem - 1px) calc(0.1875rem - 1px) 0 0; } .card-header + .list-group .list-group-item:first-child { border-top: 0; }
.card-footer { padding: 0.75rem 1.25rem; background-color: #fff; border-top: 1px solid rgba(0, 0, 0, 0.125); } .card-footer:last-child { border-radius: 0 0 calc(0.1875rem - 1px) calc(0.1875rem - 1px); }
.card-header-tabs { margin-right: -0.625rem; margin-bottom: -0.75rem; margin-left: -0.625rem; border-bottom: 0; }
.card-header-pills { margin-right: -0.625rem; margin-left: -0.625rem; }
.card-img-overlay { position: absolute; top: 0; right: 0; bottom: 0; left: 0; padding: 1.25rem; }
.card-img { width: 100%; border-radius: calc(0.1875rem - 1px); }
.card-img-top { width: 100%; border-top-left-radius: calc(0.1875rem - 1px); border-top-right-radius: calc(0.1875rem - 1px); }
.card-img-bottom { width: 100%; border-bottom-right-radius: calc(0.1875rem - 1px); border-bottom-left-radius: calc(0.1875rem - 1px); }
.card-deck { display: flex; flex-direction: column; } .card-deck .card { margin-bottom: 15px; } @media (min-width: 375px) { .card-deck { flex-flow: row wrap; margin-right: -15px; margin-left: -15px; } .card-deck .card { display: flex; flex: 1 0 0%; flex-direction: column; margin-right: 15px; margin-bottom: 0; margin-left: 15px; } }
.card-group { display: flex; flex-direction: column; } .card-group > .card { margin-bottom: 15px; } @media (min-width: 375px) { .card-group { 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: 0.75rem; }
@media (min-width: 375px) { .card-columns { -webkit-column-count: 3; column-count: 3; -webkit-column-gap: 1.25rem; column-gap: 1.25rem; orphans: 1; widows: 1; } .card-columns .card { display: inline-block; width: 100%; } }
.accordion > .card { overflow: hidden; } .accordion > .card:not(:first-of-type) .card-header:first-child { border-radius: 0; } .accordion > .card:not(:first-of-type):not(:last-of-type) { border-bottom: 0; border-radius: 0; } .accordion > .card:first-of-type { border-bottom: 0; border-bottom-right-radius: 0; border-bottom-left-radius: 0; } .accordion > .card:last-of-type { border-top-left-radius: 0; border-top-right-radius: 0; } .accordion > .card .card-header { margin-bottom: -1px; }
.breadcrumb { display: flex; flex-wrap: wrap; padding: 0.75rem 1rem; margin-bottom: 1rem; list-style: none; background-color: transparent; border-radius: 0.1875rem; }
.breadcrumb-item + .breadcrumb-item { padding-left: 0.5rem; } .breadcrumb-item + .breadcrumb-item::before { display: inline-block; padding-right: 0.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: 0.1875rem; }
.page-link { position: relative; display: block; padding: 0.5rem 0.75rem; margin-left: -1px; line-height: 1.25; color: #323239; background-color: #fff; border: 1px solid #dee2e6; } .page-link:hover { z-index: 2; color: #0e0e10; text-decoration: none; background-color: #e9ecef; border-color: #dee2e6; } .page-link:focus { z-index: 2; outline: 0; box-shadow: 0 0 0 0.2rem rgba(0, 48, 45, 0.25); }
.page-item:first-child .page-link { margin-left: 0; border-top-left-radius: 0.1875rem; border-bottom-left-radius: 0.1875rem; }
.page-item:last-child .page-link { border-top-right-radius: 0.1875rem; border-bottom-right-radius: 0.1875rem; }
.page-item.active .page-link { z-index: 1; color: #fff; background-color: #00302d; border-color: #00302d; }
.page-item.disabled .page-link { color: #6c757d; pointer-events: none; cursor: auto; background-color: #fff; border-color: #dee2e6; }
.pagination-lg .page-link { padding: 0.75rem 1.5rem; font-size: 1.25rem; line-height: 1.5; }
.pagination-lg .page-item:first-child .page-link { border-top-left-radius: 1rem; border-bottom-left-radius: 1rem; }
.pagination-lg .page-item:last-child .page-link { border-top-right-radius: 1rem; border-bottom-right-radius: 1rem; }
.pagination-sm .page-link { padding: 0.25rem 0.5rem; font-size: 0.875rem; line-height: 1.5; }
.pagination-sm .page-item:first-child .page-link { border-top-left-radius: 0.1875rem; border-bottom-left-radius: 0.1875rem; }
.pagination-sm .page-item:last-child .page-link { border-top-right-radius: 0.1875rem; border-bottom-right-radius: 0.1875rem; }
.badge { display: inline-block; padding: 0.25em 0.4em; font-size: 75%; font-weight: 700; line-height: 1; text-align: center; white-space: nowrap; vertical-align: baseline; border-radius: 0.1875rem; transition: color 0.15s ease-in-out, background-color 0.15s ease-in-out, border-color 0.15s ease-in-out, box-shadow 0.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: 0.6em; padding-left: 0.6em; border-radius: 10rem; }
.badge-primary { color: #fff; background-color: #00302d; } a.badge-primary:hover, a.badge-primary:focus { color: #fff; background-color: black; } a.badge-primary:focus, a.badge-primary.focus { outline: 0; box-shadow: 0 0 0 0.2rem rgba(0, 48, 45, 0.5); }
.badge-secondary { color: #323239; background-color: #e0ff90; } a.badge-secondary:hover, a.badge-secondary:focus { color: #323239; background-color: #d2ff5d; } a.badge-secondary:focus, a.badge-secondary.focus { outline: 0; box-shadow: 0 0 0 0.2rem rgba(224, 255, 144, 0.5); }
.badge-success { color: #323239; background-color: #5fe0b7; } a.badge-success:hover, a.badge-success:focus { color: #323239; background-color: #34d8a4; } a.badge-success:focus, a.badge-success.focus { outline: 0; box-shadow: 0 0 0 0.2rem rgba(95, 224, 183, 0.5); }
.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 0.2rem rgba(23, 162, 184, 0.5); }
.badge-warning { color: #323239; background-color: #ffc107; } a.badge-warning:hover, a.badge-warning:focus { color: #323239; background-color: #d39e00; } a.badge-warning:focus, a.badge-warning.focus { outline: 0; box-shadow: 0 0 0 0.2rem rgba(255, 193, 7, 0.5); }
.badge-danger { color: #fff; background-color: #ff6720; } a.badge-danger:hover, a.badge-danger:focus { color: #fff; background-color: #ec4b00; } a.badge-danger:focus, a.badge-danger.focus { outline: 0; box-shadow: 0 0 0 0.2rem rgba(255, 103, 32, 0.5); }
.badge-light { color: #323239; background-color: #efece8; } a.badge-light:hover, a.badge-light:focus { color: #323239; background-color: #dad3ca; } a.badge-light:focus, a.badge-light.focus { outline: 0; box-shadow: 0 0 0 0.2rem rgba(239, 236, 232, 0.5); }
.badge-dark { color: #fff; background-color: #00302d; } a.badge-dark:hover, a.badge-dark:focus { color: #fff; background-color: black; } a.badge-dark:focus, a.badge-dark.focus { outline: 0; box-shadow: 0 0 0 0.2rem rgba(0, 48, 45, 0.5); }
.jumbotron { padding: 2rem 1rem; margin-bottom: 2rem; background-color: #e9ecef; border-radius: 1rem; } @media (min-width: 375px) { .jumbotron { padding: 4rem 2rem; } }
.jumbotron-fluid { padding-right: 0; padding-left: 0; border-radius: 0; }
.alert { position: relative; padding: 0.75rem 1.25rem; margin-bottom: 1rem; border: 1px solid transparent; border-radius: 0.1875rem; }
.alert-heading { color: inherit; }
.alert-link { font-weight: 700; }
.alert-dismissible { padding-right: 4rem; } .alert-dismissible .close { position: absolute; top: 0; right: 0; padding: 0.75rem 1.25rem; color: inherit; }
.alert-primary { color: #001917; background-color: #ccd6d5; border-color: #b8c5c4; } .alert-primary hr { border-top-color: #aabab8; } .alert-primary .alert-link { color: black; }
.alert-secondary { color: #74854b; background-color: #f9ffe9; border-color: #f6ffe0; } .alert-secondary hr { border-top-color: #efffc7; } .alert-secondary .alert-link { color: #586439; }
.alert-success { color: #31745f; background-color: #dff9f1; border-color: #d2f6eb; } .alert-success hr { border-top-color: #bdf2e2; } .alert-success .alert-link { color: #225042; }
.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: #853611; background-color: #ffe1d2; border-color: #ffd4c1; } .alert-danger hr { border-top-color: #ffc2a8; } .alert-danger .alert-link { color: #58240b; }
.alert-light { color: #7c7b79; background-color: #fcfbfa; border-color: #fbfaf9; } .alert-light hr { border-top-color: #f1edea; } .alert-light .alert-link { color: #626160; }
.alert-dark { color: #001917; background-color: #ccd6d5; border-color: #b8c5c4; } .alert-dark hr { border-top-color: #aabab8; } .alert-dark .alert-link { color: black; }
@keyframes progress-bar-stripes { from { background-position: 1rem 0; } to { background-position: 0 0; } }
.progress { display: flex; height: 1rem; overflow: hidden; font-size: 0.75rem; background-color: #e9ecef; border-radius: 0.1875rem; }
.progress-bar { display: flex; flex-direction: column; justify-content: center; color: #fff; text-align: center; white-space: nowrap; background-color: #00302d; transition: width 0.6s ease; } @media (prefers-reduced-motion: reduce) { .progress-bar { transition: none; } }
.progress-bar-striped { background-image: linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent); background-size: 1rem 1rem; }
.progress-bar-animated { -webkit-animation: progress-bar-stripes 1s linear infinite; animation: progress-bar-stripes 1s linear infinite; } @media (prefers-reduced-motion: reduce) { .progress-bar-animated { -webkit-animation: none; animation: none; } }
.media { display: flex; align-items: flex-start; }
.media-body { flex: 1; }
.list-group { display: flex; flex-direction: column; padding-left: 0; margin-bottom: 0; }
.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: #000; background-color: #e9ecef; }
.list-group-item { position: relative; display: block; padding: 0.75rem 1.25rem; margin-bottom: -1px; background-color: #fff; border: 1px solid rgba(0, 0, 0, 0.125); } .list-group-item:first-child { border-top-left-radius: 0.1875rem; border-top-right-radius: 0.1875rem; } .list-group-item:last-child { margin-bottom: 0; border-bottom-right-radius: 0.1875rem; border-bottom-left-radius: 0.1875rem; } .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: #00302d; border-color: #00302d; }
.list-group-horizontal { flex-direction: row; } .list-group-horizontal .list-group-item { margin-right: -1px; margin-bottom: 0; } .list-group-horizontal .list-group-item:first-child { border-top-left-radius: 0.1875rem; border-bottom-left-radius: 0.1875rem; border-top-right-radius: 0; } .list-group-horizontal .list-group-item:last-child { margin-right: 0; border-top-right-radius: 0.1875rem; border-bottom-right-radius: 0.1875rem; border-bottom-left-radius: 0; }
@media (min-width: 375px) { .list-group-horizontal-sm { flex-direction: row; } .list-group-horizontal-sm .list-group-item { margin-right: -1px; margin-bottom: 0; } .list-group-horizontal-sm .list-group-item:first-child { border-top-left-radius: 0.1875rem; border-bottom-left-radius: 0.1875rem; border-top-right-radius: 0; } .list-group-horizontal-sm .list-group-item:last-child { margin-right: 0; border-top-right-radius: 0.1875rem; border-bottom-right-radius: 0.1875rem; border-bottom-left-radius: 0; } }
@media (min-width: 1024px) { .list-group-horizontal-md { flex-direction: row; } .list-group-horizontal-md .list-group-item { margin-right: -1px; margin-bottom: 0; } .list-group-horizontal-md .list-group-item:first-child { border-top-left-radius: 0.1875rem; border-bottom-left-radius: 0.1875rem; border-top-right-radius: 0; } .list-group-horizontal-md .list-group-item:last-child { margin-right: 0; border-top-right-radius: 0.1875rem; border-bottom-right-radius: 0.1875rem; border-bottom-left-radius: 0; } }
@media (min-width: 1440px) { .list-group-horizontal-lg { flex-direction: row; } .list-group-horizontal-lg .list-group-item { margin-right: -1px; margin-bottom: 0; } .list-group-horizontal-lg .list-group-item:first-child { border-top-left-radius: 0.1875rem; border-bottom-left-radius: 0.1875rem; border-top-right-radius: 0; } .list-group-horizontal-lg .list-group-item:last-child { margin-right: 0; border-top-right-radius: 0.1875rem; border-bottom-right-radius: 0.1875rem; border-bottom-left-radius: 0; } }
.list-group-flush .list-group-item { border-right: 0; border-left: 0; border-radius: 0; } .list-group-flush .list-group-item:last-child { margin-bottom: -1px; }
.list-group-flush:first-child .list-group-item:first-child { border-top: 0; }
.list-group-flush:last-child .list-group-item:last-child { margin-bottom: 0; border-bottom: 0; }
.list-group-item-primary { color: #001917; background-color: #b8c5c4; } .list-group-item-primary.list-group-item-action:hover, .list-group-item-primary.list-group-item-action:focus { color: #001917; background-color: #aabab8; } .list-group-item-primary.list-group-item-action.active { color: #fff; background-color: #001917; border-color: #001917; }
.list-group-item-secondary { color: #74854b; background-color: #f6ffe0; } .list-group-item-secondary.list-group-item-action:hover, .list-group-item-secondary.list-group-item-action:focus { color: #74854b; background-color: #efffc7; } .list-group-item-secondary.list-group-item-action.active { color: #fff; background-color: #74854b; border-color: #74854b; }
.list-group-item-success { color: #31745f; background-color: #d2f6eb; } .list-group-item-success.list-group-item-action:hover, .list-group-item-success.list-group-item-action:focus { color: #31745f; background-color: #bdf2e2; } .list-group-item-success.list-group-item-action.active { color: #fff; background-color: #31745f; border-color: #31745f; }
.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: #853611; background-color: #ffd4c1; } .list-group-item-danger.list-group-item-action:hover, .list-group-item-danger.list-group-item-action:focus { color: #853611; background-color: #ffc2a8; } .list-group-item-danger.list-group-item-action.active { color: #fff; background-color: #853611; border-color: #853611; }
.list-group-item-light { color: #7c7b79; background-color: #fbfaf9; } .list-group-item-light.list-group-item-action:hover, .list-group-item-light.list-group-item-action:focus { color: #7c7b79; background-color: #f1edea; } .list-group-item-light.list-group-item-action.active { color: #fff; background-color: #7c7b79; border-color: #7c7b79; }
.list-group-item-dark { color: #001917; background-color: #b8c5c4; } .list-group-item-dark.list-group-item-action:hover, .list-group-item-dark.list-group-item-action:focus { color: #001917; background-color: #aabab8; } .list-group-item-dark.list-group-item-action.active { color: #fff; background-color: #001917; border-color: #001917; }
.close { float: right; font-size: 1.5rem; font-weight: 700; line-height: 1; color: #000; text-shadow: 0 1px 0 #fff; opacity: .5; } .close:hover { color: #000; text-decoration: none; } .close:not(:disabled):not(.disabled):hover, .close:not(:disabled):not(.disabled):focus { opacity: .75; }
button.close { padding: 0; background-color: transparent; border: 0; -webkit-appearance: none; -moz-appearance: none; appearance: none; }
a.close.disabled { pointer-events: none; }
.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: 0.5rem; pointer-events: none; } .modal.fade .modal-dialog { transition: transform 0.3s ease-out; transform: translate(0, -50px); } @media (prefers-reduced-motion: reduce) { .modal.fade .modal-dialog { transition: none; } } .modal.show .modal-dialog { transform: none; }
.modal-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); 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, 0.2); border-radius: 1rem; 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: 0.5; }
.modal-header { display: flex; align-items: flex-start; justify-content: space-between; padding: 1rem 1rem; border-bottom: 1px solid #dee2e6; border-top-left-radius: 1rem; border-top-right-radius: 1rem; } .modal-header .close { padding: 1rem 1rem; margin: -1rem -1rem -1rem auto; }
.modal-title { margin-bottom: 0; line-height: 1.5; }
.modal-body { position: relative; flex: 1 1 auto; padding: 1rem; }
.modal-footer { display: flex; align-items: center; justify-content: flex-end; padding: 1rem; border-top: 1px solid #dee2e6; border-bottom-right-radius: 1rem; border-bottom-left-radius: 1rem; } .modal-footer > :not(:first-child) { margin-left: .25rem; } .modal-footer > :not(:last-child) { margin-right: .25rem; }
.modal-scrollbar-measure { position: absolute; top: -9999px; width: 50px; height: 50px; overflow: scroll; }
@media (min-width: 375px) { .modal-dialog { max-width: 500px; margin: 1.75rem auto; } .modal-dialog-scrollable { max-height: calc(100% - 3.5rem); } .modal-dialog-scrollable .modal-content { max-height: calc(100vh - 3.5rem); } .modal-dialog-centered { min-height: calc(100% - 3.5rem); } .modal-dialog-centered::before { height: calc(100vh - 3.5rem); } .modal-sm { max-width: 300px; } }
@media (min-width: 1440px) { .modal-lg, .modal-xl { max-width: 800px; } }
.modal-xl { max-width: 1140px; }
.tooltip { position: absolute; z-index: 1070; display: block; margin: 0; font-family: Calibre, 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: 0.875rem; word-wrap: break-word; opacity: 0; } .tooltip.show { opacity: 0.9; } .tooltip .arrow { position: absolute; display: block; width: 0.8rem; height: 0.4rem; } .tooltip .arrow::before { position: absolute; content: ""; border-color: transparent; border-style: solid; }
.bs-tooltip-top, .bs-tooltip-auto[x-placement^="top"] { padding: 0.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: 0.4rem 0.4rem 0; border-top-color: #000; }
.bs-tooltip-right, .bs-tooltip-auto[x-placement^="right"] { padding: 0 0.4rem; } .bs-tooltip-right .arrow, .bs-tooltip-auto[x-placement^="right"] .arrow { left: 0; width: 0.4rem; height: 0.8rem; } .bs-tooltip-right .arrow::before, .bs-tooltip-auto[x-placement^="right"] .arrow::before { right: 0; border-width: 0.4rem 0.4rem 0.4rem 0; border-right-color: #000; }
.bs-tooltip-bottom, .bs-tooltip-auto[x-placement^="bottom"] { padding: 0.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 0.4rem 0.4rem; border-bottom-color: #000; }
.bs-tooltip-left, .bs-tooltip-auto[x-placement^="left"] { padding: 0 0.4rem; } .bs-tooltip-left .arrow, .bs-tooltip-auto[x-placement^="left"] .arrow { right: 0; width: 0.4rem; height: 0.8rem; } .bs-tooltip-left .arrow::before, .bs-tooltip-auto[x-placement^="left"] .arrow::before { left: 0; border-width: 0.4rem 0 0.4rem 0.4rem; border-left-color: #000; }
.tooltip-inner { max-width: 200px; padding: 0.25rem 0.5rem; color: #fff; text-align: center; background-color: #000; border-radius: 0.1875rem; }
.popover { position: absolute; top: 0; left: 0; z-index: 1060; display: block; max-width: 276px; font-family: Calibre, 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: 0.875rem; word-wrap: break-word; background-color: #fff; background-clip: padding-box; border: 1px solid rgba(0, 0, 0, 0.2); border-radius: 1rem; } .popover .arrow { position: absolute; display: block; width: 1rem; height: 0.5rem; margin: 0 1rem; } .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: 0.5rem; } .bs-popover-top > .arrow, .bs-popover-auto[x-placement^="top"] > .arrow { bottom: calc((0.5rem + 1px) * -1); } .bs-popover-top > .arrow::before, .bs-popover-auto[x-placement^="top"] > .arrow::before { bottom: 0; border-width: 0.5rem 0.5rem 0; border-top-color: rgba(0, 0, 0, 0.25); } .bs-popover-top > .arrow::after, .bs-popover-auto[x-placement^="top"] > .arrow::after { bottom: 1px; border-width: 0.5rem 0.5rem 0; border-top-color: #fff; }
.bs-popover-right, .bs-popover-auto[x-placement^="right"] { margin-left: 0.5rem; } .bs-popover-right > .arrow, .bs-popover-auto[x-placement^="right"] > .arrow { left: calc((0.5rem + 1px) * -1); width: 0.5rem; height: 1rem; margin: 1rem 0; } .bs-popover-right > .arrow::before, .bs-popover-auto[x-placement^="right"] > .arrow::before { left: 0; border-width: 0.5rem 0.5rem 0.5rem 0; border-right-color: rgba(0, 0, 0, 0.25); } .bs-popover-right > .arrow::after, .bs-popover-auto[x-placement^="right"] > .arrow::after { left: 1px; border-width: 0.5rem 0.5rem 0.5rem 0; border-right-color: #fff; }
.bs-popover-bottom, .bs-popover-auto[x-placement^="bottom"] { margin-top: 0.5rem; } .bs-popover-bottom > .arrow, .bs-popover-auto[x-placement^="bottom"] > .arrow { top: calc((0.5rem + 1px) * -1); } .bs-popover-bottom > .arrow::before, .bs-popover-auto[x-placement^="bottom"] > .arrow::before { top: 0; border-width: 0 0.5rem 0.5rem 0.5rem; border-bottom-color: rgba(0, 0, 0, 0.25); } .bs-popover-bottom > .arrow::after, .bs-popover-auto[x-placement^="bottom"] > .arrow::after { top: 1px; border-width: 0 0.5rem 0.5rem 0.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: -0.5rem; content: ""; border-bottom: 1px solid #f7f7f7; }
.bs-popover-left, .bs-popover-auto[x-placement^="left"] { margin-right: 0.5rem; } .bs-popover-left > .arrow, .bs-popover-auto[x-placement^="left"] > .arrow { right: calc((0.5rem + 1px) * -1); width: 0.5rem; height: 1rem; margin: 1rem 0; } .bs-popover-left > .arrow::before, .bs-popover-auto[x-placement^="left"] > .arrow::before { right: 0; border-width: 0.5rem 0 0.5rem 0.5rem; border-left-color: rgba(0, 0, 0, 0.25); } .bs-popover-left > .arrow::after, .bs-popover-auto[x-placement^="left"] > .arrow::after { right: 1px; border-width: 0.5rem 0 0.5rem 0.5rem; border-left-color: #fff; }
.popover-header { padding: 0.5rem 0.75rem; margin-bottom: 0; font-size: 1rem; background-color: #f7f7f7; border-bottom: 1px solid #ebebeb; border-top-left-radius: calc(1rem - 1px); border-top-right-radius: calc(1rem - 1px); } .popover-header:empty { display: none; }
.popover-body { padding: 0.5rem 0.75rem; color: #000; }
.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 0.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: translateX(100%); }
.carousel-item-prev:not(.carousel-item-right),
.active.carousel-item-left { transform: translateX(-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: 0s 0.6s opacity; } @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%; color: #fff; text-align: center; opacity: 0.5; transition: opacity 0.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: 0.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: no-repeat 50% / 100% 100%; }
.carousel-control-prev-icon { background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' fill='%23fff' viewBox='0 0 8 8'%3e%3cpath d='M5.25 0l-4 4 4 4 1.5-1.5-2.5-2.5 2.5-2.5-1.5-1.5z'/%3e%3c/svg%3e"); }
.carousel-control-next-icon { background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' fill='%23fff' viewBox='0 0 8 8'%3e%3cpath d='M2.75 0l-1.5 1.5 2.5 2.5-2.5 2.5 1.5 1.5 4-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 0.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; }
.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: #00302d !important; }
a.bg-primary:hover, a.bg-primary:focus,
button.bg-primary:hover,
button.bg-primary:focus { background-color: black !important; }
.bg-secondary { background-color: #e0ff90 !important; }
a.bg-secondary:hover, a.bg-secondary:focus,
button.bg-secondary:hover,
button.bg-secondary:focus { background-color: #d2ff5d !important; }
.bg-success { background-color: #5fe0b7 !important; }
a.bg-success:hover, a.bg-success:focus,
button.bg-success:hover,
button.bg-success:focus { background-color: #34d8a4 !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: #ff6720 !important; }
a.bg-danger:hover, a.bg-danger:focus,
button.bg-danger:hover,
button.bg-danger:focus { background-color: #ec4b00 !important; }
.bg-light { background-color: #efece8 !important; }
a.bg-light:hover, a.bg-light:focus,
button.bg-light:hover,
button.bg-light:focus { background-color: #dad3ca !important; }
.bg-dark { background-color: #00302d !important; }
a.bg-dark:hover, a.bg-dark:focus,
button.bg-dark:hover,
button.bg-dark:focus { background-color: black !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: #00302d !important; }
.border-secondary { border-color: #e0ff90 !important; }
.border-success { border-color: #5fe0b7 !important; }
.border-info { border-color: #17a2b8 !important; }
.border-warning { border-color: #ffc107 !important; }
.border-danger { border-color: #ff6720 !important; }
.border-light { border-color: #efece8 !important; }
.border-dark { border-color: #00302d !important; }
.border-white { border-color: #fff !important; }
.rounded-sm { border-radius: 0.1875rem !important; }
.rounded { border-radius: 0.1875rem !important; }
.rounded-top { border-top-left-radius: 0.1875rem !important; border-top-right-radius: 0.1875rem !important; }
.rounded-right { border-top-right-radius: 0.1875rem !important; border-bottom-right-radius: 0.1875rem !important; }
.rounded-bottom { border-bottom-right-radius: 0.1875rem !important; border-bottom-left-radius: 0.1875rem !important; }
.rounded-left { border-top-left-radius: 0.1875rem !important; border-bottom-left-radius: 0.1875rem !important; }
.rounded-lg { border-radius: 1rem !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: 375px) { .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: 1024px) { .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: 1440px) { .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 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.85714%; }
.embed-responsive-16by9::before { padding-top: 56.25%; }
.embed-responsive-4by3::before { padding-top: 75%; }
.embed-responsive-1by1::before { padding-top: 100%; }
.embed-responsive-21by9::before { padding-top: 42.85714%; }
.embed-responsive-16by9::before { padding-top: 56.25%; }
.embed-responsive-4by3::before { padding-top: 75%; }
.embed-responsive-1by1::before { padding-top: 100%; }
.flex-row { flex-direction: row !important; }
.flex-column { flex-direction: column !important; }
.flex-row-reverse { flex-direction: row-reverse !important; }
.flex-column-reverse { flex-direction: column-reverse !important; }
.flex-wrap { flex-wrap: wrap !important; }
.flex-nowrap { flex-wrap: nowrap !important; }
.flex-wrap-reverse { flex-wrap: wrap-reverse !important; }
.flex-fill { flex: 1 1 auto !important; }
.flex-grow-0 { flex-grow: 0 !important; }
.flex-grow-1 { flex-grow: 1 !important; }
.flex-shrink-0 { flex-shrink: 0 !important; }
.flex-shrink-1 { flex-shrink: 1 !important; }
.justify-content-start { justify-content: flex-start !important; }
.justify-content-end { justify-content: flex-end !important; }
.justify-content-center { justify-content: center !important; }
.justify-content-between { justify-content: space-between !important; }
.justify-content-around { justify-content: space-around !important; }
.align-items-start { align-items: flex-start !important; }
.align-items-end { align-items: flex-end !important; }
.align-items-center { align-items: center !important; }
.align-items-baseline { align-items: baseline !important; }
.align-items-stretch { align-items: stretch !important; }
.align-content-start { align-content: flex-start !important; }
.align-content-end { align-content: flex-end !important; }
.align-content-center { align-content: center !important; }
.align-content-between { align-content: space-between !important; }
.align-content-around { align-content: space-around !important; }
.align-content-stretch { align-content: stretch !important; }
.align-self-auto { align-self: auto !important; }
.align-self-start { align-self: flex-start !important; }
.align-self-end { align-self: flex-end !important; }
.align-self-center { align-self: center !important; }
.align-self-baseline { align-self: baseline !important; }
.align-self-stretch { align-self: stretch !important; }
@media (min-width: 375px) { .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: 1024px) { .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: 1440px) { .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; } }
.float-left { float: left !important; }
.float-right { float: right !important; }
.float-none { float: none !important; }
@media (min-width: 375px) { .float-sm-left { float: left !important; } .float-sm-right { float: right !important; } .float-sm-none { float: none !important; } }
@media (min-width: 1024px) { .float-md-left { float: left !important; } .float-md-right { float: right !important; } .float-md-none { float: none !important; } }
@media (min-width: 1440px) { .float-lg-left { float: left !important; } .float-lg-right { float: right !important; } .float-lg-none { float: none !important; } }
.overflow-auto { overflow: auto !important; }
.overflow-hidden { overflow: hidden !important; }
.position-static { position: static !important; }
.position-relative { position: relative !important; }
.position-absolute { position: absolute !important; }
.position-fixed { position: fixed !important; }
.position-sticky { position: -webkit-sticky !important; position: sticky !important; }
.fixed-top { position: fixed; top: 0; right: 0; left: 0; z-index: 1030; }
.fixed-bottom { position: fixed; right: 0; bottom: 0; left: 0; z-index: 1030; }
@supports ((position: -webkit-sticky) or (position: sticky)) { .sticky-top { position: -webkit-sticky; position: sticky; top: 0; z-index: 1020; } }
.sr-only { position: absolute; width: 1px; height: 1px; padding: 0; 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 0.125rem 0.25rem rgba(0, 0, 0, 0.075) !important; }
.shadow { box-shadow: 0 0.5rem 1rem rgba(0, 0, 0, 0.15) !important; }
.shadow-lg { box-shadow: 0 1rem 3rem rgba(0, 0, 0, 0.175) !important; }
.shadow-none { box-shadow: none !important; }
.w-25 { width: 25% !important; }
.w-50 { width: 50% !important; }
.w-75 { width: 75% !important; }
.w-100 { width: 100% !important; }
.w-auto { width: auto !important; }
.h-25 { height: 25% !important; }
.h-50 { height: 50% !important; }
.h-75 { height: 75% !important; }
.h-100 { height: 100% !important; }
.h-auto { height: auto !important; }
.mw-100 { max-width: 100% !important; }
.mh-100 { max-height: 100% !important; }
.min-vw-100 { min-width: 100vw !important; }
.min-vh-100 { min-height: 100vh !important; }
.vw-100 { width: 100vw !important; }
.vh-100 { height: 100vh !important; }
.stretched-link::after { position: absolute; top: 0; right: 0; bottom: 0; left: 0; z-index: 1; pointer-events: auto; content: ""; background-color: rgba(0, 0, 0, 0); }
.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: 0.25rem !important; }
.mt-1,
.my-1 { margin-top: 0.25rem !important; }
.mr-1,
.mx-1 { margin-right: 0.25rem !important; }
.mb-1,
.my-1 { margin-bottom: 0.25rem !important; }
.ml-1,
.mx-1 { margin-left: 0.25rem !important; }
.m-2 { margin: 0.5rem !important; }
.mt-2,
.my-2 { margin-top: 0.5rem !important; }
.mr-2,
.mx-2 { margin-right: 0.5rem !important; }
.mb-2,
.my-2 { margin-bottom: 0.5rem !important; }
.ml-2,
.mx-2 { margin-left: 0.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: 0.25rem !important; }
.pt-1,
.py-1 { padding-top: 0.25rem !important; }
.pr-1,
.px-1 { padding-right: 0.25rem !important; }
.pb-1,
.py-1 { padding-bottom: 0.25rem !important; }
.pl-1,
.px-1 { padding-left: 0.25rem !important; }
.p-2 { padding: 0.5rem !important; }
.pt-2,
.py-2 { padding-top: 0.5rem !important; }
.pr-2,
.px-2 { padding-right: 0.5rem !important; }
.pb-2,
.py-2 { padding-bottom: 0.5rem !important; }
.pl-2,
.px-2 { padding-left: 0.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: -0.25rem !important; }
.mt-n1,
.my-n1 { margin-top: -0.25rem !important; }
.mr-n1,
.mx-n1 { margin-right: -0.25rem !important; }
.mb-n1,
.my-n1 { margin-bottom: -0.25rem !important; }
.ml-n1,
.mx-n1 { margin-left: -0.25rem !important; }
.m-n2 { margin: -0.5rem !important; }
.mt-n2,
.my-n2 { margin-top: -0.5rem !important; }
.mr-n2,
.mx-n2 { margin-right: -0.5rem !important; }
.mb-n2,
.my-n2 { margin-bottom: -0.5rem !important; }
.ml-n2,
.mx-n2 { margin-left: -0.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: 375px) { .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: 0.25rem !important; } .mt-sm-1, .my-sm-1 { margin-top: 0.25rem !important; } .mr-sm-1, .mx-sm-1 { margin-right: 0.25rem !important; } .mb-sm-1, .my-sm-1 { margin-bottom: 0.25rem !important; } .ml-sm-1, .mx-sm-1 { margin-left: 0.25rem !important; } .m-sm-2 { margin: 0.5rem !important; } .mt-sm-2, .my-sm-2 { margin-top: 0.5rem !important; } .mr-sm-2, .mx-sm-2 { margin-right: 0.5rem !important; } .mb-sm-2, .my-sm-2 { margin-bottom: 0.5rem !important; } .ml-sm-2, .mx-sm-2 { margin-left: 0.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: 0.25rem !important; } .pt-sm-1, .py-sm-1 { padding-top: 0.25rem !important; } .pr-sm-1, .px-sm-1 { padding-right: 0.25rem !important; } .pb-sm-1, .py-sm-1 { padding-bottom: 0.25rem !important; } .pl-sm-1, .px-sm-1 { padding-left: 0.25rem !important; } .p-sm-2 { padding: 0.5rem !important; } .pt-sm-2, .py-sm-2 { padding-top: 0.5rem !important; } .pr-sm-2, .px-sm-2 { padding-right: 0.5rem !important; } .pb-sm-2, .py-sm-2 { padding-bottom: 0.5rem !important; } .pl-sm-2, .px-sm-2 { padding-left: 0.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: -0.25rem !important; } .mt-sm-n1, .my-sm-n1 { margin-top: -0.25rem !important; } .mr-sm-n1, .mx-sm-n1 { margin-right: -0.25rem !important; } .mb-sm-n1, .my-sm-n1 { margin-bottom: -0.25rem !important; } .ml-sm-n1, .mx-sm-n1 { margin-left: -0.25rem !important; } .m-sm-n2 { margin: -0.5rem !important; } .mt-sm-n2, .my-sm-n2 { margin-top: -0.5rem !important; } .mr-sm-n2, .mx-sm-n2 { margin-right: -0.5rem !important; } .mb-sm-n2, .my-sm-n2 { margin-bottom: -0.5rem !important; } .ml-sm-n2, .mx-sm-n2 { margin-left: -0.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: 1024px) { .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: 0.25rem !important; } .mt-md-1, .my-md-1 { margin-top: 0.25rem !important; } .mr-md-1, .mx-md-1 { margin-right: 0.25rem !important; } .mb-md-1, .my-md-1 { margin-bottom: 0.25rem !important; } .ml-md-1, .mx-md-1 { margin-left: 0.25rem !important; } .m-md-2 { margin: 0.5rem !important; } .mt-md-2, .my-md-2 { margin-top: 0.5rem !important; } .mr-md-2, .mx-md-2 { margin-right: 0.5rem !important; } .mb-md-2, .my-md-2 { margin-bottom: 0.5rem !important; } .ml-md-2, .mx-md-2 { margin-left: 0.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: 0.25rem !important; } .pt-md-1, .py-md-1 { padding-top: 0.25rem !important; } .pr-md-1, .px-md-1 { padding-right: 0.25rem !important; } .pb-md-1, .py-md-1 { padding-bottom: 0.25rem !important; } .pl-md-1, .px-md-1 { padding-left: 0.25rem !important; } .p-md-2 { padding: 0.5rem !important; } .pt-md-2, .py-md-2 { padding-top: 0.5rem !important; } .pr-md-2, .px-md-2 { padding-right: 0.5rem !important; } .pb-md-2, .py-md-2 { padding-bottom: 0.5rem !important; } .pl-md-2, .px-md-2 { padding-left: 0.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: -0.25rem !important; } .mt-md-n1, .my-md-n1 { margin-top: -0.25rem !important; } .mr-md-n1, .mx-md-n1 { margin-right: -0.25rem !important; } .mb-md-n1, .my-md-n1 { margin-bottom: -0.25rem !important; } .ml-md-n1, .mx-md-n1 { margin-left: -0.25rem !important; } .m-md-n2 { margin: -0.5rem !important; } .mt-md-n2, .my-md-n2 { margin-top: -0.5rem !important; } .mr-md-n2, .mx-md-n2 { margin-right: -0.5rem !important; } .mb-md-n2, .my-md-n2 { margin-bottom: -0.5rem !important; } .ml-md-n2, .mx-md-n2 { margin-left: -0.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: 1440px) { .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: 0.25rem !important; } .mt-lg-1, .my-lg-1 { margin-top: 0.25rem !important; } .mr-lg-1, .mx-lg-1 { margin-right: 0.25rem !important; } .mb-lg-1, .my-lg-1 { margin-bottom: 0.25rem !important; } .ml-lg-1, .mx-lg-1 { margin-left: 0.25rem !important; } .m-lg-2 { margin: 0.5rem !important; } .mt-lg-2, .my-lg-2 { margin-top: 0.5rem !important; } .mr-lg-2, .mx-lg-2 { margin-right: 0.5rem !important; } .mb-lg-2, .my-lg-2 { margin-bottom: 0.5rem !important; } .ml-lg-2, .mx-lg-2 { margin-left: 0.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: 0.25rem !important; } .pt-lg-1, .py-lg-1 { padding-top: 0.25rem !important; } .pr-lg-1, .px-lg-1 { padding-right: 0.25rem !important; } .pb-lg-1, .py-lg-1 { padding-bottom: 0.25rem !important; } .pl-lg-1, .px-lg-1 { padding-left: 0.25rem !important; } .p-lg-2 { padding: 0.5rem !important; } .pt-lg-2, .py-lg-2 { padding-top: 0.5rem !important; } .pr-lg-2, .px-lg-2 { padding-right: 0.5rem !important; } .pb-lg-2, .py-lg-2 { padding-bottom: 0.5rem !important; } .pl-lg-2, .px-lg-2 { padding-left: 0.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: -0.25rem !important; } .mt-lg-n1, .my-lg-n1 { margin-top: -0.25rem !important; } .mr-lg-n1, .mx-lg-n1 { margin-right: -0.25rem !important; } .mb-lg-n1, .my-lg-n1 { margin-bottom: -0.25rem !important; } .ml-lg-n1, .mx-lg-n1 { margin-left: -0.25rem !important; } .m-lg-n2 { margin: -0.5rem !important; } .mt-lg-n2, .my-lg-n2 { margin-top: -0.5rem !important; } .mr-lg-n2, .mx-lg-n2 { margin-right: -0.5rem !important; } .mb-lg-n2, .my-lg-n2 { margin-bottom: -0.5rem !important; } .ml-lg-n2, .mx-lg-n2 { margin-left: -0.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; } }
.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: 375px) { .text-sm-left { text-align: left !important; } .text-sm-right { text-align: right !important; } .text-sm-center { text-align: center !important; } }
@media (min-width: 1024px) { .text-md-left { text-align: left !important; } .text-md-right { text-align: right !important; } .text-md-center { text-align: center !important; } }
@media (min-width: 1440px) { .text-lg-left { text-align: left !important; } .text-lg-right { text-align: right !important; } .text-lg-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: #00302d !important; }
a.text-primary:hover, a.text-primary:focus { color: black !important; }
.text-secondary { color: #e0ff90 !important; }
a.text-secondary:hover, a.text-secondary:focus { color: #cbff44 !important; }
.text-success { color: #5fe0b7 !important; }
a.text-success:hover, a.text-success:focus { color: #27cb97 !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: #ff6720 !important; }
a.text-danger:hover, a.text-danger:focus { color: #d34300 !important; }
.text-light { color: #efece8 !important; }
a.text-light:hover, a.text-light:focus { color: #d0c7bb !important; }
.text-dark { color: #00302d !important; }
a.text-dark:hover, a.text-dark:focus { color: black !important; }
.text-body { color: #000 !important; }
.text-muted { color: #6c757d !important; }
.text-black-50 { color: rgba(0, 0, 0, 0.5) !important; }
.text-white-50 { color: rgba(255, 255, 255, 0.5) !important; }
.text-hide { font: 0/0 a; color: transparent; text-shadow: none; background-color: transparent; border: 0; }
.text-decoration-none { text-decoration: none !important; }
.text-break { word-break: break-word !important; overflow-wrap: break-word !important; }
.text-reset { color: inherit !important; }
.visible { visibility: visible !important; }
.invisible { visibility: hidden !important; }
@media print { *, *::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; } thead { display: table-header-group; } tr, img { page-break-inside: avoid; } p, h2, h3 { orphans: 3; widows: 3; } h2, h3 { page-break-after: avoid; } @page { size: a3; } body { min-width: 1440px !important; } .container { min-width: 1440px !important; } .navbar { display: none; } .badge { border: 1px solid #000; } .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: #ccc; } .table .thead-dark th { color: inherit; border-color: #ccc; } }
.carousel .icon-prev,
.carousel .icon-next { background-color: #fff; font-size: 1.875em; height: 3rem; padding-top: 0.24em; width: 3rem; } .carousel .icon-prev::before, .carousel .icon-next::before { color: black; font-family: 'FontAwesome'; }
.carousel .icon-prev::before { content: '\f104'; }
.carousel .icon-next::before { content: '\f105'; }
.carousel .carousel-control-prev { justify-content: flex-start; }
.carousel .carousel-control-next { justify-content: flex-end; }
.nav-tabs { border-bottom: 1px solid #ccc; } .nav-tabs .nav-link { font-size: 1.1rem; color: #e9ecef #e9ecef #dee2e6; } .nav-tabs .nav-link.active { border-bottom: 0.188em solid #00302d; }
.card { margin-bottom: 1em; }
.card-header h4 { margin-bottom: 0; }
.modal .modal-body { flex: 0 0 auto; }
dt { color: #495057; font-weight: normal; }
.custom-checkbox .custom-control-label::before { border: 1px solid black; background: #f5f5f5; background: linear-gradient(#f5f5f5, #ccc); }
.custom-checkbox .custom-control-input:checked ~ .custom-control-label::after { background-image: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 8 8'%3E%3Cpath fill='%23ff' d='M6.564.75l-3.59 3.612-1.538-1.55L0 4.26 2.974 7.25 8 2.193z'/%3E%3C/svg%3E"); }
.custom-radio .custom-control-label::before { border: 1px solid black; background: #ccc; background: linear-gradient(#ccc, #666); }
.form-control.is-invalid { background-image: none; }
/*!
 * Bootstrap v4.3.1 (https://getbootstrap.com/)
 * Copyright 2011-2019 The Bootstrap Authors
 * Copyright 2011-2019 Twitter, Inc.
 * Licensed under MIT (https://github.com/twbs/bootstrap/blob/master/LICENSE)
 */
:root { --blue: #99d6ea; --indigo: #6610f2; --purple: #6f42c1; --pink: #e83e8c; --red: #ff6720; --orange: #fd7e14; --yellow: #ffc107; --green: #5fe0b7; --teal: #20c997; --cyan: #17a2b8; --white: #fff; --gray: #6c757d; --gray-dark: #343a40; --primary: #00302d; --secondary: #e0ff90; --success: #5fe0b7; --info: #17a2b8; --warning: #ffc107; --danger: #ff6720; --light: #efece8; --dark: #00302d; --breakpoint-xs: 0; --breakpoint-sm: 375px; --breakpoint-md: 1024px; --breakpoint-lg: 1440px; --font-family-sans-serif: Calibre, sans-serif; --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: Calibre, sans-serif; font-size: 1rem; font-weight: 400; line-height: 1.5; color: #000; text-align: left; background-color: #fff; }
[tabindex="-1"]:focus { outline: 0 !important; }
hr { box-sizing: content-box; height: 0; overflow: visible; }
h1, h2, h3, h4, h5, h6 { margin-top: 0; margin-bottom: 0.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: #323239; text-decoration: none; background-color: transparent; } a:hover { color: #0e0e10; text-decoration: underline; }
a:not([href]):not([tabindex]) { color: inherit; text-decoration: none; } a:not([href]):not([tabindex]):hover, a:not([href]):not([tabindex]):focus { color: inherit; text-decoration: none; } a:not([href]):not([tabindex]):focus { outline: 0; }
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; }
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: 0.75rem; padding-bottom: 0.75rem; color: #6c757d; text-align: left; caption-side: bottom; }
th { text-align: inherit; }
label { display: inline-block; margin-bottom: 0.5rem; }
button { border-radius: 0; }
button:focus { outline: 1px dotted; outline: 5px auto -webkit-focus-ring-color; }
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; }
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; }
input[type="date"],
input[type="time"],
input[type="datetime-local"],
input[type="month"] { -webkit-appearance: listbox; }
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: 0.5rem; font-family: Canela; font-weight: 300; line-height: 1.2; }
h1, .h1 { font-size: 2.5rem; }
h2, .h2 { font-size: 2rem; }
h3, .h3 { font-size: 1.75rem; }
h4, .h4 { font-size: 1.5rem; }
h5, .h5 { font-size: 1.25rem; }
h6, .h6 { font-size: 1rem; }
.lead { font-size: 1.25rem; font-weight: 300; }
.display-1 { font-size: 6rem; font-weight: 300; line-height: 1.2; }
.display-2 { font-size: 5.5rem; font-weight: 300; line-height: 1.2; }
.display-3 { font-size: 4.5rem; font-weight: 300; line-height: 1.2; }
.display-4 { font-size: 3.5rem; font-weight: 300; line-height: 1.2; }
hr { margin-top: 1rem; margin-bottom: 1rem; border: 0; border-top: 1px solid #ccc; }
small,
.small { font-size: 80%; font-weight: 400; }
mark,
.mark { padding: 0.2em; background-color: #fcf8e3; }
.list-unstyled { padding-left: 0; list-style: none; }
.list-inline { padding-left: 0; list-style: none; }
.list-inline-item { display: inline-block; } .list-inline-item:not(:last-child) { margin-right: 0.5rem; }
.initialism { font-size: 90%; text-transform: uppercase; }
.blockquote { margin-bottom: 1rem; font-size: 1.25rem; }
.blockquote-footer { display: block; font-size: 80%; color: #6c757d; } .blockquote-footer::before { content: "\2014\00A0"; }
.img-fluid { max-width: 100%; height: auto; }
.img-thumbnail { padding: 0.25rem; background-color: #fff; border: 1px solid #dee2e6; border-radius: 0.1875rem; max-width: 100%; height: auto; }
.figure { display: inline-block; }
.figure-img { margin-bottom: 0.5rem; line-height: 1; }
.figure-caption { font-size: 90%; color: #6c757d; }
code { font-size: 87.5%; color: #e83e8c; word-break: break-word; } a > code { color: inherit; }
kbd { padding: 0.2rem 0.4rem; font-size: 87.5%; color: #fff; background-color: #323239; border-radius: 0.1875rem; } kbd kbd { padding: 0; font-size: 100%; font-weight: 700; }
pre { display: block; font-size: 87.5%; color: #323239; } pre code { font-size: inherit; color: inherit; word-break: normal; }
.pre-scrollable { max-height: 340px; overflow-y: scroll; }
.container { width: 100%; padding-right: 15px; padding-left: 15px; margin-right: auto; margin-left: auto; } @media (min-width: 1440px) { .container { max-width: 1440px; } }
.container-fluid { width: 100%; padding-right: 15px; padding-left: 15px; margin-right: auto; margin-left: auto; }
.row { display: flex; flex-wrap: wrap; margin-right: -15px; margin-left: -15px; }
.no-gutters { margin-right: 0; margin-left: 0; } .no-gutters > .col, .no-gutters > [class*="col-"] { padding-right: 0; padding-left: 0; }
.col-1, .col-2, .col-3, .col-4, .col-5, .col-6, .col-7, .col-8, .col-9, .col-10, .col-11, .col-12, .col,
.col-auto, .col-sm-1, .col-sm-2, .col-sm-3, .col-sm-4, .col-sm-5, .col-sm-6, .col-sm-7, .col-sm-8, .col-sm-9, .col-sm-10, .col-sm-11, .col-sm-12, .col-sm,
.col-sm-auto, .col-md-1, .col-md-2, .col-md-3, .col-md-4, .col-md-5, .col-md-6, .col-md-7, .col-md-8, .col-md-9, .col-md-10, .col-md-11, .col-md-12, .col-md,
.col-md-auto, .col-lg-1, .col-lg-2, .col-lg-3, .col-lg-4, .col-lg-5, .col-lg-6, .col-lg-7, .col-lg-8, .col-lg-9, .col-lg-10, .col-lg-11, .col-lg-12, .col-lg,
.col-lg-auto { position: relative; width: 100%; padding-right: 15px; padding-left: 15px; }
.col { flex-basis: 0; flex-grow: 1; max-width: 100%; }
.col-auto { flex: 0 0 auto; width: auto; max-width: 100%; }
.col-1 { flex: 0 0 8.33333%; max-width: 8.33333%; }
.col-2 { flex: 0 0 16.66667%; max-width: 16.66667%; }
.col-3 { flex: 0 0 25%; max-width: 25%; }
.col-4 { flex: 0 0 33.33333%; max-width: 33.33333%; }
.col-5 { flex: 0 0 41.66667%; max-width: 41.66667%; }
.col-6 { flex: 0 0 50%; max-width: 50%; }
.col-7 { flex: 0 0 58.33333%; max-width: 58.33333%; }
.col-8 { flex: 0 0 66.66667%; max-width: 66.66667%; }
.col-9 { flex: 0 0 75%; max-width: 75%; }
.col-10 { flex: 0 0 83.33333%; max-width: 83.33333%; }
.col-11 { flex: 0 0 91.66667%; max-width: 91.66667%; }
.col-12 { flex: 0 0 100%; max-width: 100%; }
.order-first { order: -1; }
.order-last { order: 13; }
.order-0 { order: 0; }
.order-1 { order: 1; }
.order-2 { order: 2; }
.order-3 { order: 3; }
.order-4 { order: 4; }
.order-5 { order: 5; }
.order-6 { order: 6; }
.order-7 { order: 7; }
.order-8 { order: 8; }
.order-9 { order: 9; }
.order-10 { order: 10; }
.order-11 { order: 11; }
.order-12 { order: 12; }
.offset-1 { margin-left: 8.33333%; }
.offset-2 { margin-left: 16.66667%; }
.offset-3 { margin-left: 25%; }
.offset-4 { margin-left: 33.33333%; }
.offset-5 { margin-left: 41.66667%; }
.offset-6 { margin-left: 50%; }
.offset-7 { margin-left: 58.33333%; }
.offset-8 { margin-left: 66.66667%; }
.offset-9 { margin-left: 75%; }
.offset-10 { margin-left: 83.33333%; }
.offset-11 { margin-left: 91.66667%; }
@media (min-width: 375px) { .col-sm { flex-basis: 0; flex-grow: 1; max-width: 100%; } .col-sm-auto { flex: 0 0 auto; width: auto; max-width: 100%; } .col-sm-1 { flex: 0 0 8.33333%; max-width: 8.33333%; } .col-sm-2 { flex: 0 0 16.66667%; max-width: 16.66667%; } .col-sm-3 { flex: 0 0 25%; max-width: 25%; } .col-sm-4 { flex: 0 0 33.33333%; max-width: 33.33333%; } .col-sm-5 { flex: 0 0 41.66667%; max-width: 41.66667%; } .col-sm-6 { flex: 0 0 50%; max-width: 50%; } .col-sm-7 { flex: 0 0 58.33333%; max-width: 58.33333%; } .col-sm-8 { flex: 0 0 66.66667%; max-width: 66.66667%; } .col-sm-9 { flex: 0 0 75%; max-width: 75%; } .col-sm-10 { flex: 0 0 83.33333%; max-width: 83.33333%; } .col-sm-11 { flex: 0 0 91.66667%; max-width: 91.66667%; } .col-sm-12 { flex: 0 0 100%; max-width: 100%; } .order-sm-first { order: -1; } .order-sm-last { order: 13; } .order-sm-0 { order: 0; } .order-sm-1 { order: 1; } .order-sm-2 { order: 2; } .order-sm-3 { order: 3; } .order-sm-4 { order: 4; } .order-sm-5 { order: 5; } .order-sm-6 { order: 6; } .order-sm-7 { order: 7; } .order-sm-8 { order: 8; } .order-sm-9 { order: 9; } .order-sm-10 { order: 10; } .order-sm-11 { order: 11; } .order-sm-12 { order: 12; } .offset-sm-0 { margin-left: 0; } .offset-sm-1 { margin-left: 8.33333%; } .offset-sm-2 { margin-left: 16.66667%; } .offset-sm-3 { margin-left: 25%; } .offset-sm-4 { margin-left: 33.33333%; } .offset-sm-5 { margin-left: 41.66667%; } .offset-sm-6 { margin-left: 50%; } .offset-sm-7 { margin-left: 58.33333%; } .offset-sm-8 { margin-left: 66.66667%; } .offset-sm-9 { margin-left: 75%; } .offset-sm-10 { margin-left: 83.33333%; } .offset-sm-11 { margin-left: 91.66667%; } }
@media (min-width: 1024px) { .col-md { flex-basis: 0; flex-grow: 1; max-width: 100%; } .col-md-auto { flex: 0 0 auto; width: auto; max-width: 100%; } .col-md-1 { flex: 0 0 8.33333%; max-width: 8.33333%; } .col-md-2 { flex: 0 0 16.66667%; max-width: 16.66667%; } .col-md-3 { flex: 0 0 25%; max-width: 25%; } .col-md-4 { flex: 0 0 33.33333%; max-width: 33.33333%; } .col-md-5 { flex: 0 0 41.66667%; max-width: 41.66667%; } .col-md-6 { flex: 0 0 50%; max-width: 50%; } .col-md-7 { flex: 0 0 58.33333%; max-width: 58.33333%; } .col-md-8 { flex: 0 0 66.66667%; max-width: 66.66667%; } .col-md-9 { flex: 0 0 75%; max-width: 75%; } .col-md-10 { flex: 0 0 83.33333%; max-width: 83.33333%; } .col-md-11 { flex: 0 0 91.66667%; max-width: 91.66667%; } .col-md-12 { flex: 0 0 100%; max-width: 100%; } .order-md-first { order: -1; } .order-md-last { order: 13; } .order-md-0 { order: 0; } .order-md-1 { order: 1; } .order-md-2 { order: 2; } .order-md-3 { order: 3; } .order-md-4 { order: 4; } .order-md-5 { order: 5; } .order-md-6 { order: 6; } .order-md-7 { order: 7; } .order-md-8 { order: 8; } .order-md-9 { order: 9; } .order-md-10 { order: 10; } .order-md-11 { order: 11; } .order-md-12 { order: 12; } .offset-md-0 { margin-left: 0; } .offset-md-1 { margin-left: 8.33333%; } .offset-md-2 { margin-left: 16.66667%; } .offset-md-3 { margin-left: 25%; } .offset-md-4 { margin-left: 33.33333%; } .offset-md-5 { margin-left: 41.66667%; } .offset-md-6 { margin-left: 50%; } .offset-md-7 { margin-left: 58.33333%; } .offset-md-8 { margin-left: 66.66667%; } .offset-md-9 { margin-left: 75%; } .offset-md-10 { margin-left: 83.33333%; } .offset-md-11 { margin-left: 91.66667%; } }
@media (min-width: 1440px) { .col-lg { flex-basis: 0; flex-grow: 1; max-width: 100%; } .col-lg-auto { flex: 0 0 auto; width: auto; max-width: 100%; } .col-lg-1 { flex: 0 0 8.33333%; max-width: 8.33333%; } .col-lg-2 { flex: 0 0 16.66667%; max-width: 16.66667%; } .col-lg-3 { flex: 0 0 25%; max-width: 25%; } .col-lg-4 { flex: 0 0 33.33333%; max-width: 33.33333%; } .col-lg-5 { flex: 0 0 41.66667%; max-width: 41.66667%; } .col-lg-6 { flex: 0 0 50%; max-width: 50%; } .col-lg-7 { flex: 0 0 58.33333%; max-width: 58.33333%; } .col-lg-8 { flex: 0 0 66.66667%; max-width: 66.66667%; } .col-lg-9 { flex: 0 0 75%; max-width: 75%; } .col-lg-10 { flex: 0 0 83.33333%; max-width: 83.33333%; } .col-lg-11 { flex: 0 0 91.66667%; max-width: 91.66667%; } .col-lg-12 { flex: 0 0 100%; max-width: 100%; } .order-lg-first { order: -1; } .order-lg-last { order: 13; } .order-lg-0 { order: 0; } .order-lg-1 { order: 1; } .order-lg-2 { order: 2; } .order-lg-3 { order: 3; } .order-lg-4 { order: 4; } .order-lg-5 { order: 5; } .order-lg-6 { order: 6; } .order-lg-7 { order: 7; } .order-lg-8 { order: 8; } .order-lg-9 { order: 9; } .order-lg-10 { order: 10; } .order-lg-11 { order: 11; } .order-lg-12 { order: 12; } .offset-lg-0 { margin-left: 0; } .offset-lg-1 { margin-left: 8.33333%; } .offset-lg-2 { margin-left: 16.66667%; } .offset-lg-3 { margin-left: 25%; } .offset-lg-4 { margin-left: 33.33333%; } .offset-lg-5 { margin-left: 41.66667%; } .offset-lg-6 { margin-left: 50%; } .offset-lg-7 { margin-left: 58.33333%; } .offset-lg-8 { margin-left: 66.66667%; } .offset-lg-9 { margin-left: 75%; } .offset-lg-10 { margin-left: 83.33333%; } .offset-lg-11 { margin-left: 91.66667%; } }
.table { width: 100%; margin-bottom: 1rem; color: #000; } .table th, .table td { padding: 0.75rem; vertical-align: top; border-top: 1px solid #ccc; } .table thead th { vertical-align: bottom; border-bottom: 2px solid #ccc; } .table tbody + tbody { border-top: 2px solid #ccc; }
.table-sm th,
.table-sm td { padding: 0.3rem; }
.table-bordered { border: 1px solid #ccc; } .table-bordered th, .table-bordered td { border: 1px solid #ccc; } .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: rgba(0, 0, 0, 0.05); }
.table-hover tbody tr:hover { color: #000; background-color: rgba(0, 0, 0, 0.075); }
.table-primary,
.table-primary > th,
.table-primary > td { background-color: #b8c5c4; }
.table-primary th,
.table-primary td,
.table-primary thead th,
.table-primary tbody + tbody { border-color: #7a9392; }
.table-hover .table-primary:hover { background-color: #aabab8; } .table-hover .table-primary:hover > td, .table-hover .table-primary:hover > th { background-color: #aabab8; }
.table-secondary,
.table-secondary > th,
.table-secondary > td { background-color: #f6ffe0; }
.table-secondary th,
.table-secondary td,
.table-secondary thead th,
.table-secondary tbody + tbody { border-color: #efffc5; }
.table-hover .table-secondary:hover { background-color: #efffc7; } .table-hover .table-secondary:hover > td, .table-hover .table-secondary:hover > th { background-color: #efffc7; }
.table-success,
.table-success > th,
.table-success > td { background-color: #d2f6eb; }
.table-success th,
.table-success td,
.table-success thead th,
.table-success tbody + tbody { border-color: #acefda; }
.table-hover .table-success:hover { background-color: #bdf2e2; } .table-hover .table-success:hover > td, .table-hover .table-success:hover > th { background-color: #bdf2e2; }
.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: #ffd4c1; }
.table-danger th,
.table-danger td,
.table-danger thead th,
.table-danger tbody + tbody { border-color: #ffb08b; }
.table-hover .table-danger:hover { background-color: #ffc2a8; } .table-hover .table-danger:hover > td, .table-hover .table-danger:hover > th { background-color: #ffc2a8; }
.table-light,
.table-light > th,
.table-light > td { background-color: #fbfaf9; }
.table-light th,
.table-light td,
.table-light thead th,
.table-light tbody + tbody { border-color: #f7f5f3; }
.table-hover .table-light:hover { background-color: #f1edea; } .table-hover .table-light:hover > td, .table-hover .table-light:hover > th { background-color: #f1edea; }
.table-dark,
.table-dark > th,
.table-dark > td { background-color: #b8c5c4; }
.table-dark th,
.table-dark td,
.table-dark thead th,
.table-dark tbody + tbody { border-color: #7a9392; }
.table-hover .table-dark:hover { background-color: #aabab8; } .table-hover .table-dark:hover > td, .table-hover .table-dark:hover > th { background-color: #aabab8; }
.table-active,
.table-active > th,
.table-active > td { background-color: rgba(0, 0, 0, 0.075); }
.table-hover .table-active:hover { background-color: rgba(0, 0, 0, 0.075); } .table-hover .table-active:hover > td, .table-hover .table-active:hover > th { background-color: rgba(0, 0, 0, 0.075); }
.table .thead-dark th { color: #fff; background-color: #343a40; border-color: #454d55; }
.table .thead-light th { color: #495057; background-color: #e9ecef; border-color: #ccc; }
.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: rgba(255, 255, 255, 0.05); } .table-dark.table-hover tbody tr:hover { color: #fff; background-color: rgba(255, 255, 255, 0.075); }
@media (max-width: 374.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: 1023.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: 1439.98px) { .table-responsive-lg { display: block; width: 100%; overflow-x: auto; -webkit-overflow-scrolling: touch; } .table-responsive-lg > .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 + 0.75rem + 2px); padding: 0.375rem 0.75rem; font-size: 1rem; font-weight: 400; line-height: 1.5; color: #495057; background-color: #fff; background-clip: padding-box; border: 1px solid #ced4da; border-radius: 0.1875rem; transition: border-color 0.15s ease-in-out, box-shadow 0.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: #fff; border-color: #00b0a5; outline: 0; box-shadow: 0 0 0 0.2rem rgba(0, 48, 45, 0.25); } .form-control::-webkit-input-placeholder { color: #6c757d; opacity: 1; } .form-control:-ms-input-placeholder { color: #6c757d; opacity: 1; } .form-control::-ms-input-placeholder { color: #6c757d; opacity: 1; } .form-control::placeholder { color: #6c757d; opacity: 1; } .form-control:disabled, .form-control[readonly] { background-color: #e9ecef; opacity: 1; }
select.form-control:focus::-ms-value { color: #495057; background-color: #fff; }
.form-control-file,
.form-control-range { display: block; width: 100%; }
.col-form-label { padding-top: calc(0.375rem + 1px); padding-bottom: calc(0.375rem + 1px); margin-bottom: 0; font-size: inherit; line-height: 1.5; }
.col-form-label-lg { padding-top: calc(0.5rem + 1px); padding-bottom: calc(0.5rem + 1px); font-size: 1.25rem; line-height: 1.5; }
.col-form-label-sm { padding-top: calc(0.25rem + 1px); padding-bottom: calc(0.25rem + 1px); font-size: 0.875rem; line-height: 1.5; }
.form-control-plaintext { display: block; width: 100%; padding-top: 0.375rem; padding-bottom: 0.375rem; margin-bottom: 0; line-height: 1.5; color: #000; 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 + 0.5rem + 2px); padding: 0.25rem 0.5rem; font-size: 0.875rem; line-height: 1.5; border-radius: 0.1875rem; }
.form-control-lg { height: calc(1.5em + 1rem + 2px); padding: 0.5rem 1rem; font-size: 1.25rem; line-height: 1.5; border-radius: 1rem; }
select.form-control[size], select.form-control[multiple] { height: auto; }
textarea.form-control { height: auto; }
.form-group { margin-bottom: 1rem; }
.form-text { display: block; margin-top: 0.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: 0.3rem; margin-left: -1.25rem; } .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: 0.75rem; } .form-check-inline .form-check-input { position: static; margin-top: 0; margin-right: 0.3125rem; margin-left: 0; }
.valid-feedback { display: none; width: 100%; margin-top: 0.25rem; font-size: 80%; color: #5fe0b7; }
.valid-tooltip { position: absolute; top: 100%; z-index: 5; display: none; max-width: 100%; padding: 0.25rem 0.5rem; margin-top: .1rem; font-size: 0.875rem; line-height: 1.5; color: #323239; background-color: rgba(95, 224, 183, 0.9); border-radius: 0.1875rem; }
.was-validated .form-control:valid, .form-control.is-valid { border-color: #5fe0b7; padding-right: calc(1.5em + 0.75rem); background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 8 8'%3e%3cpath fill='%235fe0b7' 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: center right calc(0.375em + 0.1875rem); background-size: calc(0.75em + 0.375rem) calc(0.75em + 0.375rem); } .was-validated .form-control:valid:focus, .form-control.is-valid:focus { border-color: #5fe0b7; box-shadow: 0 0 0 0.2rem rgba(95, 224, 183, 0.25); } .was-validated .form-control:valid ~ .valid-feedback, .was-validated .form-control:valid ~ .valid-tooltip, .form-control.is-valid ~ .valid-feedback, .form-control.is-valid ~ .valid-tooltip { display: block; }
.was-validated textarea.form-control:valid, textarea.form-control.is-valid { padding-right: calc(1.5em + 0.75rem); background-position: top calc(0.375em + 0.1875rem) right calc(0.375em + 0.1875rem); }
.was-validated .custom-select:valid, .custom-select.is-valid { border-color: #5fe0b7; padding-right: calc((1em + 0.75rem) * 3 / 4 + 1.75rem); background: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 4 5'%3e%3cpath fill='%23343a40' d='M2 0L0 2h4zm0 5L0 3h4z'/%3e%3c/svg%3e") no-repeat right 0.75rem center/8px 10px, url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 8 8'%3e%3cpath fill='%235fe0b7' d='M2.3 6.73L.6 4.53c-.4-1.04.46-1.4 1.1-.8l1.1 1.4 3.4-3.8c.6-.63 1.6-.27 1.2.7l-4 4.6c-.43.5-.8.4-1.1.1z'/%3e%3c/svg%3e") #fff no-repeat center right 1.75rem/calc(0.75em + 0.375rem) calc(0.75em + 0.375rem); } .was-validated .custom-select:valid:focus, .custom-select.is-valid:focus { border-color: #5fe0b7; box-shadow: 0 0 0 0.2rem rgba(95, 224, 183, 0.25); } .was-validated .custom-select:valid ~ .valid-feedback, .was-validated .custom-select:valid ~ .valid-tooltip, .custom-select.is-valid ~ .valid-feedback, .custom-select.is-valid ~ .valid-tooltip { display: block; }
.was-validated .form-control-file:valid ~ .valid-feedback,
.was-validated .form-control-file:valid ~ .valid-tooltip, .form-control-file.is-valid ~ .valid-feedback,
.form-control-file.is-valid ~ .valid-tooltip { display: block; }
.was-validated .form-check-input:valid ~ .form-check-label, .form-check-input.is-valid ~ .form-check-label { color: #5fe0b7; }
.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: #5fe0b7; } .was-validated .custom-control-input:valid ~ .custom-control-label::before, .custom-control-input.is-valid ~ .custom-control-label::before { border-color: #5fe0b7; }
.was-validated .custom-control-input:valid ~ .valid-feedback,
.was-validated .custom-control-input:valid ~ .valid-tooltip, .custom-control-input.is-valid ~ .valid-feedback,
.custom-control-input.is-valid ~ .valid-tooltip { display: block; }
.was-validated .custom-control-input:valid:checked ~ .custom-control-label::before, .custom-control-input.is-valid:checked ~ .custom-control-label::before { border-color: #8ae8ca; background-color: #8ae8ca; }
.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 0.2rem rgba(95, 224, 183, 0.25); }
.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: #5fe0b7; }
.was-validated .custom-file-input:valid ~ .custom-file-label, .custom-file-input.is-valid ~ .custom-file-label { border-color: #5fe0b7; }
.was-validated .custom-file-input:valid ~ .valid-feedback,
.was-validated .custom-file-input:valid ~ .valid-tooltip, .custom-file-input.is-valid ~ .valid-feedback,
.custom-file-input.is-valid ~ .valid-tooltip { display: block; }
.was-validated .custom-file-input:valid:focus ~ .custom-file-label, .custom-file-input.is-valid:focus ~ .custom-file-label { border-color: #5fe0b7; box-shadow: 0 0 0 0.2rem rgba(95, 224, 183, 0.25); }
.invalid-feedback { display: none; width: 100%; margin-top: 0.25rem; font-size: 80%; color: #ff6720; }
.invalid-tooltip { position: absolute; top: 100%; z-index: 5; display: none; max-width: 100%; padding: 0.25rem 0.5rem; margin-top: .1rem; font-size: 0.875rem; line-height: 1.5; color: #fff; background-color: rgba(255, 103, 32, 0.9); border-radius: 0.1875rem; }
.was-validated .form-control:invalid, .form-control.is-invalid { border-color: #ff6720; padding-right: calc(1.5em + 0.75rem); background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' fill='%23ff6720' viewBox='-2 -2 7 7'%3e%3cpath stroke='%23ff6720' d='M0 0l3 3m0-3L0 3'/%3e%3ccircle r='.5'/%3e%3ccircle cx='3' r='.5'/%3e%3ccircle cy='3' r='.5'/%3e%3ccircle cx='3' cy='3' r='.5'/%3e%3c/svg%3E"); background-repeat: no-repeat; background-position: center right calc(0.375em + 0.1875rem); background-size: calc(0.75em + 0.375rem) calc(0.75em + 0.375rem); } .was-validated .form-control:invalid:focus, .form-control.is-invalid:focus { border-color: #ff6720; box-shadow: 0 0 0 0.2rem rgba(255, 103, 32, 0.25); } .was-validated .form-control:invalid ~ .invalid-feedback, .was-validated .form-control:invalid ~ .invalid-tooltip, .form-control.is-invalid ~ .invalid-feedback, .form-control.is-invalid ~ .invalid-tooltip { display: block; }
.was-validated textarea.form-control:invalid, textarea.form-control.is-invalid { padding-right: calc(1.5em + 0.75rem); background-position: top calc(0.375em + 0.1875rem) right calc(0.375em + 0.1875rem); }
.was-validated .custom-select:invalid, .custom-select.is-invalid { border-color: #ff6720; padding-right: calc((1em + 0.75rem) * 3 / 4 + 1.75rem); background: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 4 5'%3e%3cpath fill='%23343a40' d='M2 0L0 2h4zm0 5L0 3h4z'/%3e%3c/svg%3e") no-repeat right 0.75rem center/8px 10px, url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' fill='%23ff6720' viewBox='-2 -2 7 7'%3e%3cpath stroke='%23ff6720' d='M0 0l3 3m0-3L0 3'/%3e%3ccircle r='.5'/%3e%3ccircle cx='3' r='.5'/%3e%3ccircle cy='3' r='.5'/%3e%3ccircle cx='3' cy='3' r='.5'/%3e%3c/svg%3E") #fff no-repeat center right 1.75rem/calc(0.75em + 0.375rem) calc(0.75em + 0.375rem); } .was-validated .custom-select:invalid:focus, .custom-select.is-invalid:focus { border-color: #ff6720; box-shadow: 0 0 0 0.2rem rgba(255, 103, 32, 0.25); } .was-validated .custom-select:invalid ~ .invalid-feedback, .was-validated .custom-select:invalid ~ .invalid-tooltip, .custom-select.is-invalid ~ .invalid-feedback, .custom-select.is-invalid ~ .invalid-tooltip { display: block; }
.was-validated .form-control-file:invalid ~ .invalid-feedback,
.was-validated .form-control-file:invalid ~ .invalid-tooltip, .form-control-file.is-invalid ~ .invalid-feedback,
.form-control-file.is-invalid ~ .invalid-tooltip { display: block; }
.was-validated .form-check-input:invalid ~ .form-check-label, .form-check-input.is-invalid ~ .form-check-label { color: #ff6720; }
.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: #ff6720; } .was-validated .custom-control-input:invalid ~ .custom-control-label::before, .custom-control-input.is-invalid ~ .custom-control-label::before { border-color: #ff6720; }
.was-validated .custom-control-input:invalid ~ .invalid-feedback,
.was-validated .custom-control-input:invalid ~ .invalid-tooltip, .custom-control-input.is-invalid ~ .invalid-feedback,
.custom-control-input.is-invalid ~ .invalid-tooltip { display: block; }
.was-validated .custom-control-input:invalid:checked ~ .custom-control-label::before, .custom-control-input.is-invalid:checked ~ .custom-control-label::before { border-color: #ff8a53; background-color: #ff8a53; }
.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 0.2rem rgba(255, 103, 32, 0.25); }
.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: #ff6720; }
.was-validated .custom-file-input:invalid ~ .custom-file-label, .custom-file-input.is-invalid ~ .custom-file-label { border-color: #ff6720; }
.was-validated .custom-file-input:invalid ~ .invalid-feedback,
.was-validated .custom-file-input:invalid ~ .invalid-tooltip, .custom-file-input.is-invalid ~ .invalid-feedback,
.custom-file-input.is-invalid ~ .invalid-tooltip { display: block; }
.was-validated .custom-file-input:invalid:focus ~ .custom-file-label, .custom-file-input.is-invalid:focus ~ .custom-file-label { border-color: #ff6720; box-shadow: 0 0 0 0.2rem rgba(255, 103, 32, 0.25); }
.form-inline { display: flex; flex-flow: row wrap; align-items: center; } .form-inline .form-check { width: 100%; } @media (min-width: 375px) { .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: 0.25rem; margin-left: 0; } .form-inline .custom-control { align-items: center; justify-content: center; } .form-inline .custom-control-label { margin-bottom: 0; } }
.btn { display: inline-block; font-weight: bold; color: #000; text-align: center; vertical-align: middle; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; background-color: transparent; border: 1px solid transparent; padding: 0.375rem 0.75rem; font-size: 1rem; line-height: 48px; border-radius: 0.1875rem; transition: color 0.15s ease-in-out, background-color 0.15s ease-in-out, border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out; } @media (prefers-reduced-motion: reduce) { .btn { transition: none; } } .btn:hover { color: #000; text-decoration: none; } .btn:focus, .btn.focus { outline: 0; box-shadow: 0 0 0 0.2rem rgba(0, 48, 45, 0.25); } .btn.disabled, .btn:disabled { opacity: 0.65; }
a.btn.disabled,
fieldset:disabled a.btn { pointer-events: none; }
.btn-primary { color: #fff; background-color: #00302d; border-color: #00302d; } .btn-primary:hover { color: #fff; background-color: #000a09; border-color: black; } .btn-primary:focus, .btn-primary.focus { box-shadow: 0 0 0 0.2rem rgba(38, 79, 77, 0.5); } .btn-primary.disabled, .btn-primary:disabled { color: #fff; background-color: #00302d; border-color: #00302d; } .btn-primary:not(:disabled):not(.disabled):active, .btn-primary:not(:disabled):not(.disabled).active, .show > .btn-primary.dropdown-toggle { color: #fff; background-color: black; border-color: black; } .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 0.2rem rgba(38, 79, 77, 0.5); }
.btn-secondary { color: #323239; background-color: #e0ff90; border-color: #e0ff90; } .btn-secondary:hover { color: #323239; background-color: #d5ff6a; border-color: #d2ff5d; } .btn-secondary:focus, .btn-secondary.focus { box-shadow: 0 0 0 0.2rem rgba(198, 224, 131, 0.5); } .btn-secondary.disabled, .btn-secondary:disabled { color: #323239; background-color: #e0ff90; border-color: #e0ff90; } .btn-secondary:not(:disabled):not(.disabled):active, .btn-secondary:not(:disabled):not(.disabled).active, .show > .btn-secondary.dropdown-toggle { color: #323239; background-color: #d2ff5d; border-color: #ceff50; } .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 0.2rem rgba(198, 224, 131, 0.5); }
.btn-success { color: #323239; background-color: #5fe0b7; border-color: #5fe0b7; } .btn-success:hover { color: #323239; background-color: #3fdaa9; border-color: #34d8a4; } .btn-success:focus, .btn-success.focus { box-shadow: 0 0 0 0.2rem rgba(88, 198, 164, 0.5); } .btn-success.disabled, .btn-success:disabled { color: #323239; background-color: #5fe0b7; border-color: #5fe0b7; } .btn-success:not(:disabled):not(.disabled):active, .btn-success:not(:disabled):not(.disabled).active, .show > .btn-success.dropdown-toggle { color: #323239; background-color: #34d8a4; border-color: #2ad69f; } .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 0.2rem rgba(88, 198, 164, 0.5); }
.btn-info { color: #fff; background-color: #17a2b8; border-color: #17a2b8; } .btn-info:hover { color: #fff; background-color: #138496; border-color: #117a8b; } .btn-info:focus, .btn-info.focus { box-shadow: 0 0 0 0.2rem rgba(58, 176, 195, 0.5); } .btn-info.disabled, .btn-info:disabled { color: #fff; background-color: #17a2b8; border-color: #17a2b8; } .btn-info:not(:disabled):not(.disabled):active, .btn-info:not(:disabled):not(.disabled).active, .show > .btn-info.dropdown-toggle { color: #fff; background-color: #117a8b; border-color: #10707f; } .btn-info:not(:disabled):not(.disabled):active:focus, .btn-info:not(:disabled):not(.disabled).active:focus, .show > .btn-info.dropdown-toggle:focus { box-shadow: 0 0 0 0.2rem rgba(58, 176, 195, 0.5); }
.btn-warning { color: #323239; background-color: #ffc107; border-color: #ffc107; } .btn-warning:hover { color: #323239; background-color: #e0a800; border-color: #d39e00; } .btn-warning:focus, .btn-warning.focus { box-shadow: 0 0 0 0.2rem rgba(224, 172, 15, 0.5); } .btn-warning.disabled, .btn-warning:disabled { color: #323239; 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: #323239; 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 0.2rem rgba(224, 172, 15, 0.5); }
.btn-danger { color: #fff; background-color: #ff6720; border-color: #ff6720; } .btn-danger:hover { color: #fff; background-color: #f94f00; border-color: #ec4b00; } .btn-danger:focus, .btn-danger.focus { box-shadow: 0 0 0 0.2rem rgba(255, 126, 65, 0.5); } .btn-danger.disabled, .btn-danger:disabled { color: #fff; background-color: #ff6720; border-color: #ff6720; } .btn-danger:not(:disabled):not(.disabled):active, .btn-danger:not(:disabled):not(.disabled).active, .show > .btn-danger.dropdown-toggle { color: #fff; background-color: #ec4b00; border-color: #df4700; } .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 0.2rem rgba(255, 126, 65, 0.5); }
.btn-light { color: #323239; background-color: #efece8; border-color: #efece8; } .btn-light:hover { color: #323239; background-color: #dfd9d1; border-color: #dad3ca; } .btn-light:focus, .btn-light.focus { box-shadow: 0 0 0 0.2rem rgba(211, 208, 206, 0.5); } .btn-light.disabled, .btn-light:disabled { color: #323239; background-color: #efece8; border-color: #efece8; } .btn-light:not(:disabled):not(.disabled):active, .btn-light:not(:disabled):not(.disabled).active, .show > .btn-light.dropdown-toggle { color: #323239; background-color: #dad3ca; border-color: #d5cdc2; } .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 0.2rem rgba(211, 208, 206, 0.5); }
.btn-dark { color: #fff; background-color: #00302d; border-color: #00302d; } .btn-dark:hover { color: #fff; background-color: #000a09; border-color: black; } .btn-dark:focus, .btn-dark.focus { box-shadow: 0 0 0 0.2rem rgba(38, 79, 77, 0.5); } .btn-dark.disabled, .btn-dark:disabled { color: #fff; background-color: #00302d; border-color: #00302d; } .btn-dark:not(:disabled):not(.disabled):active, .btn-dark:not(:disabled):not(.disabled).active, .show > .btn-dark.dropdown-toggle { color: #fff; background-color: black; border-color: black; } .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 0.2rem rgba(38, 79, 77, 0.5); }
.btn-outline-primary { color: #00302d; border-color: #00302d; } .btn-outline-primary:hover { color: #fff; background-color: #00302d; border-color: #00302d; } .btn-outline-primary:focus, .btn-outline-primary.focus { box-shadow: 0 0 0 0.2rem rgba(0, 48, 45, 0.5); } .btn-outline-primary.disabled, .btn-outline-primary:disabled { color: #00302d; 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: #00302d; border-color: #00302d; } .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 0.2rem rgba(0, 48, 45, 0.5); }
.btn-outline-secondary { color: #e0ff90; border-color: #e0ff90; } .btn-outline-secondary:hover { color: #323239; background-color: #e0ff90; border-color: #e0ff90; } .btn-outline-secondary:focus, .btn-outline-secondary.focus { box-shadow: 0 0 0 0.2rem rgba(224, 255, 144, 0.5); } .btn-outline-secondary.disabled, .btn-outline-secondary:disabled { color: #e0ff90; 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: #323239; background-color: #e0ff90; border-color: #e0ff90; } .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 0.2rem rgba(224, 255, 144, 0.5); }
.btn-outline-success { color: #5fe0b7; border-color: #5fe0b7; } .btn-outline-success:hover { color: #323239; background-color: #5fe0b7; border-color: #5fe0b7; } .btn-outline-success:focus, .btn-outline-success.focus { box-shadow: 0 0 0 0.2rem rgba(95, 224, 183, 0.5); } .btn-outline-success.disabled, .btn-outline-success:disabled { color: #5fe0b7; 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: #323239; background-color: #5fe0b7; border-color: #5fe0b7; } .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 0.2rem rgba(95, 224, 183, 0.5); }
.btn-outline-info { color: #17a2b8; border-color: #17a2b8; } .btn-outline-info:hover { color: #fff; background-color: #17a2b8; border-color: #17a2b8; } .btn-outline-info:focus, .btn-outline-info.focus { box-shadow: 0 0 0 0.2rem rgba(23, 162, 184, 0.5); } .btn-outline-info.disabled, .btn-outline-info:disabled { color: #17a2b8; background-color: transparent; } .btn-outline-info:not(:disabled):not(.disabled):active, .btn-outline-info:not(:disabled):not(.disabled).active, .show > .btn-outline-info.dropdown-toggle { color: #fff; background-color: #17a2b8; border-color: #17a2b8; } .btn-outline-info:not(:disabled):not(.disabled):active:focus, .btn-outline-info:not(:disabled):not(.disabled).active:focus, .show > .btn-outline-info.dropdown-toggle:focus { box-shadow: 0 0 0 0.2rem rgba(23, 162, 184, 0.5); }
.btn-outline-warning { color: #ffc107; border-color: #ffc107; } .btn-outline-warning:hover { color: #323239; background-color: #ffc107; border-color: #ffc107; } .btn-outline-warning:focus, .btn-outline-warning.focus { box-shadow: 0 0 0 0.2rem rgba(255, 193, 7, 0.5); } .btn-outline-warning.disabled, .btn-outline-warning:disabled { color: #ffc107; background-color: transparent; } .btn-outline-warning:not(:disabled):not(.disabled):active, .btn-outline-warning:not(:disabled):not(.disabled).active, .show > .btn-outline-warning.dropdown-toggle { color: #323239; 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 0.2rem rgba(255, 193, 7, 0.5); }
.btn-outline-danger { color: #ff6720; border-color: #ff6720; } .btn-outline-danger:hover { color: #fff; background-color: #ff6720; border-color: #ff6720; } .btn-outline-danger:focus, .btn-outline-danger.focus { box-shadow: 0 0 0 0.2rem rgba(255, 103, 32, 0.5); } .btn-outline-danger.disabled, .btn-outline-danger:disabled { color: #ff6720; 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: #ff6720; border-color: #ff6720; } .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 0.2rem rgba(255, 103, 32, 0.5); }
.btn-outline-light { color: #efece8; border-color: #efece8; } .btn-outline-light:hover { color: #323239; background-color: #efece8; border-color: #efece8; } .btn-outline-light:focus, .btn-outline-light.focus { box-shadow: 0 0 0 0.2rem rgba(239, 236, 232, 0.5); } .btn-outline-light.disabled, .btn-outline-light:disabled { color: #efece8; 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: #323239; background-color: #efece8; border-color: #efece8; } .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 0.2rem rgba(239, 236, 232, 0.5); }
.btn-outline-dark { color: #00302d; border-color: #00302d; } .btn-outline-dark:hover { color: #fff; background-color: #00302d; border-color: #00302d; } .btn-outline-dark:focus, .btn-outline-dark.focus { box-shadow: 0 0 0 0.2rem rgba(0, 48, 45, 0.5); } .btn-outline-dark.disabled, .btn-outline-dark:disabled { color: #00302d; 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: #00302d; border-color: #00302d; } .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 0.2rem rgba(0, 48, 45, 0.5); }
.btn-link { font-weight: 400; color: #323239; text-decoration: none; } .btn-link:hover { color: #0e0e10; text-decoration: underline; } .btn-link:focus, .btn-link.focus { text-decoration: underline; box-shadow: none; } .btn-link:disabled, .btn-link.disabled { color: #6c757d; pointer-events: none; }
.btn-lg, .btn-group-lg > .btn { padding: 0.5rem 1rem; font-size: 1.25rem; line-height: 1.5; border-radius: 1rem; }
.btn-sm, .btn-group-sm > .btn { padding: 0.25rem 0.5rem; font-size: 0.875rem; line-height: 1.5; border-radius: 0.1875rem; }
.btn-block { display: block; width: 100%; } .btn-block + .btn-block { margin-top: 0.5rem; }
input[type="submit"].btn-block,
input[type="reset"].btn-block,
input[type="button"].btn-block { width: 100%; }
.fade { transition: opacity 0.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 0.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: 0.255em; vertical-align: 0.255em; content: ""; border-top: 0.3em solid; border-right: 0.3em solid transparent; border-bottom: 0; border-left: 0.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: 0.5rem 0; margin: 0.125rem 0 0; font-size: 1rem; color: #000; text-align: left; list-style: none; background-color: #fff; background-clip: padding-box; border: 1px solid rgba(0, 0, 0, 0.15); border-radius: 0.1875rem; }
.dropdown-menu-left { right: auto; left: 0; }
.dropdown-menu-right { right: 0; left: auto; }
@media (min-width: 375px) { .dropdown-menu-sm-left { right: auto; left: 0; } .dropdown-menu-sm-right { right: 0; left: auto; } }
@media (min-width: 1024px) { .dropdown-menu-md-left { right: auto; left: 0; } .dropdown-menu-md-right { right: 0; left: auto; } }
@media (min-width: 1440px) { .dropdown-menu-lg-left { right: auto; left: 0; } .dropdown-menu-lg-right { right: 0; left: auto; } }
.dropup .dropdown-menu { top: auto; bottom: 100%; margin-top: 0; margin-bottom: 0.125rem; }
.dropup .dropdown-toggle::after { display: inline-block; margin-left: 0.255em; vertical-align: 0.255em; content: ""; border-top: 0; border-right: 0.3em solid transparent; border-bottom: 0.3em solid; border-left: 0.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: 0.125rem; }
.dropright .dropdown-toggle::after { display: inline-block; margin-left: 0.255em; vertical-align: 0.255em; content: ""; border-top: 0.3em solid transparent; border-right: 0; border-bottom: 0.3em solid transparent; border-left: 0.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: 0.125rem; }
.dropleft .dropdown-toggle::after { display: inline-block; margin-left: 0.255em; vertical-align: 0.255em; content: ""; }
.dropleft .dropdown-toggle::after { display: none; }
.dropleft .dropdown-toggle::before { display: inline-block; margin-right: 0.255em; vertical-align: 0.255em; content: ""; border-top: 0.3em solid transparent; border-right: 0.3em solid; border-bottom: 0.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: 0.5rem 0; overflow: hidden; border-top: 1px solid #e9ecef; }
.dropdown-item { display: block; width: 100%; padding: 0.25rem 1.5rem; clear: both; font-weight: 400; color: #323239; text-align: inherit; white-space: nowrap; background-color: transparent; border: 0; } .dropdown-item:hover, .dropdown-item:focus { color: #26262b; text-decoration: none; background-color: #f8f9fa; } .dropdown-item.active, .dropdown-item:active { color: #fff; text-decoration: none; background-color: #00302d; } .dropdown-item.disabled, .dropdown-item:disabled { color: #6c757d; pointer-events: none; background-color: transparent; }
.dropdown-menu.show { display: block; }
.dropdown-header { display: block; padding: 0.5rem 1.5rem; margin-bottom: 0; font-size: 0.875rem; color: #6c757d; white-space: nowrap; }
.dropdown-item-text { display: block; padding: 0.25rem 1.5rem; color: #323239; }
.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: 0.5625rem; padding-left: 0.5625rem; } .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: 0.375rem; padding-left: 0.375rem; }
.btn-lg + .dropdown-toggle-split, .btn-group-lg > .btn + .dropdown-toggle-split { padding-right: 0.75rem; padding-left: 0.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%; 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(:last-child), .input-group > .custom-select:not(:last-child) { border-top-right-radius: 0; border-bottom-right-radius: 0; } .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-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.375rem 0.75rem; margin-bottom: 0; font-size: 1rem; font-weight: 400; line-height: 1.5; color: #495057; text-align: center; white-space: nowrap; background-color: #e9ecef; border: 1px solid #ced4da; border-radius: 0.1875rem; } .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 + 1rem + 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.5rem 1rem; font-size: 1.25rem; line-height: 1.5; border-radius: 1rem; }
.input-group-sm > .form-control:not(textarea),
.input-group-sm > .custom-select { height: calc(1.5em + 0.5rem + 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.25rem 0.5rem; font-size: 0.875rem; line-height: 1.5; border-radius: 0.1875rem; }
.input-group-lg > .custom-select,
.input-group-sm > .custom-select { padding-right: 1.75rem; }
.input-group > .input-group-prepend > .btn,
.input-group > .input-group-prepend > .input-group-text,
.input-group > .input-group-append:not(:last-child) > .btn,
.input-group > .input-group-append:not(:last-child) > .input-group-text,
.input-group > .input-group-append:last-child > .btn:not(:last-child):not(.dropdown-toggle),
.input-group > .input-group-append:last-child > .input-group-text:not(:last-child) { 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; display: block; min-height: 1.5rem; padding-left: 1.5rem; }
.custom-control-inline { display: inline-flex; margin-right: 1rem; }
.custom-control-input { position: absolute; z-index: -1; opacity: 0; } .custom-control-input:checked ~ .custom-control-label::before { color: #fff; border-color: #00302d; background-color: #00302d; } .custom-control-input:focus ~ .custom-control-label::before { box-shadow: 0 0 0 0.2rem rgba(0, 48, 45, 0.25); } .custom-control-input:focus:not(:checked) ~ .custom-control-label::before { border-color: #00b0a5; } .custom-control-input:not(:disabled):active ~ .custom-control-label::before { color: #fff; background-color: #00e3d4; border-color: #00e3d4; } .custom-control-input:disabled ~ .custom-control-label { color: #6c757d; } .custom-control-input:disabled ~ .custom-control-label::before { background-color: #e9ecef; }
.custom-control-label { position: relative; margin-bottom: 0; vertical-align: top; } .custom-control-label::before { position: absolute; top: 0.25rem; left: -1.5rem; display: block; width: 1rem; height: 1rem; pointer-events: none; content: ""; background-color: #fff; border: #adb5bd solid 1px; } .custom-control-label::after { position: absolute; top: 0.25rem; left: -1.5rem; display: block; width: 1rem; height: 1rem; content: ""; background: no-repeat 50% / 50% 50%; }
.custom-checkbox .custom-control-label::before { border-radius: 0.1875rem; }
.custom-checkbox .custom-control-input:checked ~ .custom-control-label::after { background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 8 8'%3e%3cpath fill='%23fff' d='M6.564.75l-3.59 3.612-1.538-1.55L0 4.26 2.974 7.25 8 2.193z'/%3e%3c/svg%3e"); }
.custom-checkbox .custom-control-input:indeterminate ~ .custom-control-label::before { border-color: #00302d; background-color: #00302d; }
.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' viewBox='0 0 4 4'%3e%3cpath stroke='%23fff' d='M0 2h4'/%3e%3c/svg%3e"); }
.custom-checkbox .custom-control-input:disabled:checked ~ .custom-control-label::before { background-color: rgba(0, 48, 45, 0.5); }
.custom-checkbox .custom-control-input:disabled:indeterminate ~ .custom-control-label::before { background-color: rgba(0, 48, 45, 0.5); }
.custom-radio .custom-control-label::before { border-radius: 50%; }
.custom-radio .custom-control-input:checked ~ .custom-control-label::after { background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='-4 -4 8 8'%3e%3ccircle r='3' fill='%23fff'/%3e%3c/svg%3e"); }
.custom-radio .custom-control-input:disabled:checked ~ .custom-control-label::before { background-color: rgba(0, 48, 45, 0.5); }
.custom-switch { padding-left: 2.25rem; } .custom-switch .custom-control-label::before { left: -2.25rem; width: 1.75rem; pointer-events: all; border-radius: 0.5rem; } .custom-switch .custom-control-label::after { top: calc(0.25rem + 2px); left: calc(-2.25rem + 2px); width: calc(1rem - 4px); height: calc(1rem - 4px); background-color: #adb5bd; border-radius: 0.5rem; transition: transform 0.15s ease-in-out, background-color 0.15s ease-in-out, border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out; } @media (prefers-reduced-motion: reduce) { .custom-switch .custom-control-label::after { transition: none; } } .custom-switch .custom-control-input:checked ~ .custom-control-label::after { background-color: #fff; transform: translateX(0.75rem); } .custom-switch .custom-control-input:disabled:checked ~ .custom-control-label::before { background-color: rgba(0, 48, 45, 0.5); }
.custom-select { display: inline-block; width: 100%; height: calc(1.5em + 0.75rem + 2px); padding: 0.375rem 1.75rem 0.375rem 0.75rem; font-size: 1rem; font-weight: 400; line-height: 1.5; color: #495057; vertical-align: middle; background: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 4 5'%3e%3cpath fill='%23343a40' d='M2 0L0 2h4zm0 5L0 3h4z'/%3e%3c/svg%3e") no-repeat right 0.75rem center/8px 10px; background-color: #fff; border: 1px solid #ced4da; border-radius: 0.1875rem; -webkit-appearance: none; -moz-appearance: none; appearance: none; } .custom-select:focus { border-color: #00b0a5; outline: 0; box-shadow: 0 0 0 0.2rem rgba(0, 48, 45, 0.25); } .custom-select:focus::-ms-value { color: #495057; background-color: #fff; } .custom-select[multiple], .custom-select[size]:not([size="1"]) { height: auto; padding-right: 0.75rem; background-image: none; } .custom-select:disabled { color: #6c757d; background-color: #e9ecef; } .custom-select::-ms-expand { display: none; }
.custom-select-sm { height: calc(1.5em + 0.5rem + 2px); padding-top: 0.25rem; padding-bottom: 0.25rem; padding-left: 0.5rem; font-size: 0.875rem; }
.custom-select-lg { height: calc(1.5em + 1rem + 2px); padding-top: 0.5rem; padding-bottom: 0.5rem; padding-left: 1rem; font-size: 1.25rem; }
.custom-file { position: relative; display: inline-block; width: 100%; height: calc(1.5em + 0.75rem + 2px); margin-bottom: 0; }
.custom-file-input { position: relative; z-index: 2; width: 100%; height: calc(1.5em + 0.75rem + 2px); margin: 0; opacity: 0; } .custom-file-input:focus ~ .custom-file-label { border-color: #00b0a5; box-shadow: 0 0 0 0.2rem rgba(0, 48, 45, 0.25); } .custom-file-input:disabled ~ .custom-file-label { background-color: #e9ecef; } .custom-file-input:lang(en) ~ .custom-file-label::after { content: "Browse"; } .custom-file-input ~ .custom-file-label[data-browse]::after { content: attr(data-browse); }
.custom-file-label { position: absolute; top: 0; right: 0; left: 0; z-index: 1; height: calc(1.5em + 0.75rem + 2px); padding: 0.375rem 0.75rem; font-weight: 400; line-height: 1.5; color: #495057; background-color: #fff; border: 1px solid #ced4da; border-radius: 0.1875rem; } .custom-file-label::after { position: absolute; top: 0; right: 0; bottom: 0; z-index: 3; display: block; height: calc(1.5em + 0.75rem); padding: 0.375rem 0.75rem; line-height: 1.5; color: #495057; content: "Browse"; background-color: #e9ecef; border-left: inherit; border-radius: 0 0.1875rem 0.1875rem 0; }
.custom-range { width: 100%; height: calc(1rem + 0.4rem); padding: 0; background-color: transparent; -webkit-appearance: none; -moz-appearance: none; appearance: none; } .custom-range:focus { outline: none; } .custom-range:focus::-webkit-slider-thumb { box-shadow: 0 0 0 1px #fff, 0 0 0 0.2rem rgba(0, 48, 45, 0.25); } .custom-range:focus::-moz-range-thumb { box-shadow: 0 0 0 1px #fff, 0 0 0 0.2rem rgba(0, 48, 45, 0.25); } .custom-range:focus::-ms-thumb { box-shadow: 0 0 0 1px #fff, 0 0 0 0.2rem rgba(0, 48, 45, 0.25); } .custom-range::-moz-focus-outer { border: 0; } .custom-range::-webkit-slider-thumb { width: 1rem; height: 1rem; margin-top: -0.25rem; background-color: #00302d; border: 0; border-radius: 1rem; -webkit-transition: background-color 0.15s ease-in-out, border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out; transition: background-color 0.15s ease-in-out, border-color 0.15s ease-in-out, box-shadow 0.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: #00e3d4; } .custom-range::-webkit-slider-runnable-track { width: 100%; height: 0.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: #00302d; border: 0; border-radius: 1rem; -moz-transition: background-color 0.15s ease-in-out, border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out; transition: background-color 0.15s ease-in-out, border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out; -moz-appearance: none; appearance: none; } @media (prefers-reduced-motion: reduce) { .custom-range::-moz-range-thumb { -moz-transition: none; transition: none; } } .custom-range::-moz-range-thumb:active { background-color: #00e3d4; } .custom-range::-moz-range-track { width: 100%; height: 0.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: 0.2rem; margin-left: 0.2rem; background-color: #00302d; border: 0; border-radius: 1rem; -ms-transition: background-color 0.15s ease-in-out, border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out; transition: background-color 0.15s ease-in-out, border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out; appearance: none; } @media (prefers-reduced-motion: reduce) { .custom-range::-ms-thumb { -ms-transition: none; transition: none; } } .custom-range::-ms-thumb:active { background-color: #00e3d4; } .custom-range::-ms-track { width: 100%; height: 0.5rem; color: transparent; cursor: pointer; background-color: transparent; border-color: transparent; border-width: 0.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 0.15s ease-in-out, border-color 0.15s ease-in-out, box-shadow 0.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: 0.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: 0 solid #dee2e6; } .nav-tabs .nav-item { margin-bottom: 0; } .nav-tabs .nav-link { border: 0 solid transparent; border-top-left-radius: 0; border-top-right-radius: 0; } .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 #fff; } .nav-tabs .dropdown-menu { margin-top: 0; border-top-left-radius: 0; border-top-right-radius: 0; }
.nav-pills .nav-link { border-radius: 0.1875rem; }
.nav-pills .nav-link.active,
.nav-pills .show > .nav-link { color: #fff; background-color: #00302d; }
.nav-fill .nav-item { flex: 1 1 auto; text-align: center; }
.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: 0.5rem 1rem; } .navbar > .container, .navbar > .container-fluid { display: flex; flex-wrap: wrap; align-items: center; justify-content: space-between; }
.navbar-brand { display: inline-block; padding-top: 0.3125rem; padding-bottom: 0.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: 0.5rem; padding-bottom: 0.5rem; }
.navbar-collapse { flex-basis: 100%; flex-grow: 1; align-items: center; }
.navbar-toggler { padding: 0.25rem 0.75rem; font-size: 1.25rem; line-height: 1; background-color: transparent; border: 1px solid transparent; border-radius: 0.1875rem; } .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: no-repeat center center; background-size: 100% 100%; }
@media (max-width: 374.98px) { .navbar-expand-sm > .container, .navbar-expand-sm > .container-fluid { padding-right: 0; padding-left: 0; } }
@media (min-width: 375px) { .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: 0.5rem; padding-left: 0.5rem; } .navbar-expand-sm > .container, .navbar-expand-sm > .container-fluid { flex-wrap: nowrap; } .navbar-expand-sm .navbar-collapse { display: flex !important; flex-basis: auto; } .navbar-expand-sm .navbar-toggler { display: none; } }
@media (max-width: 1023.98px) { .navbar-expand-md > .container, .navbar-expand-md > .container-fluid { padding-right: 0; padding-left: 0; } }
@media (min-width: 1024px) { .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: 0.5rem; padding-left: 0.5rem; } .navbar-expand-md > .container, .navbar-expand-md > .container-fluid { flex-wrap: nowrap; } .navbar-expand-md .navbar-collapse { display: flex !important; flex-basis: auto; } .navbar-expand-md .navbar-toggler { display: none; } }
@media (max-width: 1439.98px) { .navbar-expand-lg > .container, .navbar-expand-lg > .container-fluid { padding-right: 0; padding-left: 0; } }
@media (min-width: 1440px) { .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: 0.5rem; padding-left: 0.5rem; } .navbar-expand-lg > .container, .navbar-expand-lg > .container-fluid { flex-wrap: nowrap; } .navbar-expand-lg .navbar-collapse { display: flex !important; flex-basis: auto; } .navbar-expand-lg .navbar-toggler { display: none; } }
.navbar-expand { flex-flow: row nowrap; justify-content: flex-start; } .navbar-expand > .container, .navbar-expand > .container-fluid { 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: 0.5rem; padding-left: 0.5rem; } .navbar-expand > .container, .navbar-expand > .container-fluid { flex-wrap: nowrap; } .navbar-expand .navbar-collapse { display: flex !important; flex-basis: auto; } .navbar-expand .navbar-toggler { display: none; }
.navbar-light .navbar-brand { color: rgba(0, 0, 0, 0.9); } .navbar-light .navbar-brand:hover, .navbar-light .navbar-brand:focus { color: rgba(0, 0, 0, 0.9); }
.navbar-light .navbar-nav .nav-link { color: rgba(0, 0, 0, 0.5); } .navbar-light .navbar-nav .nav-link:hover, .navbar-light .navbar-nav .nav-link:focus { color: rgba(0, 0, 0, 0.7); } .navbar-light .navbar-nav .nav-link.disabled { color: rgba(0, 0, 0, 0.3); }
.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: rgba(0, 0, 0, 0.9); }
.navbar-light .navbar-toggler { color: rgba(0, 0, 0, 0.5); border-color: rgba(0, 0, 0, 0.1); }
.navbar-light .navbar-toggler-icon { background-image: url("data:image/svg+xml,%3csvg viewBox='0 0 30 30' xmlns='http://www.w3.org/2000/svg'%3e%3cpath stroke='rgba(0, 0, 0, 0.5)' stroke-width='2' stroke-linecap='round' stroke-miterlimit='10' d='M4 7h22M4 15h22M4 23h22'/%3e%3c/svg%3e"); }
.navbar-light .navbar-text { color: rgba(0, 0, 0, 0.5); } .navbar-light .navbar-text a { color: rgba(0, 0, 0, 0.9); } .navbar-light .navbar-text a:hover, .navbar-light .navbar-text a:focus { color: rgba(0, 0, 0, 0.9); }
.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: rgba(255, 255, 255, 0.5); } .navbar-dark .navbar-nav .nav-link:hover, .navbar-dark .navbar-nav .nav-link:focus { color: rgba(255, 255, 255, 0.75); } .navbar-dark .navbar-nav .nav-link.disabled { color: rgba(255, 255, 255, 0.25); }
.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: rgba(255, 255, 255, 0.5); border-color: rgba(255, 255, 255, 0.1); }
.navbar-dark .navbar-toggler-icon { background-image: url("data:image/svg+xml,%3csvg viewBox='0 0 30 30' xmlns='http://www.w3.org/2000/svg'%3e%3cpath stroke='rgba(255, 255, 255, 0.5)' stroke-width='2' stroke-linecap='round' stroke-miterlimit='10' d='M4 7h22M4 15h22M4 23h22'/%3e%3c/svg%3e"); }
.navbar-dark .navbar-text { color: rgba(255, 255, 255, 0.5); } .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, 0.125); border-radius: 0.1875rem; } .card > hr { margin-right: 0; margin-left: 0; } .card > .list-group:first-child .list-group-item:first-child { border-top-left-radius: 0.1875rem; border-top-right-radius: 0.1875rem; } .card > .list-group:last-child .list-group-item:last-child { border-bottom-right-radius: 0.1875rem; border-bottom-left-radius: 0.1875rem; }
.card-body { flex: 1 1 auto; padding: 1.25rem; }
.card-title { margin-bottom: 0.75rem; }
.card-subtitle { margin-top: -0.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: 0.75rem 1.25rem; margin-bottom: 0; background-color: #fff; border-bottom: 1px solid rgba(0, 0, 0, 0.125); } .card-header:first-child { border-radius: calc(0.1875rem - 1px) calc(0.1875rem - 1px) 0 0; } .card-header + .list-group .list-group-item:first-child { border-top: 0; }
.card-footer { padding: 0.75rem 1.25rem; background-color: #fff; border-top: 1px solid rgba(0, 0, 0, 0.125); } .card-footer:last-child { border-radius: 0 0 calc(0.1875rem - 1px) calc(0.1875rem - 1px); }
.card-header-tabs { margin-right: -0.625rem; margin-bottom: -0.75rem; margin-left: -0.625rem; border-bottom: 0; }
.card-header-pills { margin-right: -0.625rem; margin-left: -0.625rem; }
.card-img-overlay { position: absolute; top: 0; right: 0; bottom: 0; left: 0; padding: 1.25rem; }
.card-img { width: 100%; border-radius: calc(0.1875rem - 1px); }
.card-img-top { width: 100%; border-top-left-radius: calc(0.1875rem - 1px); border-top-right-radius: calc(0.1875rem - 1px); }
.card-img-bottom { width: 100%; border-bottom-right-radius: calc(0.1875rem - 1px); border-bottom-left-radius: calc(0.1875rem - 1px); }
.card-deck { display: flex; flex-direction: column; } .card-deck .card { margin-bottom: 15px; } @media (min-width: 375px) { .card-deck { flex-flow: row wrap; margin-right: -15px; margin-left: -15px; } .card-deck .card { display: flex; flex: 1 0 0%; flex-direction: column; margin-right: 15px; margin-bottom: 0; margin-left: 15px; } }
.card-group { display: flex; flex-direction: column; } .card-group > .card { margin-bottom: 15px; } @media (min-width: 375px) { .card-group { 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: 0.75rem; }
@media (min-width: 375px) { .card-columns { -webkit-column-count: 3; column-count: 3; -webkit-column-gap: 1.25rem; column-gap: 1.25rem; orphans: 1; widows: 1; } .card-columns .card { display: inline-block; width: 100%; } }
.accordion > .card { overflow: hidden; } .accordion > .card:not(:first-of-type) .card-header:first-child { border-radius: 0; } .accordion > .card:not(:first-of-type):not(:last-of-type) { border-bottom: 0; border-radius: 0; } .accordion > .card:first-of-type { border-bottom: 0; border-bottom-right-radius: 0; border-bottom-left-radius: 0; } .accordion > .card:last-of-type { border-top-left-radius: 0; border-top-right-radius: 0; } .accordion > .card .card-header { margin-bottom: -1px; }
.breadcrumb { display: flex; flex-wrap: wrap; padding: 0.75rem 1rem; margin-bottom: 1rem; list-style: none; background-color: transparent; border-radius: 0.1875rem; }
.breadcrumb-item + .breadcrumb-item { padding-left: 0.5rem; } .breadcrumb-item + .breadcrumb-item::before { display: inline-block; padding-right: 0.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: 0.1875rem; }
.page-link { position: relative; display: block; padding: 0.5rem 0.75rem; margin-left: -1px; line-height: 1.25; color: #323239; background-color: #fff; border: 1px solid #dee2e6; } .page-link:hover { z-index: 2; color: #0e0e10; text-decoration: none; background-color: #e9ecef; border-color: #dee2e6; } .page-link:focus { z-index: 2; outline: 0; box-shadow: 0 0 0 0.2rem rgba(0, 48, 45, 0.25); }
.page-item:first-child .page-link { margin-left: 0; border-top-left-radius: 0.1875rem; border-bottom-left-radius: 0.1875rem; }
.page-item:last-child .page-link { border-top-right-radius: 0.1875rem; border-bottom-right-radius: 0.1875rem; }
.page-item.active .page-link { z-index: 1; color: #fff; background-color: #00302d; border-color: #00302d; }
.page-item.disabled .page-link { color: #6c757d; pointer-events: none; cursor: auto; background-color: #fff; border-color: #dee2e6; }
.pagination-lg .page-link { padding: 0.75rem 1.5rem; font-size: 1.25rem; line-height: 1.5; }
.pagination-lg .page-item:first-child .page-link { border-top-left-radius: 1rem; border-bottom-left-radius: 1rem; }
.pagination-lg .page-item:last-child .page-link { border-top-right-radius: 1rem; border-bottom-right-radius: 1rem; }
.pagination-sm .page-link { padding: 0.25rem 0.5rem; font-size: 0.875rem; line-height: 1.5; }
.pagination-sm .page-item:first-child .page-link { border-top-left-radius: 0.1875rem; border-bottom-left-radius: 0.1875rem; }
.pagination-sm .page-item:last-child .page-link { border-top-right-radius: 0.1875rem; border-bottom-right-radius: 0.1875rem; }
.badge { display: inline-block; padding: 0.25em 0.4em; font-size: 75%; font-weight: 700; line-height: 1; text-align: center; white-space: nowrap; vertical-align: baseline; border-radius: 0.1875rem; transition: color 0.15s ease-in-out, background-color 0.15s ease-in-out, border-color 0.15s ease-in-out, box-shadow 0.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: 0.6em; padding-left: 0.6em; border-radius: 10rem; }
.badge-primary { color: #fff; background-color: #00302d; } a.badge-primary:hover, a.badge-primary:focus { color: #fff; background-color: black; } a.badge-primary:focus, a.badge-primary.focus { outline: 0; box-shadow: 0 0 0 0.2rem rgba(0, 48, 45, 0.5); }
.badge-secondary { color: #323239; background-color: #e0ff90; } a.badge-secondary:hover, a.badge-secondary:focus { color: #323239; background-color: #d2ff5d; } a.badge-secondary:focus, a.badge-secondary.focus { outline: 0; box-shadow: 0 0 0 0.2rem rgba(224, 255, 144, 0.5); }
.badge-success { color: #323239; background-color: #5fe0b7; } a.badge-success:hover, a.badge-success:focus { color: #323239; background-color: #34d8a4; } a.badge-success:focus, a.badge-success.focus { outline: 0; box-shadow: 0 0 0 0.2rem rgba(95, 224, 183, 0.5); }
.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 0.2rem rgba(23, 162, 184, 0.5); }
.badge-warning { color: #323239; background-color: #ffc107; } a.badge-warning:hover, a.badge-warning:focus { color: #323239; background-color: #d39e00; } a.badge-warning:focus, a.badge-warning.focus { outline: 0; box-shadow: 0 0 0 0.2rem rgba(255, 193, 7, 0.5); }
.badge-danger { color: #fff; background-color: #ff6720; } a.badge-danger:hover, a.badge-danger:focus { color: #fff; background-color: #ec4b00; } a.badge-danger:focus, a.badge-danger.focus { outline: 0; box-shadow: 0 0 0 0.2rem rgba(255, 103, 32, 0.5); }
.badge-light { color: #323239; background-color: #efece8; } a.badge-light:hover, a.badge-light:focus { color: #323239; background-color: #dad3ca; } a.badge-light:focus, a.badge-light.focus { outline: 0; box-shadow: 0 0 0 0.2rem rgba(239, 236, 232, 0.5); }
.badge-dark { color: #fff; background-color: #00302d; } a.badge-dark:hover, a.badge-dark:focus { color: #fff; background-color: black; } a.badge-dark:focus, a.badge-dark.focus { outline: 0; box-shadow: 0 0 0 0.2rem rgba(0, 48, 45, 0.5); }
.jumbotron { padding: 2rem 1rem; margin-bottom: 2rem; background-color: #e9ecef; border-radius: 1rem; } @media (min-width: 375px) { .jumbotron { padding: 4rem 2rem; } }
.jumbotron-fluid { padding-right: 0; padding-left: 0; border-radius: 0; }
.alert { position: relative; padding: 0.75rem 1.25rem; margin-bottom: 1rem; border: 1px solid transparent; border-radius: 0.1875rem; }
.alert-heading { color: inherit; }
.alert-link { font-weight: 700; }
.alert-dismissible { padding-right: 4rem; } .alert-dismissible .close { position: absolute; top: 0; right: 0; padding: 0.75rem 1.25rem; color: inherit; }
.alert-primary { color: #001917; background-color: #ccd6d5; border-color: #b8c5c4; } .alert-primary hr { border-top-color: #aabab8; } .alert-primary .alert-link { color: black; }
.alert-secondary { color: #74854b; background-color: #f9ffe9; border-color: #f6ffe0; } .alert-secondary hr { border-top-color: #efffc7; } .alert-secondary .alert-link { color: #586439; }
.alert-success { color: #31745f; background-color: #dff9f1; border-color: #d2f6eb; } .alert-success hr { border-top-color: #bdf2e2; } .alert-success .alert-link { color: #225042; }
.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: #853611; background-color: #ffe1d2; border-color: #ffd4c1; } .alert-danger hr { border-top-color: #ffc2a8; } .alert-danger .alert-link { color: #58240b; }
.alert-light { color: #7c7b79; background-color: #fcfbfa; border-color: #fbfaf9; } .alert-light hr { border-top-color: #f1edea; } .alert-light .alert-link { color: #626160; }
.alert-dark { color: #001917; background-color: #ccd6d5; border-color: #b8c5c4; } .alert-dark hr { border-top-color: #aabab8; } .alert-dark .alert-link { color: black; }
@keyframes progress-bar-stripes { from { background-position: 1rem 0; } to { background-position: 0 0; } }
.progress { display: flex; height: 1rem; overflow: hidden; font-size: 0.75rem; background-color: #e9ecef; border-radius: 0.1875rem; }
.progress-bar { display: flex; flex-direction: column; justify-content: center; color: #fff; text-align: center; white-space: nowrap; background-color: #00302d; transition: width 0.6s ease; } @media (prefers-reduced-motion: reduce) { .progress-bar { transition: none; } }
.progress-bar-striped { background-image: linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent); background-size: 1rem 1rem; }
.progress-bar-animated { -webkit-animation: progress-bar-stripes 1s linear infinite; animation: progress-bar-stripes 1s linear infinite; } @media (prefers-reduced-motion: reduce) { .progress-bar-animated { -webkit-animation: none; animation: none; } }
.media { display: flex; align-items: flex-start; }
.media-body { flex: 1; }
.list-group { display: flex; flex-direction: column; padding-left: 0; margin-bottom: 0; }
.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: #000; background-color: #e9ecef; }
.list-group-item { position: relative; display: block; padding: 0.75rem 1.25rem; margin-bottom: -1px; background-color: #fff; border: 1px solid rgba(0, 0, 0, 0.125); } .list-group-item:first-child { border-top-left-radius: 0.1875rem; border-top-right-radius: 0.1875rem; } .list-group-item:last-child { margin-bottom: 0; border-bottom-right-radius: 0.1875rem; border-bottom-left-radius: 0.1875rem; } .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: #00302d; border-color: #00302d; }
.list-group-horizontal { flex-direction: row; } .list-group-horizontal .list-group-item { margin-right: -1px; margin-bottom: 0; } .list-group-horizontal .list-group-item:first-child { border-top-left-radius: 0.1875rem; border-bottom-left-radius: 0.1875rem; border-top-right-radius: 0; } .list-group-horizontal .list-group-item:last-child { margin-right: 0; border-top-right-radius: 0.1875rem; border-bottom-right-radius: 0.1875rem; border-bottom-left-radius: 0; }
@media (min-width: 375px) { .list-group-horizontal-sm { flex-direction: row; } .list-group-horizontal-sm .list-group-item { margin-right: -1px; margin-bottom: 0; } .list-group-horizontal-sm .list-group-item:first-child { border-top-left-radius: 0.1875rem; border-bottom-left-radius: 0.1875rem; border-top-right-radius: 0; } .list-group-horizontal-sm .list-group-item:last-child { margin-right: 0; border-top-right-radius: 0.1875rem; border-bottom-right-radius: 0.1875rem; border-bottom-left-radius: 0; } }
@media (min-width: 1024px) { .list-group-horizontal-md { flex-direction: row; } .list-group-horizontal-md .list-group-item { margin-right: -1px; margin-bottom: 0; } .list-group-horizontal-md .list-group-item:first-child { border-top-left-radius: 0.1875rem; border-bottom-left-radius: 0.1875rem; border-top-right-radius: 0; } .list-group-horizontal-md .list-group-item:last-child { margin-right: 0; border-top-right-radius: 0.1875rem; border-bottom-right-radius: 0.1875rem; border-bottom-left-radius: 0; } }
@media (min-width: 1440px) { .list-group-horizontal-lg { flex-direction: row; } .list-group-horizontal-lg .list-group-item { margin-right: -1px; margin-bottom: 0; } .list-group-horizontal-lg .list-group-item:first-child { border-top-left-radius: 0.1875rem; border-bottom-left-radius: 0.1875rem; border-top-right-radius: 0; } .list-group-horizontal-lg .list-group-item:last-child { margin-right: 0; border-top-right-radius: 0.1875rem; border-bottom-right-radius: 0.1875rem; border-bottom-left-radius: 0; } }
.list-group-flush .list-group-item { border-right: 0; border-left: 0; border-radius: 0; } .list-group-flush .list-group-item:last-child { margin-bottom: -1px; }
.list-group-flush:first-child .list-group-item:first-child { border-top: 0; }
.list-group-flush:last-child .list-group-item:last-child { margin-bottom: 0; border-bottom: 0; }
.list-group-item-primary { color: #001917; background-color: #b8c5c4; } .list-group-item-primary.list-group-item-action:hover, .list-group-item-primary.list-group-item-action:focus { color: #001917; background-color: #aabab8; } .list-group-item-primary.list-group-item-action.active { color: #fff; background-color: #001917; border-color: #001917; }
.list-group-item-secondary { color: #74854b; background-color: #f6ffe0; } .list-group-item-secondary.list-group-item-action:hover, .list-group-item-secondary.list-group-item-action:focus { color: #74854b; background-color: #efffc7; } .list-group-item-secondary.list-group-item-action.active { color: #fff; background-color: #74854b; border-color: #74854b; }
.list-group-item-success { color: #31745f; background-color: #d2f6eb; } .list-group-item-success.list-group-item-action:hover, .list-group-item-success.list-group-item-action:focus { color: #31745f; background-color: #bdf2e2; } .list-group-item-success.list-group-item-action.active { color: #fff; background-color: #31745f; border-color: #31745f; }
.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: #853611; background-color: #ffd4c1; } .list-group-item-danger.list-group-item-action:hover, .list-group-item-danger.list-group-item-action:focus { color: #853611; background-color: #ffc2a8; } .list-group-item-danger.list-group-item-action.active { color: #fff; background-color: #853611; border-color: #853611; }
.list-group-item-light { color: #7c7b79; background-color: #fbfaf9; } .list-group-item-light.list-group-item-action:hover, .list-group-item-light.list-group-item-action:focus { color: #7c7b79; background-color: #f1edea; } .list-group-item-light.list-group-item-action.active { color: #fff; background-color: #7c7b79; border-color: #7c7b79; }
.list-group-item-dark { color: #001917; background-color: #b8c5c4; } .list-group-item-dark.list-group-item-action:hover, .list-group-item-dark.list-group-item-action:focus { color: #001917; background-color: #aabab8; } .list-group-item-dark.list-group-item-action.active { color: #fff; background-color: #001917; border-color: #001917; }
.close { float: right; font-size: 1.5rem; font-weight: 700; line-height: 1; color: #000; text-shadow: 0 1px 0 #fff; opacity: .5; } .close:hover { color: #000; text-decoration: none; } .close:not(:disabled):not(.disabled):hover, .close:not(:disabled):not(.disabled):focus { opacity: .75; }
button.close { padding: 0; background-color: transparent; border: 0; -webkit-appearance: none; -moz-appearance: none; appearance: none; }
a.close.disabled { pointer-events: none; }
.toast { max-width: 350px; overflow: hidden; font-size: 0.875rem; background-color: rgba(255, 255, 255, 0.85); background-clip: padding-box; border: 1px solid rgba(0, 0, 0, 0.1); box-shadow: 0 0.25rem 0.75rem rgba(0, 0, 0, 0.1); -webkit-backdrop-filter: blur(10px); backdrop-filter: blur(10px); opacity: 0; border-radius: 0.25rem; } .toast:not(:last-child) { margin-bottom: 0.75rem; } .toast.showing { opacity: 1; } .toast.show { display: block; opacity: 1; } .toast.hide { display: none; }
.toast-header { display: flex; align-items: center; padding: 0.25rem 0.75rem; color: #6c757d; background-color: rgba(255, 255, 255, 0.85); background-clip: padding-box; border-bottom: 1px solid rgba(0, 0, 0, 0.05); }
.toast-body { padding: 0.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: 0.5rem; pointer-events: none; } .modal.fade .modal-dialog { transition: transform 0.3s ease-out; transform: translate(0, -50px); } @media (prefers-reduced-motion: reduce) { .modal.fade .modal-dialog { transition: none; } } .modal.show .modal-dialog { transform: none; }
.modal-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); 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, 0.2); border-radius: 1rem; 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: 0.5; }
.modal-header { display: flex; align-items: flex-start; justify-content: space-between; padding: 1rem 1rem; border-bottom: 1px solid #dee2e6; border-top-left-radius: 1rem; border-top-right-radius: 1rem; } .modal-header .close { padding: 1rem 1rem; margin: -1rem -1rem -1rem auto; }
.modal-title { margin-bottom: 0; line-height: 1.5; }
.modal-body { position: relative; flex: 1 1 auto; padding: 1rem; }
.modal-footer { display: flex; align-items: center; justify-content: flex-end; padding: 1rem; border-top: 1px solid #dee2e6; border-bottom-right-radius: 1rem; border-bottom-left-radius: 1rem; } .modal-footer > :not(:first-child) { margin-left: .25rem; } .modal-footer > :not(:last-child) { margin-right: .25rem; }
.modal-scrollbar-measure { position: absolute; top: -9999px; width: 50px; height: 50px; overflow: scroll; }
@media (min-width: 375px) { .modal-dialog { max-width: 500px; margin: 1.75rem auto; } .modal-dialog-scrollable { max-height: calc(100% - 3.5rem); } .modal-dialog-scrollable .modal-content { max-height: calc(100vh - 3.5rem); } .modal-dialog-centered { min-height: calc(100% - 3.5rem); } .modal-dialog-centered::before { height: calc(100vh - 3.5rem); } .modal-sm { max-width: 300px; } }
@media (min-width: 1440px) { .modal-lg, .modal-xl { max-width: 800px; } }
.modal-xl { max-width: 1140px; }
.tooltip { position: absolute; z-index: 1070; display: block; margin: 0; font-family: Calibre, 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: 0.875rem; word-wrap: break-word; opacity: 0; } .tooltip.show { opacity: 0.9; } .tooltip .arrow { position: absolute; display: block; width: 0.8rem; height: 0.4rem; } .tooltip .arrow::before { position: absolute; content: ""; border-color: transparent; border-style: solid; }
.bs-tooltip-top, .bs-tooltip-auto[x-placement^="top"] { padding: 0.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: 0.4rem 0.4rem 0; border-top-color: #000; }
.bs-tooltip-right, .bs-tooltip-auto[x-placement^="right"] { padding: 0 0.4rem; } .bs-tooltip-right .arrow, .bs-tooltip-auto[x-placement^="right"] .arrow { left: 0; width: 0.4rem; height: 0.8rem; } .bs-tooltip-right .arrow::before, .bs-tooltip-auto[x-placement^="right"] .arrow::before { right: 0; border-width: 0.4rem 0.4rem 0.4rem 0; border-right-color: #000; }
.bs-tooltip-bottom, .bs-tooltip-auto[x-placement^="bottom"] { padding: 0.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 0.4rem 0.4rem; border-bottom-color: #000; }
.bs-tooltip-left, .bs-tooltip-auto[x-placement^="left"] { padding: 0 0.4rem; } .bs-tooltip-left .arrow, .bs-tooltip-auto[x-placement^="left"] .arrow { right: 0; width: 0.4rem; height: 0.8rem; } .bs-tooltip-left .arrow::before, .bs-tooltip-auto[x-placement^="left"] .arrow::before { left: 0; border-width: 0.4rem 0 0.4rem 0.4rem; border-left-color: #000; }
.tooltip-inner { max-width: 200px; padding: 0.25rem 0.5rem; color: #fff; text-align: center; background-color: #000; border-radius: 0.1875rem; }
.popover { position: absolute; top: 0; left: 0; z-index: 1060; display: block; max-width: 276px; font-family: Calibre, 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: 0.875rem; word-wrap: break-word; background-color: #fff; background-clip: padding-box; border: 1px solid rgba(0, 0, 0, 0.2); border-radius: 1rem; } .popover .arrow { position: absolute; display: block; width: 1rem; height: 0.5rem; margin: 0 1rem; } .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: 0.5rem; } .bs-popover-top > .arrow, .bs-popover-auto[x-placement^="top"] > .arrow { bottom: calc((0.5rem + 1px) * -1); } .bs-popover-top > .arrow::before, .bs-popover-auto[x-placement^="top"] > .arrow::before { bottom: 0; border-width: 0.5rem 0.5rem 0; border-top-color: rgba(0, 0, 0, 0.25); } .bs-popover-top > .arrow::after, .bs-popover-auto[x-placement^="top"] > .arrow::after { bottom: 1px; border-width: 0.5rem 0.5rem 0; border-top-color: #fff; }
.bs-popover-right, .bs-popover-auto[x-placement^="right"] { margin-left: 0.5rem; } .bs-popover-right > .arrow, .bs-popover-auto[x-placement^="right"] > .arrow { left: calc((0.5rem + 1px) * -1); width: 0.5rem; height: 1rem; margin: 1rem 0; } .bs-popover-right > .arrow::before, .bs-popover-auto[x-placement^="right"] > .arrow::before { left: 0; border-width: 0.5rem 0.5rem 0.5rem 0; border-right-color: rgba(0, 0, 0, 0.25); } .bs-popover-right > .arrow::after, .bs-popover-auto[x-placement^="right"] > .arrow::after { left: 1px; border-width: 0.5rem 0.5rem 0.5rem 0; border-right-color: #fff; }
.bs-popover-bottom, .bs-popover-auto[x-placement^="bottom"] { margin-top: 0.5rem; } .bs-popover-bottom > .arrow, .bs-popover-auto[x-placement^="bottom"] > .arrow { top: calc((0.5rem + 1px) * -1); } .bs-popover-bottom > .arrow::before, .bs-popover-auto[x-placement^="bottom"] > .arrow::before { top: 0; border-width: 0 0.5rem 0.5rem 0.5rem; border-bottom-color: rgba(0, 0, 0, 0.25); } .bs-popover-bottom > .arrow::after, .bs-popover-auto[x-placement^="bottom"] > .arrow::after { top: 1px; border-width: 0 0.5rem 0.5rem 0.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: -0.5rem; content: ""; border-bottom: 1px solid #f7f7f7; }
.bs-popover-left, .bs-popover-auto[x-placement^="left"] { margin-right: 0.5rem; } .bs-popover-left > .arrow, .bs-popover-auto[x-placement^="left"] > .arrow { right: calc((0.5rem + 1px) * -1); width: 0.5rem; height: 1rem; margin: 1rem 0; } .bs-popover-left > .arrow::before, .bs-popover-auto[x-placement^="left"] > .arrow::before { right: 0; border-width: 0.5rem 0 0.5rem 0.5rem; border-left-color: rgba(0, 0, 0, 0.25); } .bs-popover-left > .arrow::after, .bs-popover-auto[x-placement^="left"] > .arrow::after { right: 1px; border-width: 0.5rem 0 0.5rem 0.5rem; border-left-color: #fff; }
.popover-header { padding: 0.5rem 0.75rem; margin-bottom: 0; font-size: 1rem; background-color: #f7f7f7; border-bottom: 1px solid #ebebeb; border-top-left-radius: calc(1rem - 1px); border-top-right-radius: calc(1rem - 1px); } .popover-header:empty { display: none; }
.popover-body { padding: 0.5rem 0.75rem; color: #000; }
.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 0.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: translateX(100%); }
.carousel-item-prev:not(.carousel-item-right),
.active.carousel-item-left { transform: translateX(-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: 0s 0.6s opacity; } @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%; color: #fff; text-align: center; opacity: 0.5; transition: opacity 0.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: 0.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: no-repeat 50% / 100% 100%; }
.carousel-control-prev-icon { background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' fill='%23fff' viewBox='0 0 8 8'%3e%3cpath d='M5.25 0l-4 4 4 4 1.5-1.5-2.5-2.5 2.5-2.5-1.5-1.5z'/%3e%3c/svg%3e"); }
.carousel-control-next-icon { background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' fill='%23fff' viewBox='0 0 8 8'%3e%3cpath d='M2.75 0l-1.5 1.5 2.5 2.5-2.5 2.5 1.5 1.5 4-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 0.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: text-bottom; border: 0.25em solid currentColor; border-right-color: transparent; border-radius: 50%; -webkit-animation: spinner-border .75s linear infinite; animation: spinner-border .75s linear infinite; }
.spinner-border-sm { width: 1rem; height: 1rem; border-width: 0.2em; }
@keyframes spinner-grow { 0% { transform: scale(0); } 50% { opacity: 1; } }
.spinner-grow { display: inline-block; width: 2rem; height: 2rem; vertical-align: text-bottom; background-color: currentColor; border-radius: 50%; opacity: 0; -webkit-animation: spinner-grow .75s linear infinite; animation: spinner-grow .75s linear infinite; }
.spinner-grow-sm { width: 1rem; height: 1rem; }
.align-baseline { vertical-align: baseline !important; }
.align-top { vertical-align: top !important; }
.align-middle { vertical-align: middle !important; }
.align-bottom { vertical-align: bottom !important; }
.align-text-bottom { vertical-align: text-bottom !important; }
.align-text-top { vertical-align: text-top !important; }
.bg-primary { background-color: #00302d !important; }
a.bg-primary:hover, a.bg-primary:focus,
button.bg-primary:hover,
button.bg-primary:focus { background-color: black !important; }
.bg-secondary { background-color: #e0ff90 !important; }
a.bg-secondary:hover, a.bg-secondary:focus,
button.bg-secondary:hover,
button.bg-secondary:focus { background-color: #d2ff5d !important; }
.bg-success { background-color: #5fe0b7 !important; }
a.bg-success:hover, a.bg-success:focus,
button.bg-success:hover,
button.bg-success:focus { background-color: #34d8a4 !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: #ff6720 !important; }
a.bg-danger:hover, a.bg-danger:focus,
button.bg-danger:hover,
button.bg-danger:focus { background-color: #ec4b00 !important; }
.bg-light { background-color: #efece8 !important; }
a.bg-light:hover, a.bg-light:focus,
button.bg-light:hover,
button.bg-light:focus { background-color: #dad3ca !important; }
.bg-dark { background-color: #00302d !important; }
a.bg-dark:hover, a.bg-dark:focus,
button.bg-dark:hover,
button.bg-dark:focus { background-color: black !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: #00302d !important; }
.border-secondary { border-color: #e0ff90 !important; }
.border-success { border-color: #5fe0b7 !important; }
.border-info { border-color: #17a2b8 !important; }
.border-warning { border-color: #ffc107 !important; }
.border-danger { border-color: #ff6720 !important; }
.border-light { border-color: #efece8 !important; }
.border-dark { border-color: #00302d !important; }
.border-white { border-color: #fff !important; }
.rounded-sm { border-radius: 0.1875rem !important; }
.rounded { border-radius: 0.1875rem !important; }
.rounded-top { border-top-left-radius: 0.1875rem !important; border-top-right-radius: 0.1875rem !important; }
.rounded-right { border-top-right-radius: 0.1875rem !important; border-bottom-right-radius: 0.1875rem !important; }
.rounded-bottom { border-bottom-right-radius: 0.1875rem !important; border-bottom-left-radius: 0.1875rem !important; }
.rounded-left { border-top-left-radius: 0.1875rem !important; border-bottom-left-radius: 0.1875rem !important; }
.rounded-lg { border-radius: 1rem !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: 375px) { .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: 1024px) { .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: 1440px) { .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 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.85714%; }
.embed-responsive-16by9::before { padding-top: 56.25%; }
.embed-responsive-4by3::before { padding-top: 75%; }
.embed-responsive-1by1::before { padding-top: 100%; }
.embed-responsive-21by9::before { padding-top: 42.85714%; }
.embed-responsive-16by9::before { padding-top: 56.25%; }
.embed-responsive-4by3::before { padding-top: 75%; }
.embed-responsive-1by1::before { padding-top: 100%; }
.embed-responsive-21by9::before { padding-top: 42.85714%; }
.embed-responsive-16by9::before { padding-top: 56.25%; }
.embed-responsive-4by3::before { padding-top: 75%; }
.embed-responsive-1by1::before { padding-top: 100%; }
.embed-responsive-21by9::before { padding-top: 42.85714%; }
.embed-responsive-16by9::before { padding-top: 56.25%; }
.embed-responsive-4by3::before { padding-top: 75%; }
.embed-responsive-1by1::before { padding-top: 100%; }
.flex-row { flex-direction: row !important; }
.flex-column { flex-direction: column !important; }
.flex-row-reverse { flex-direction: row-reverse !important; }
.flex-column-reverse { flex-direction: column-reverse !important; }
.flex-wrap { flex-wrap: wrap !important; }
.flex-nowrap { flex-wrap: nowrap !important; }
.flex-wrap-reverse { flex-wrap: wrap-reverse !important; }
.flex-fill { flex: 1 1 auto !important; }
.flex-grow-0 { flex-grow: 0 !important; }
.flex-grow-1 { flex-grow: 1 !important; }
.flex-shrink-0 { flex-shrink: 0 !important; }
.flex-shrink-1 { flex-shrink: 1 !important; }
.justify-content-start { justify-content: flex-start !important; }
.justify-content-end { justify-content: flex-end !important; }
.justify-content-center { justify-content: center !important; }
.justify-content-between { justify-content: space-between !important; }
.justify-content-around { justify-content: space-around !important; }
.align-items-start { align-items: flex-start !important; }
.align-items-end { align-items: flex-end !important; }
.align-items-center { align-items: center !important; }
.align-items-baseline { align-items: baseline !important; }
.align-items-stretch { align-items: stretch !important; }
.align-content-start { align-content: flex-start !important; }
.align-content-end { align-content: flex-end !important; }
.align-content-center { align-content: center !important; }
.align-content-between { align-content: space-between !important; }
.align-content-around { align-content: space-around !important; }
.align-content-stretch { align-content: stretch !important; }
.align-self-auto { align-self: auto !important; }
.align-self-start { align-self: flex-start !important; }
.align-self-end { align-self: flex-end !important; }
.align-self-center { align-self: center !important; }
.align-self-baseline { align-self: baseline !important; }
.align-self-stretch { align-self: stretch !important; }
@media (min-width: 375px) { .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: 1024px) { .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: 1440px) { .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; } }
.float-left { float: left !important; }
.float-right { float: right !important; }
.float-none { float: none !important; }
@media (min-width: 375px) { .float-sm-left { float: left !important; } .float-sm-right { float: right !important; } .float-sm-none { float: none !important; } }
@media (min-width: 1024px) { .float-md-left { float: left !important; } .float-md-right { float: right !important; } .float-md-none { float: none !important; } }
@media (min-width: 1440px) { .float-lg-left { float: left !important; } .float-lg-right { float: right !important; } .float-lg-none { float: none !important; } }
.overflow-auto { overflow: auto !important; }
.overflow-hidden { overflow: hidden !important; }
.position-static { position: static !important; }
.position-relative { position: relative !important; }
.position-absolute { position: absolute !important; }
.position-fixed { position: fixed !important; }
.position-sticky { position: -webkit-sticky !important; position: sticky !important; }
.fixed-top { position: fixed; top: 0; right: 0; left: 0; z-index: 1030; }
.fixed-bottom { position: fixed; right: 0; bottom: 0; left: 0; z-index: 1030; }
@supports ((position: -webkit-sticky) or (position: sticky)) { .sticky-top { position: -webkit-sticky; position: sticky; top: 0; z-index: 1020; } }
.sr-only { position: absolute; width: 1px; height: 1px; padding: 0; 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 0.125rem 0.25rem rgba(0, 0, 0, 0.075) !important; }
.shadow { box-shadow: 0 0.5rem 1rem rgba(0, 0, 0, 0.15) !important; }
.shadow-lg { box-shadow: 0 1rem 3rem rgba(0, 0, 0, 0.175) !important; }
.shadow-none { box-shadow: none !important; }
.w-25 { width: 25% !important; }
.w-50 { width: 50% !important; }
.w-75 { width: 75% !important; }
.w-100 { width: 100% !important; }
.w-auto { width: auto !important; }
.h-25 { height: 25% !important; }
.h-50 { height: 50% !important; }
.h-75 { height: 75% !important; }
.h-100 { height: 100% !important; }
.h-auto { height: auto !important; }
.mw-100 { max-width: 100% !important; }
.mh-100 { max-height: 100% !important; }
.min-vw-100 { min-width: 100vw !important; }
.min-vh-100 { min-height: 100vh !important; }
.vw-100 { width: 100vw !important; }
.vh-100 { height: 100vh !important; }
.stretched-link::after { position: absolute; top: 0; right: 0; bottom: 0; left: 0; z-index: 1; pointer-events: auto; content: ""; background-color: rgba(0, 0, 0, 0); }
.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: 0.25rem !important; }
.mt-1,
.my-1 { margin-top: 0.25rem !important; }
.mr-1,
.mx-1 { margin-right: 0.25rem !important; }
.mb-1,
.my-1 { margin-bottom: 0.25rem !important; }
.ml-1,
.mx-1 { margin-left: 0.25rem !important; }
.m-2 { margin: 0.5rem !important; }
.mt-2,
.my-2 { margin-top: 0.5rem !important; }
.mr-2,
.mx-2 { margin-right: 0.5rem !important; }
.mb-2,
.my-2 { margin-bottom: 0.5rem !important; }
.ml-2,
.mx-2 { margin-left: 0.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: 0.25rem !important; }
.pt-1,
.py-1 { padding-top: 0.25rem !important; }
.pr-1,
.px-1 { padding-right: 0.25rem !important; }
.pb-1,
.py-1 { padding-bottom: 0.25rem !important; }
.pl-1,
.px-1 { padding-left: 0.25rem !important; }
.p-2 { padding: 0.5rem !important; }
.pt-2,
.py-2 { padding-top: 0.5rem !important; }
.pr-2,
.px-2 { padding-right: 0.5rem !important; }
.pb-2,
.py-2 { padding-bottom: 0.5rem !important; }
.pl-2,
.px-2 { padding-left: 0.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: -0.25rem !important; }
.mt-n1,
.my-n1 { margin-top: -0.25rem !important; }
.mr-n1,
.mx-n1 { margin-right: -0.25rem !important; }
.mb-n1,
.my-n1 { margin-bottom: -0.25rem !important; }
.ml-n1,
.mx-n1 { margin-left: -0.25rem !important; }
.m-n2 { margin: -0.5rem !important; }
.mt-n2,
.my-n2 { margin-top: -0.5rem !important; }
.mr-n2,
.mx-n2 { margin-right: -0.5rem !important; }
.mb-n2,
.my-n2 { margin-bottom: -0.5rem !important; }
.ml-n2,
.mx-n2 { margin-left: -0.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: 375px) { .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: 0.25rem !important; } .mt-sm-1, .my-sm-1 { margin-top: 0.25rem !important; } .mr-sm-1, .mx-sm-1 { margin-right: 0.25rem !important; } .mb-sm-1, .my-sm-1 { margin-bottom: 0.25rem !important; } .ml-sm-1, .mx-sm-1 { margin-left: 0.25rem !important; } .m-sm-2 { margin: 0.5rem !important; } .mt-sm-2, .my-sm-2 { margin-top: 0.5rem !important; } .mr-sm-2, .mx-sm-2 { margin-right: 0.5rem !important; } .mb-sm-2, .my-sm-2 { margin-bottom: 0.5rem !important; } .ml-sm-2, .mx-sm-2 { margin-left: 0.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: 0.25rem !important; } .pt-sm-1, .py-sm-1 { padding-top: 0.25rem !important; } .pr-sm-1, .px-sm-1 { padding-right: 0.25rem !important; } .pb-sm-1, .py-sm-1 { padding-bottom: 0.25rem !important; } .pl-sm-1, .px-sm-1 { padding-left: 0.25rem !important; } .p-sm-2 { padding: 0.5rem !important; } .pt-sm-2, .py-sm-2 { padding-top: 0.5rem !important; } .pr-sm-2, .px-sm-2 { padding-right: 0.5rem !important; } .pb-sm-2, .py-sm-2 { padding-bottom: 0.5rem !important; } .pl-sm-2, .px-sm-2 { padding-left: 0.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: -0.25rem !important; } .mt-sm-n1, .my-sm-n1 { margin-top: -0.25rem !important; } .mr-sm-n1, .mx-sm-n1 { margin-right: -0.25rem !important; } .mb-sm-n1, .my-sm-n1 { margin-bottom: -0.25rem !important; } .ml-sm-n1, .mx-sm-n1 { margin-left: -0.25rem !important; } .m-sm-n2 { margin: -0.5rem !important; } .mt-sm-n2, .my-sm-n2 { margin-top: -0.5rem !important; } .mr-sm-n2, .mx-sm-n2 { margin-right: -0.5rem !important; } .mb-sm-n2, .my-sm-n2 { margin-bottom: -0.5rem !important; } .ml-sm-n2, .mx-sm-n2 { margin-left: -0.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: 1024px) { .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: 0.25rem !important; } .mt-md-1, .my-md-1 { margin-top: 0.25rem !important; } .mr-md-1, .mx-md-1 { margin-right: 0.25rem !important; } .mb-md-1, .my-md-1 { margin-bottom: 0.25rem !important; } .ml-md-1, .mx-md-1 { margin-left: 0.25rem !important; } .m-md-2 { margin: 0.5rem !important; } .mt-md-2, .my-md-2 { margin-top: 0.5rem !important; } .mr-md-2, .mx-md-2 { margin-right: 0.5rem !important; } .mb-md-2, .my-md-2 { margin-bottom: 0.5rem !important; } .ml-md-2, .mx-md-2 { margin-left: 0.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: 0.25rem !important; } .pt-md-1, .py-md-1 { padding-top: 0.25rem !important; } .pr-md-1, .px-md-1 { padding-right: 0.25rem !important; } .pb-md-1, .py-md-1 { padding-bottom: 0.25rem !important; } .pl-md-1, .px-md-1 { padding-left: 0.25rem !important; } .p-md-2 { padding: 0.5rem !important; } .pt-md-2, .py-md-2 { padding-top: 0.5rem !important; } .pr-md-2, .px-md-2 { padding-right: 0.5rem !important; } .pb-md-2, .py-md-2 { padding-bottom: 0.5rem !important; } .pl-md-2, .px-md-2 { padding-left: 0.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: -0.25rem !important; } .mt-md-n1, .my-md-n1 { margin-top: -0.25rem !important; } .mr-md-n1, .mx-md-n1 { margin-right: -0.25rem !important; } .mb-md-n1, .my-md-n1 { margin-bottom: -0.25rem !important; } .ml-md-n1, .mx-md-n1 { margin-left: -0.25rem !important; } .m-md-n2 { margin: -0.5rem !important; } .mt-md-n2, .my-md-n2 { margin-top: -0.5rem !important; } .mr-md-n2, .mx-md-n2 { margin-right: -0.5rem !important; } .mb-md-n2, .my-md-n2 { margin-bottom: -0.5rem !important; } .ml-md-n2, .mx-md-n2 { margin-left: -0.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: 1440px) { .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: 0.25rem !important; } .mt-lg-1, .my-lg-1 { margin-top: 0.25rem !important; } .mr-lg-1, .mx-lg-1 { margin-right: 0.25rem !important; } .mb-lg-1, .my-lg-1 { margin-bottom: 0.25rem !important; } .ml-lg-1, .mx-lg-1 { margin-left: 0.25rem !important; } .m-lg-2 { margin: 0.5rem !important; } .mt-lg-2, .my-lg-2 { margin-top: 0.5rem !important; } .mr-lg-2, .mx-lg-2 { margin-right: 0.5rem !important; } .mb-lg-2, .my-lg-2 { margin-bottom: 0.5rem !important; } .ml-lg-2, .mx-lg-2 { margin-left: 0.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: 0.25rem !important; } .pt-lg-1, .py-lg-1 { padding-top: 0.25rem !important; } .pr-lg-1, .px-lg-1 { padding-right: 0.25rem !important; } .pb-lg-1, .py-lg-1 { padding-bottom: 0.25rem !important; } .pl-lg-1, .px-lg-1 { padding-left: 0.25rem !important; } .p-lg-2 { padding: 0.5rem !important; } .pt-lg-2, .py-lg-2 { padding-top: 0.5rem !important; } .pr-lg-2, .px-lg-2 { padding-right: 0.5rem !important; } .pb-lg-2, .py-lg-2 { padding-bottom: 0.5rem !important; } .pl-lg-2, .px-lg-2 { padding-left: 0.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: -0.25rem !important; } .mt-lg-n1, .my-lg-n1 { margin-top: -0.25rem !important; } .mr-lg-n1, .mx-lg-n1 { margin-right: -0.25rem !important; } .mb-lg-n1, .my-lg-n1 { margin-bottom: -0.25rem !important; } .ml-lg-n1, .mx-lg-n1 { margin-left: -0.25rem !important; } .m-lg-n2 { margin: -0.5rem !important; } .mt-lg-n2, .my-lg-n2 { margin-top: -0.5rem !important; } .mr-lg-n2, .mx-lg-n2 { margin-right: -0.5rem !important; } .mb-lg-n2, .my-lg-n2 { margin-bottom: -0.5rem !important; } .ml-lg-n2, .mx-lg-n2 { margin-left: -0.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; } }
.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: 375px) { .text-sm-left { text-align: left !important; } .text-sm-right { text-align: right !important; } .text-sm-center { text-align: center !important; } }
@media (min-width: 1024px) { .text-md-left { text-align: left !important; } .text-md-right { text-align: right !important; } .text-md-center { text-align: center !important; } }
@media (min-width: 1440px) { .text-lg-left { text-align: left !important; } .text-lg-right { text-align: right !important; } .text-lg-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: #00302d !important; }
a.text-primary:hover, a.text-primary:focus { color: black !important; }
.text-secondary { color: #e0ff90 !important; }
a.text-secondary:hover, a.text-secondary:focus { color: #cbff44 !important; }
.text-success { color: #5fe0b7 !important; }
a.text-success:hover, a.text-success:focus { color: #27cb97 !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: #ff6720 !important; }
a.text-danger:hover, a.text-danger:focus { color: #d34300 !important; }
.text-light { color: #efece8 !important; }
a.text-light:hover, a.text-light:focus { color: #d0c7bb !important; }
.text-dark { color: #00302d !important; }
a.text-dark:hover, a.text-dark:focus { color: black !important; }
.text-body { color: #000 !important; }
.text-muted { color: #6c757d !important; }
.text-black-50 { color: rgba(0, 0, 0, 0.5) !important; }
.text-white-50 { color: rgba(255, 255, 255, 0.5) !important; }
.text-hide { font: 0/0 a; color: transparent; text-shadow: none; background-color: transparent; border: 0; }
.text-decoration-none { text-decoration: none !important; }
.text-break { word-break: break-word !important; overflow-wrap: break-word !important; }
.text-reset { color: inherit !important; }
.visible { visibility: visible !important; }
.invisible { visibility: hidden !important; }
@media print { *, *::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; } thead { display: table-header-group; } tr, img { page-break-inside: avoid; } p, h2, h3 { orphans: 3; widows: 3; } h2, h3 { page-break-after: avoid; } @page { size: a3; } body { min-width: 1440px !important; } .container { min-width: 1440px !important; } .navbar { display: none; } .badge { border: 1px solid #000; } .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: #ccc; } .table .thead-dark th { color: inherit; border-color: #ccc; } }
.container,
.container-fluid { width: 100%; padding-right: 12px; padding-left: 12px; margin-right: auto; margin-left: auto; } @media (min-width: 375px) { .container, .container-fluid { width: 100%; padding-right: 12px; padding-left: 12px; margin-right: auto; margin-left: auto; } } @media (min-width: 1024px) { .container, .container-fluid { width: 100%; padding-right: 20px; padding-left: 20px; margin-right: auto; margin-left: auto; } } @media (min-width: 1440px) { .container, .container-fluid { width: 100%; padding-right: 24px; padding-left: 24px; margin-right: auto; margin-left: auto; } }
.row { display: flex; flex-wrap: wrap; margin-right: -12px; margin-left: -12px; margin-left: 0; margin-right: 0; } @media (min-width: 375px) { .row { display: flex; flex-wrap: wrap; margin-right: -12px; margin-left: -12px; margin-left: 0; margin-right: 0; } } @media (min-width: 1024px) { .row { display: flex; flex-wrap: wrap; margin-right: -20px; margin-left: -20px; margin-left: 0; margin-right: 0; } } @media (min-width: 1440px) { .row { display: flex; flex-wrap: wrap; margin-right: -24px; margin-left: -24px; margin-left: 0; margin-right: 0; } } .row > .col, .row > [class*='col-'] { position: relative; width: 100%; padding-right: 12px; padding-left: 12px; } @media (min-width: 375px) { .row > .col, .row > [class*='col-'] { position: relative; width: 100%; padding-right: 12px; padding-left: 12px; } } @media (min-width: 1024px) { .row > .col, .row > [class*='col-'] { position: relative; width: 100%; padding-right: 20px; padding-left: 20px; } } @media (min-width: 1440px) { .row > .col, .row > [class*='col-'] { position: relative; width: 100%; padding-right: 24px; padding-left: 24px; } }
.pull-left-xs { float: left; }
.pull-right-xs { float: right; }
@media (min-width: 375px) and (max-width: 1023.98px) { .pull-left-sm { float: left; } .pull-right-sm { float: right; } }
@media (min-width: 1024px) and (max-width: 1439.98px) { .pull-left-md { float: left; } .pull-right-md { float: right; } }
@media (min-width: 1440px) { .pull-left-lg { float: left; } .pull-right-lg { float: right; } }
@media (max-width: 374.98px) { .hidden-xs-down { display: none !important; } }
@media (max-width: 1023.98px) { .hidden-sm-down { display: none !important; } }
@media (max-width: 1439.98px) { .hidden-md-down { display: none !important; } }
.hidden-lg-down { display: none !important; }
.row.equal-height > [class^="col"] { display: flex; }
/*!
 *  Font Awesome 4.7.0 by @davegandy - http://fontawesome.io - @fontawesome
 *  License - http://fontawesome.io/license (Font: SIL OFL 1.1, CSS: MIT License)
 */
@font-face { font-family: 'FontAwesome'; src: url("../fonts/fontawesome-webfont.eot?v=4.7.0"); src: url("../fonts/fontawesome-webfont.eot?#iefix&v=4.7.0") format("embedded-opentype"), url("../fonts/fontawesome-webfont.woff2?v=4.7.0") format("woff2"), url("../fonts/fontawesome-webfont.woff?v=4.7.0") format("woff"), url("../fonts/fontawesome-webfont.ttf?v=4.7.0") format("truetype"), url("../fonts/fontawesome-webfont.svg?v=4.7.0#fontawesomeregular") format("svg"); font-weight: normal; font-style: normal; }
.fa { display: inline-block; font: normal normal normal 14px/1 FontAwesome; font-size: inherit; text-rendering: auto; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; }
.fa-lg { font-size: 1.33333em; line-height: 0.75em; vertical-align: -15%; }
.fa-2x { font-size: 2em; }
.fa-3x { font-size: 3em; }
.fa-4x { font-size: 4em; }
.fa-5x { font-size: 5em; }
.fa-fw { width: 1.28571em; text-align: center; }
.fa-ul { padding-left: 0; margin-left: 2.14286em; list-style-type: none; } .fa-ul > li { position: relative; }
.fa-li { position: absolute; left: -2.14286em; width: 2.14286em; top: 0.14286em; text-align: center; } .fa-li.fa-lg { left: -1.85714em; }
.fa-border { padding: .2em .25em .15em; border: solid 0.08em #eee; border-radius: .1em; }
.fa-pull-left { float: left; }
.fa-pull-right { float: right; }
.fa.fa-pull-left { margin-right: .3em; }
.fa.fa-pull-right { margin-left: .3em; }
.pull-right { float: right; }
.pull-left { float: left; }
.fa.pull-left { margin-right: .3em; }
.fa.pull-right { margin-left: .3em; }
.fa-spin { -webkit-animation: fa-spin 2s infinite linear; animation: fa-spin 2s infinite linear; }
.fa-pulse { -webkit-animation: fa-spin 1s infinite steps(8); animation: fa-spin 1s infinite steps(8); }
@-webkit-keyframes fa-spin { 0% { transform: rotate(0deg); } 100% { transform: rotate(359deg); } }
@keyframes fa-spin { 0% { transform: rotate(0deg); } 100% { transform: rotate(359deg); } }
.fa-rotate-90 { -ms-filter: "progid:DXImageTransform.Microsoft.BasicImage(rotation=1)"; transform: rotate(90deg); }
.fa-rotate-180 { -ms-filter: "progid:DXImageTransform.Microsoft.BasicImage(rotation=2)"; transform: rotate(180deg); }
.fa-rotate-270 { -ms-filter: "progid:DXImageTransform.Microsoft.BasicImage(rotation=3)"; transform: rotate(270deg); }
.fa-flip-horizontal { -ms-filter: "progid:DXImageTransform.Microsoft.BasicImage(rotation=0, mirror=1)"; transform: scale(-1, 1); }
.fa-flip-vertical { -ms-filter: "progid:DXImageTransform.Microsoft.BasicImage(rotation=2, mirror=1)"; transform: scale(1, -1); }
:root .fa-rotate-90,
:root .fa-rotate-180,
:root .fa-rotate-270,
:root .fa-flip-horizontal,
:root .fa-flip-vertical { -webkit-filter: none; filter: none; }
.fa-stack { position: relative; display: inline-block; width: 2em; height: 2em; line-height: 2em; vertical-align: middle; }
.fa-stack-1x, .fa-stack-2x { position: absolute; left: 0; width: 100%; text-align: center; }
.fa-stack-1x { line-height: inherit; }
.fa-stack-2x { font-size: 2em; }
.fa-inverse { color: #fff; }
.fa-glass:before { content: ""; }
.fa-music:before { content: ""; }
.fa-search:before { content: ""; }
.fa-envelope-o:before { content: ""; }
.fa-heart:before { content: ""; }
.fa-star:before { content: ""; }
.fa-star-o:before { content: ""; }
.fa-user:before { content: ""; }
.fa-film:before { content: ""; }
.fa-th-large:before { content: ""; }
.fa-th:before { content: ""; }
.fa-th-list:before { content: ""; }
.fa-check:before { content: ""; }
.fa-remove:before,
.fa-close:before,
.fa-times:before { content: ""; }
.fa-search-plus:before { content: ""; }
.fa-search-minus:before { content: ""; }
.fa-power-off:before { content: ""; }
.fa-signal:before { content: ""; }
.fa-gear:before,
.fa-cog:before { content: ""; }
.fa-trash-o:before { content: ""; }
.fa-home:before { content: ""; }
.fa-file-o:before { content: ""; }
.fa-clock-o:before { content: ""; }
.fa-road:before { content: ""; }
.fa-download:before { content: ""; }
.fa-arrow-circle-o-down:before { content: ""; }
.fa-arrow-circle-o-up:before { content: ""; }
.fa-inbox:before { content: ""; }
.fa-play-circle-o:before { content: ""; }
.fa-rotate-right:before,
.fa-repeat:before { content: ""; }
.fa-refresh:before { content: ""; }
.fa-list-alt:before { content: ""; }
.fa-lock:before { content: ""; }
.fa-flag:before { content: ""; }
.fa-headphones:before { content: ""; }
.fa-volume-off:before { content: ""; }
.fa-volume-down:before { content: ""; }
.fa-volume-up:before { content: ""; }
.fa-qrcode:before { content: ""; }
.fa-barcode:before { content: ""; }
.fa-tag:before { content: ""; }
.fa-tags:before { content: ""; }
.fa-book:before { content: ""; }
.fa-bookmark:before { content: ""; }
.fa-print:before { content: ""; }
.fa-camera:before { content: ""; }
.fa-font:before { content: ""; }
.fa-bold:before { content: ""; }
.fa-italic:before { content: ""; }
.fa-text-height:before { content: ""; }
.fa-text-width:before { content: ""; }
.fa-align-left:before { content: ""; }
.fa-align-center:before { content: ""; }
.fa-align-right:before { content: ""; }
.fa-align-justify:before { content: ""; }
.fa-list:before { content: ""; }
.fa-dedent:before,
.fa-outdent:before { content: ""; }
.fa-indent:before { content: ""; }
.fa-video-camera:before { content: ""; }
.fa-photo:before,
.fa-image:before,
.fa-picture-o:before { content: ""; }
.fa-pencil:before { content: ""; }
.fa-map-marker:before { content: ""; }
.fa-adjust:before { content: ""; }
.fa-tint:before { content: ""; }
.fa-edit:before,
.fa-pencil-square-o:before { content: ""; }
.fa-share-square-o:before { content: ""; }
.fa-check-square-o:before { content: ""; }
.fa-arrows:before { content: ""; }
.fa-step-backward:before { content: ""; }
.fa-fast-backward:before { content: ""; }
.fa-backward:before { content: ""; }
.fa-play:before { content: ""; }
.fa-pause:before { content: ""; }
.fa-stop:before { content: ""; }
.fa-forward:before { content: ""; }
.fa-fast-forward:before { content: ""; }
.fa-step-forward:before { content: ""; }
.fa-eject:before { content: ""; }
.fa-chevron-left:before { content: ""; }
.fa-chevron-right:before { content: ""; }
.fa-plus-circle:before { content: ""; }
.fa-minus-circle:before { content: ""; }
.fa-times-circle:before { content: ""; }
.fa-check-circle:before { content: ""; }
.fa-question-circle:before { content: ""; }
.fa-info-circle:before { content: ""; }
.fa-crosshairs:before { content: ""; }
.fa-times-circle-o:before { content: ""; }
.fa-check-circle-o:before { content: ""; }
.fa-ban:before { content: ""; }
.fa-arrow-left:before { content: ""; }
.fa-arrow-right:before { content: ""; }
.fa-arrow-up:before { content: ""; }
.fa-arrow-down:before { content: ""; }
.fa-mail-forward:before,
.fa-share:before { content: ""; }
.fa-expand:before { content: ""; }
.fa-compress:before { content: ""; }
.fa-plus:before { content: ""; }
.fa-minus:before { content: ""; }
.fa-asterisk:before { content: ""; }
.fa-exclamation-circle:before { content: ""; }
.fa-gift:before { content: ""; }
.fa-leaf:before { content: ""; }
.fa-fire:before { content: ""; }
.fa-eye:before { content: ""; }
.fa-eye-slash:before { content: ""; }
.fa-warning:before,
.fa-exclamation-triangle:before { content: ""; }
.fa-plane:before { content: ""; }
.fa-calendar:before { content: ""; }
.fa-random:before { content: ""; }
.fa-comment:before { content: ""; }
.fa-magnet:before { content: ""; }
.fa-chevron-up:before { content: ""; }
.fa-chevron-down:before { content: ""; }
.fa-retweet:before { content: ""; }
.fa-shopping-cart:before { content: ""; }
.fa-folder:before { content: ""; }
.fa-folder-open:before { content: ""; }
.fa-arrows-v:before { content: ""; }
.fa-arrows-h:before { content: ""; }
.fa-bar-chart-o:before,
.fa-bar-chart:before { content: ""; }
.fa-twitter-square:before { content: ""; }
.fa-facebook-square:before { content: ""; }
.fa-camera-retro:before { content: ""; }
.fa-key:before { content: ""; }
.fa-gears:before,
.fa-cogs:before { content: ""; }
.fa-comments:before { content: ""; }
.fa-thumbs-o-up:before { content: ""; }
.fa-thumbs-o-down:before { content: ""; }
.fa-star-half:before { content: ""; }
.fa-heart-o:before { content: ""; }
.fa-sign-out:before { content: ""; }
.fa-linkedin-square:before { content: ""; }
.fa-thumb-tack:before { content: ""; }
.fa-external-link:before { content: ""; }
.fa-sign-in:before { content: ""; }
.fa-trophy:before { content: ""; }
.fa-github-square:before { content: ""; }
.fa-upload:before { content: ""; }
.fa-lemon-o:before { content: ""; }
.fa-phone:before { content: ""; }
.fa-square-o:before { content: ""; }
.fa-bookmark-o:before { content: ""; }
.fa-phone-square:before { content: ""; }
.fa-twitter:before { content: ""; }
.fa-facebook-f:before,
.fa-facebook:before { content: ""; }
.fa-github:before { content: ""; }
.fa-unlock:before { content: ""; }
.fa-credit-card:before { content: ""; }
.fa-feed:before,
.fa-rss:before { content: ""; }
.fa-hdd-o:before { content: ""; }
.fa-bullhorn:before { content: ""; }
.fa-bell:before { content: ""; }
.fa-certificate:before { content: ""; }
.fa-hand-o-right:before { content: ""; }
.fa-hand-o-left:before { content: ""; }
.fa-hand-o-up:before { content: ""; }
.fa-hand-o-down:before { content: ""; }
.fa-arrow-circle-left:before { content: ""; }
.fa-arrow-circle-right:before { content: ""; }
.fa-arrow-circle-up:before { content: ""; }
.fa-arrow-circle-down:before { content: ""; }
.fa-globe:before { content: ""; }
.fa-wrench:before { content: ""; }
.fa-tasks:before { content: ""; }
.fa-filter:before { content: ""; }
.fa-briefcase:before { content: ""; }
.fa-arrows-alt:before { content: ""; }
.fa-group:before,
.fa-users:before { content: ""; }
.fa-chain:before,
.fa-link:before { content: ""; }
.fa-cloud:before { content: ""; }
.fa-flask:before { content: ""; }
.fa-cut:before,
.fa-scissors:before { content: ""; }
.fa-copy:before,
.fa-files-o:before { content: ""; }
.fa-paperclip:before { content: ""; }
.fa-save:before,
.fa-floppy-o:before { content: ""; }
.fa-square:before { content: ""; }
.fa-navicon:before,
.fa-reorder:before,
.fa-bars:before { content: ""; }
.fa-list-ul:before { content: ""; }
.fa-list-ol:before { content: ""; }
.fa-strikethrough:before { content: ""; }
.fa-underline:before { content: ""; }
.fa-table:before { content: ""; }
.fa-magic:before { content: ""; }
.fa-truck:before { content: ""; }
.fa-pinterest:before { content: ""; }
.fa-pinterest-square:before { content: ""; }
.fa-google-plus-square:before { content: ""; }
.fa-google-plus:before { content: ""; }
.fa-money:before { content: ""; }
.fa-caret-down:before { content: ""; }
.fa-caret-up:before { content: ""; }
.fa-caret-left:before { content: ""; }
.fa-caret-right:before { content: ""; }
.fa-columns:before { content: ""; }
.fa-unsorted:before,
.fa-sort:before { content: ""; }
.fa-sort-down:before,
.fa-sort-desc:before { content: ""; }
.fa-sort-up:before,
.fa-sort-asc:before { content: ""; }
.fa-envelope:before { content: ""; }
.fa-linkedin:before { content: ""; }
.fa-rotate-left:before,
.fa-undo:before { content: ""; }
.fa-legal:before,
.fa-gavel:before { content: ""; }
.fa-dashboard:before,
.fa-tachometer:before { content: ""; }
.fa-comment-o:before { content: ""; }
.fa-comments-o:before { content: ""; }
.fa-flash:before,
.fa-bolt:before { content: ""; }
.fa-sitemap:before { content: ""; }
.fa-umbrella:before { content: ""; }
.fa-paste:before,
.fa-clipboard:before { content: ""; }
.fa-lightbulb-o:before { content: ""; }
.fa-exchange:before { content: ""; }
.fa-cloud-download:before { content: ""; }
.fa-cloud-upload:before { content: ""; }
.fa-user-md:before { content: ""; }
.fa-stethoscope:before { content: ""; }
.fa-suitcase:before { content: ""; }
.fa-bell-o:before { content: ""; }
.fa-coffee:before { content: ""; }
.fa-cutlery:before { content: ""; }
.fa-file-text-o:before { content: ""; }
.fa-building-o:before { content: ""; }
.fa-hospital-o:before { content: ""; }
.fa-ambulance:before { content: ""; }
.fa-medkit:before { content: ""; }
.fa-fighter-jet:before { content: ""; }
.fa-beer:before { content: ""; }
.fa-h-square:before { content: ""; }
.fa-plus-square:before { content: ""; }
.fa-angle-double-left:before { content: ""; }
.fa-angle-double-right:before { content: ""; }
.fa-angle-double-up:before { content: ""; }
.fa-angle-double-down:before { content: ""; }
.fa-angle-left:before { content: ""; }
.fa-angle-right:before { content: ""; }
.fa-angle-up:before { content: ""; }
.fa-angle-down:before { content: ""; }
.fa-desktop:before { content: ""; }
.fa-laptop:before { content: ""; }
.fa-tablet:before { content: ""; }
.fa-mobile-phone:before,
.fa-mobile:before { content: ""; }
.fa-circle-o:before { content: ""; }
.fa-quote-left:before { content: ""; }
.fa-quote-right:before { content: ""; }
.fa-spinner:before { content: ""; }
.fa-circle:before { content: ""; }
.fa-mail-reply:before,
.fa-reply:before { content: ""; }
.fa-github-alt:before { content: ""; }
.fa-folder-o:before { content: ""; }
.fa-folder-open-o:before { content: ""; }
.fa-smile-o:before { content: ""; }
.fa-frown-o:before { content: ""; }
.fa-meh-o:before { content: ""; }
.fa-gamepad:before { content: ""; }
.fa-keyboard-o:before { content: ""; }
.fa-flag-o:before { content: ""; }
.fa-flag-checkered:before { content: ""; }
.fa-terminal:before { content: ""; }
.fa-code:before { content: ""; }
.fa-mail-reply-all:before,
.fa-reply-all:before { content: ""; }
.fa-star-half-empty:before,
.fa-star-half-full:before,
.fa-star-half-o:before { content: ""; }
.fa-location-arrow:before { content: ""; }
.fa-crop:before { content: ""; }
.fa-code-fork:before { content: ""; }
.fa-unlink:before,
.fa-chain-broken:before { content: ""; }
.fa-question:before { content: ""; }
.fa-info:before { content: ""; }
.fa-exclamation:before { content: ""; }
.fa-superscript:before { content: ""; }
.fa-subscript:before { content: ""; }
.fa-eraser:before { content: ""; }
.fa-puzzle-piece:before { content: ""; }
.fa-microphone:before { content: ""; }
.fa-microphone-slash:before { content: ""; }
.fa-shield:before { content: ""; }
.fa-calendar-o:before { content: ""; }
.fa-fire-extinguisher:before { content: ""; }
.fa-rocket:before { content: ""; }
.fa-maxcdn:before { content: ""; }
.fa-chevron-circle-left:before { content: ""; }
.fa-chevron-circle-right:before { content: ""; }
.fa-chevron-circle-up:before { content: ""; }
.fa-chevron-circle-down:before { content: ""; }
.fa-html5:before { content: ""; }
.fa-css3:before { content: ""; }
.fa-anchor:before { content: ""; }
.fa-unlock-alt:before { content: ""; }
.fa-bullseye:before { content: ""; }
.fa-ellipsis-h:before { content: ""; }
.fa-ellipsis-v:before { content: ""; }
.fa-rss-square:before { content: ""; }
.fa-play-circle:before { content: ""; }
.fa-ticket:before { content: ""; }
.fa-minus-square:before { content: ""; }
.fa-minus-square-o:before { content: ""; }
.fa-level-up:before { content: ""; }
.fa-level-down:before { content: ""; }
.fa-check-square:before { content: ""; }
.fa-pencil-square:before { content: ""; }
.fa-external-link-square:before { content: ""; }
.fa-share-square:before { content: ""; }
.fa-compass:before { content: ""; }
.fa-toggle-down:before,
.fa-caret-square-o-down:before { content: ""; }
.fa-toggle-up:before,
.fa-caret-square-o-up:before { content: ""; }
.fa-toggle-right:before,
.fa-caret-square-o-right:before { content: ""; }
.fa-euro:before,
.fa-eur:before { content: ""; }
.fa-gbp:before { content: ""; }
.fa-dollar:before,
.fa-usd:before { content: ""; }
.fa-rupee:before,
.fa-inr:before { content: ""; }
.fa-cny:before,
.fa-rmb:before,
.fa-yen:before,
.fa-jpy:before { content: ""; }
.fa-ruble:before,
.fa-rouble:before,
.fa-rub:before { content: ""; }
.fa-won:before,
.fa-krw:before { content: ""; }
.fa-bitcoin:before,
.fa-btc:before { content: ""; }
.fa-file:before { content: ""; }
.fa-file-text:before { content: ""; }
.fa-sort-alpha-asc:before { content: ""; }
.fa-sort-alpha-desc:before { content: ""; }
.fa-sort-amount-asc:before { content: ""; }
.fa-sort-amount-desc:before { content: ""; }
.fa-sort-numeric-asc:before { content: ""; }
.fa-sort-numeric-desc:before { content: ""; }
.fa-thumbs-up:before { content: ""; }
.fa-thumbs-down:before { content: ""; }
.fa-youtube-square:before { content: ""; }
.fa-youtube:before { content: ""; }
.fa-xing:before { content: ""; }
.fa-xing-square:before { content: ""; }
.fa-youtube-play:before { content: ""; }
.fa-dropbox:before { content: ""; }
.fa-stack-overflow:before { content: ""; }
.fa-instagram:before { content: ""; }
.fa-flickr:before { content: ""; }
.fa-adn:before { content: ""; }
.fa-bitbucket:before { content: ""; }
.fa-bitbucket-square:before { content: ""; }
.fa-tumblr:before { content: ""; }
.fa-tumblr-square:before { content: ""; }
.fa-long-arrow-down:before { content: ""; }
.fa-long-arrow-up:before { content: ""; }
.fa-long-arrow-left:before { content: ""; }
.fa-long-arrow-right:before { content: ""; }
.fa-apple:before { content: ""; }
.fa-windows:before { content: ""; }
.fa-android:before { content: ""; }
.fa-linux:before { content: ""; }
.fa-dribbble:before { content: ""; }
.fa-skype:before { content: ""; }
.fa-foursquare:before { content: ""; }
.fa-trello:before { content: ""; }
.fa-female:before { content: ""; }
.fa-male:before { content: ""; }
.fa-gittip:before,
.fa-gratipay:before { content: ""; }
.fa-sun-o:before { content: ""; }
.fa-moon-o:before { content: ""; }
.fa-archive:before { content: ""; }
.fa-bug:before { content: ""; }
.fa-vk:before { content: ""; }
.fa-weibo:before { content: ""; }
.fa-renren:before { content: ""; }
.fa-pagelines:before { content: ""; }
.fa-stack-exchange:before { content: ""; }
.fa-arrow-circle-o-right:before { content: ""; }
.fa-arrow-circle-o-left:before { content: ""; }
.fa-toggle-left:before,
.fa-caret-square-o-left:before { content: ""; }
.fa-dot-circle-o:before { content: ""; }
.fa-wheelchair:before { content: ""; }
.fa-vimeo-square:before { content: ""; }
.fa-turkish-lira:before,
.fa-try:before { content: ""; }
.fa-plus-square-o:before { content: ""; }
.fa-space-shuttle:before { content: ""; }
.fa-slack:before { content: ""; }
.fa-envelope-square:before { content: ""; }
.fa-wordpress:before { content: ""; }
.fa-openid:before { content: ""; }
.fa-institution:before,
.fa-bank:before,
.fa-university:before { content: ""; }
.fa-mortar-board:before,
.fa-graduation-cap:before { content: ""; }
.fa-yahoo:before { content: ""; }
.fa-google:before { content: ""; }
.fa-reddit:before { content: ""; }
.fa-reddit-square:before { content: ""; }
.fa-stumbleupon-circle:before { content: ""; }
.fa-stumbleupon:before { content: ""; }
.fa-delicious:before { content: ""; }
.fa-digg:before { content: ""; }
.fa-pied-piper-pp:before { content: ""; }
.fa-pied-piper-alt:before { content: ""; }
.fa-drupal:before { content: ""; }
.fa-joomla:before { content: ""; }
.fa-language:before { content: ""; }
.fa-fax:before { content: ""; }
.fa-building:before { content: ""; }
.fa-child:before { content: ""; }
.fa-paw:before { content: ""; }
.fa-spoon:before { content: ""; }
.fa-cube:before { content: ""; }
.fa-cubes:before { content: ""; }
.fa-behance:before { content: ""; }
.fa-behance-square:before { content: ""; }
.fa-steam:before { content: ""; }
.fa-steam-square:before { content: ""; }
.fa-recycle:before { content: ""; }
.fa-automobile:before,
.fa-car:before { content: ""; }
.fa-cab:before,
.fa-taxi:before { content: ""; }
.fa-tree:before { content: ""; }
.fa-spotify:before { content: ""; }
.fa-deviantart:before { content: ""; }
.fa-soundcloud:before { content: ""; }
.fa-database:before { content: ""; }
.fa-file-pdf-o:before { content: ""; }
.fa-file-word-o:before { content: ""; }
.fa-file-excel-o:before { content: ""; }
.fa-file-powerpoint-o:before { content: ""; }
.fa-file-photo-o:before,
.fa-file-picture-o:before,
.fa-file-image-o:before { content: ""; }
.fa-file-zip-o:before,
.fa-file-archive-o:before { content: ""; }
.fa-file-sound-o:before,
.fa-file-audio-o:before { content: ""; }
.fa-file-movie-o:before,
.fa-file-video-o:before { content: ""; }
.fa-file-code-o:before { content: ""; }
.fa-vine:before { content: ""; }
.fa-codepen:before { content: ""; }
.fa-jsfiddle:before { content: ""; }
.fa-life-bouy:before,
.fa-life-buoy:before,
.fa-life-saver:before,
.fa-support:before,
.fa-life-ring:before { content: ""; }
.fa-circle-o-notch:before { content: ""; }
.fa-ra:before,
.fa-resistance:before,
.fa-rebel:before { content: ""; }
.fa-ge:before,
.fa-empire:before { content: ""; }
.fa-git-square:before { content: ""; }
.fa-git:before { content: ""; }
.fa-y-combinator-square:before,
.fa-yc-square:before,
.fa-hacker-news:before { content: ""; }
.fa-tencent-weibo:before { content: ""; }
.fa-qq:before { content: ""; }
.fa-wechat:before,
.fa-weixin:before { content: ""; }
.fa-send:before,
.fa-paper-plane:before { content: ""; }
.fa-send-o:before,
.fa-paper-plane-o:before { content: ""; }
.fa-history:before { content: ""; }
.fa-circle-thin:before { content: ""; }
.fa-header:before { content: ""; }
.fa-paragraph:before { content: ""; }
.fa-sliders:before { content: ""; }
.fa-share-alt:before { content: ""; }
.fa-share-alt-square:before { content: ""; }
.fa-bomb:before { content: ""; }
.fa-soccer-ball-o:before,
.fa-futbol-o:before { content: ""; }
.fa-tty:before { content: ""; }
.fa-binoculars:before { content: ""; }
.fa-plug:before { content: ""; }
.fa-slideshare:before { content: ""; }
.fa-twitch:before { content: ""; }
.fa-yelp:before { content: ""; }
.fa-newspaper-o:before { content: ""; }
.fa-wifi:before { content: ""; }
.fa-calculator:before { content: ""; }
.fa-paypal:before { content: ""; }
.fa-google-wallet:before { content: ""; }
.fa-cc-visa:before { content: ""; }
.fa-cc-mastercard:before { content: ""; }
.fa-cc-discover:before { content: ""; }
.fa-cc-amex:before { content: ""; }
.fa-cc-paypal:before { content: ""; }
.fa-cc-stripe:before { content: ""; }
.fa-bell-slash:before { content: ""; }
.fa-bell-slash-o:before { content: ""; }
.fa-trash:before { content: ""; }
.fa-copyright:before { content: ""; }
.fa-at:before { content: ""; }
.fa-eyedropper:before { content: ""; }
.fa-paint-brush:before { content: ""; }
.fa-birthday-cake:before { content: ""; }
.fa-area-chart:before { content: ""; }
.fa-pie-chart:before { content: ""; }
.fa-line-chart:before { content: ""; }
.fa-lastfm:before { content: ""; }
.fa-lastfm-square:before { content: ""; }
.fa-toggle-off:before { content: ""; }
.fa-toggle-on:before { content: ""; }
.fa-bicycle:before { content: ""; }
.fa-bus:before { content: ""; }
.fa-ioxhost:before { content: ""; }
.fa-angellist:before { content: ""; }
.fa-cc:before { content: ""; }
.fa-shekel:before,
.fa-sheqel:before,
.fa-ils:before { content: ""; }
.fa-meanpath:before { content: ""; }
.fa-buysellads:before { content: ""; }
.fa-connectdevelop:before { content: ""; }
.fa-dashcube:before { content: ""; }
.fa-forumbee:before { content: ""; }
.fa-leanpub:before { content: ""; }
.fa-sellsy:before { content: ""; }
.fa-shirtsinbulk:before { content: ""; }
.fa-simplybuilt:before { content: ""; }
.fa-skyatlas:before { content: ""; }
.fa-cart-plus:before { content: ""; }
.fa-cart-arrow-down:before { content: ""; }
.fa-diamond:before { content: ""; }
.fa-ship:before { content: ""; }
.fa-user-secret:before { content: ""; }
.fa-motorcycle:before { content: ""; }
.fa-street-view:before { content: ""; }
.fa-heartbeat:before { content: ""; }
.fa-venus:before { content: ""; }
.fa-mars:before { content: ""; }
.fa-mercury:before { content: ""; }
.fa-intersex:before,
.fa-transgender:before { content: ""; }
.fa-transgender-alt:before { content: ""; }
.fa-venus-double:before { content: ""; }
.fa-mars-double:before { content: ""; }
.fa-venus-mars:before { content: ""; }
.fa-mars-stroke:before { content: ""; }
.fa-mars-stroke-v:before { content: ""; }
.fa-mars-stroke-h:before { content: ""; }
.fa-neuter:before { content: ""; }
.fa-genderless:before { content: ""; }
.fa-facebook-official:before { content: ""; }
.fa-pinterest-p:before { content: ""; }
.fa-whatsapp:before { content: ""; }
.fa-server:before { content: ""; }
.fa-user-plus:before { content: ""; }
.fa-user-times:before { content: ""; }
.fa-hotel:before,
.fa-bed:before { content: ""; }
.fa-viacoin:before { content: ""; }
.fa-train:before { content: ""; }
.fa-subway:before { content: ""; }
.fa-medium:before { content: ""; }
.fa-yc:before,
.fa-y-combinator:before { content: ""; }
.fa-optin-monster:before { content: ""; }
.fa-opencart:before { content: ""; }
.fa-expeditedssl:before { content: ""; }
.fa-battery-4:before,
.fa-battery:before,
.fa-battery-full:before { content: ""; }
.fa-battery-3:before,
.fa-battery-three-quarters:before { content: ""; }
.fa-battery-2:before,
.fa-battery-half:before { content: ""; }
.fa-battery-1:before,
.fa-battery-quarter:before { content: ""; }
.fa-battery-0:before,
.fa-battery-empty:before { content: ""; }
.fa-mouse-pointer:before { content: ""; }
.fa-i-cursor:before { content: ""; }
.fa-object-group:before { content: ""; }
.fa-object-ungroup:before { content: ""; }
.fa-sticky-note:before { content: ""; }
.fa-sticky-note-o:before { content: ""; }
.fa-cc-jcb:before { content: ""; }
.fa-cc-diners-club:before { content: ""; }
.fa-clone:before { content: ""; }
.fa-balance-scale:before { content: ""; }
.fa-hourglass-o:before { content: ""; }
.fa-hourglass-1:before,
.fa-hourglass-start:before { content: ""; }
.fa-hourglass-2:before,
.fa-hourglass-half:before { content: ""; }
.fa-hourglass-3:before,
.fa-hourglass-end:before { content: ""; }
.fa-hourglass:before { content: ""; }
.fa-hand-grab-o:before,
.fa-hand-rock-o:before { content: ""; }
.fa-hand-stop-o:before,
.fa-hand-paper-o:before { content: ""; }
.fa-hand-scissors-o:before { content: ""; }
.fa-hand-lizard-o:before { content: ""; }
.fa-hand-spock-o:before { content: ""; }
.fa-hand-pointer-o:before { content: ""; }
.fa-hand-peace-o:before { content: ""; }
.fa-trademark:before { content: ""; }
.fa-registered:before { content: ""; }
.fa-creative-commons:before { content: ""; }
.fa-gg:before { content: ""; }
.fa-gg-circle:before { content: ""; }
.fa-tripadvisor:before { content: ""; }
.fa-odnoklassniki:before { content: ""; }
.fa-odnoklassniki-square:before { content: ""; }
.fa-get-pocket:before { content: ""; }
.fa-wikipedia-w:before { content: ""; }
.fa-safari:before { content: ""; }
.fa-chrome:before { content: ""; }
.fa-firefox:before { content: ""; }
.fa-opera:before { content: ""; }
.fa-internet-explorer:before { content: ""; }
.fa-tv:before,
.fa-television:before { content: ""; }
.fa-contao:before { content: ""; }
.fa-500px:before { content: ""; }
.fa-amazon:before { content: ""; }
.fa-calendar-plus-o:before { content: ""; }
.fa-calendar-minus-o:before { content: ""; }
.fa-calendar-times-o:before { content: ""; }
.fa-calendar-check-o:before { content: ""; }
.fa-industry:before { content: ""; }
.fa-map-pin:before { content: ""; }
.fa-map-signs:before { content: ""; }
.fa-map-o:before { content: ""; }
.fa-map:before { content: ""; }
.fa-commenting:before { content: ""; }
.fa-commenting-o:before { content: ""; }
.fa-houzz:before { content: ""; }
.fa-vimeo:before { content: ""; }
.fa-black-tie:before { content: ""; }
.fa-fonticons:before { content: ""; }
.fa-reddit-alien:before { content: ""; }
.fa-edge:before { content: ""; }
.fa-credit-card-alt:before { content: ""; }
.fa-codiepie:before { content: ""; }
.fa-modx:before { content: ""; }
.fa-fort-awesome:before { content: ""; }
.fa-usb:before { content: ""; }
.fa-product-hunt:before { content: ""; }
.fa-mixcloud:before { content: ""; }
.fa-scribd:before { content: ""; }
.fa-pause-circle:before { content: ""; }
.fa-pause-circle-o:before { content: ""; }
.fa-stop-circle:before { content: ""; }
.fa-stop-circle-o:before { content: ""; }
.fa-shopping-bag:before { content: ""; }
.fa-shopping-basket:before { content: ""; }
.fa-hashtag:before { content: ""; }
.fa-bluetooth:before { content: ""; }
.fa-bluetooth-b:before { content: ""; }
.fa-percent:before { content: ""; }
.fa-gitlab:before { content: ""; }
.fa-wpbeginner:before { content: ""; }
.fa-wpforms:before { content: ""; }
.fa-envira:before { content: ""; }
.fa-universal-access:before { content: ""; }
.fa-wheelchair-alt:before { content: ""; }
.fa-question-circle-o:before { content: ""; }
.fa-blind:before { content: ""; }
.fa-audio-description:before { content: ""; }
.fa-volume-control-phone:before { content: ""; }
.fa-braille:before { content: ""; }
.fa-assistive-listening-systems:before { content: ""; }
.fa-asl-interpreting:before,
.fa-american-sign-language-interpreting:before { content: ""; }
.fa-deafness:before,
.fa-hard-of-hearing:before,
.fa-deaf:before { content: ""; }
.fa-glide:before { content: ""; }
.fa-glide-g:before { content: ""; }
.fa-signing:before,
.fa-sign-language:before { content: ""; }
.fa-low-vision:before { content: ""; }
.fa-viadeo:before { content: ""; }
.fa-viadeo-square:before { content: ""; }
.fa-snapchat:before { content: ""; }
.fa-snapchat-ghost:before { content: ""; }
.fa-snapchat-square:before { content: ""; }
.fa-pied-piper:before { content: ""; }
.fa-first-order:before { content: ""; }
.fa-yoast:before { content: ""; }
.fa-themeisle:before { content: ""; }
.fa-google-plus-circle:before,
.fa-google-plus-official:before { content: ""; }
.fa-fa:before,
.fa-font-awesome:before { content: ""; }
.fa-handshake-o:before { content: ""; }
.fa-envelope-open:before { content: ""; }
.fa-envelope-open-o:before { content: ""; }
.fa-linode:before { content: ""; }
.fa-address-book:before { content: ""; }
.fa-address-book-o:before { content: ""; }
.fa-vcard:before,
.fa-address-card:before { content: ""; }
.fa-vcard-o:before,
.fa-address-card-o:before { content: ""; }
.fa-user-circle:before { content: ""; }
.fa-user-circle-o:before { content: ""; }
.fa-user-o:before { content: ""; }
.fa-id-badge:before { content: ""; }
.fa-drivers-license:before,
.fa-id-card:before { content: ""; }
.fa-drivers-license-o:before,
.fa-id-card-o:before { content: ""; }
.fa-quora:before { content: ""; }
.fa-free-code-camp:before { content: ""; }
.fa-telegram:before { content: ""; }
.fa-thermometer-4:before,
.fa-thermometer:before,
.fa-thermometer-full:before { content: ""; }
.fa-thermometer-3:before,
.fa-thermometer-three-quarters:before { content: ""; }
.fa-thermometer-2:before,
.fa-thermometer-half:before { content: ""; }
.fa-thermometer-1:before,
.fa-thermometer-quarter:before { content: ""; }
.fa-thermometer-0:before,
.fa-thermometer-empty:before { content: ""; }
.fa-shower:before { content: ""; }
.fa-bathtub:before,
.fa-s15:before,
.fa-bath:before { content: ""; }
.fa-podcast:before { content: ""; }
.fa-window-maximize:before { content: ""; }
.fa-window-minimize:before { content: ""; }
.fa-window-restore:before { content: ""; }
.fa-times-rectangle:before,
.fa-window-close:before { content: ""; }
.fa-times-rectangle-o:before,
.fa-window-close-o:before { content: ""; }
.fa-bandcamp:before { content: ""; }
.fa-grav:before { content: ""; }
.fa-etsy:before { content: ""; }
.fa-imdb:before { content: ""; }
.fa-ravelry:before { content: ""; }
.fa-eercast:before { content: ""; }
.fa-microchip:before { content: ""; }
.fa-snowflake-o:before { content: ""; }
.fa-superpowers:before { content: ""; }
.fa-wpexplorer:before { content: ""; }
.fa-meetup:before { content: ""; }
.sr-only { position: absolute; width: 1px; height: 1px; padding: 0; margin: -1px; overflow: hidden; clip: rect(0, 0, 0, 0); border: 0; }
.sr-only-focusable:active, .sr-only-focusable:focus { position: static; width: auto; height: auto; margin: 0; overflow: visible; clip: auto; }
.flag-icon-background, .flag-icon { background-size: contain; background-position: 50%; background-repeat: no-repeat; }
.flag-icon { position: relative; display: inline-block; width: 1.33333em; line-height: 1em; } .flag-icon:before { content: '\00a0'; } .flag-icon.flag-icon-squared { width: 1em; }
.flag-icon-ad { background-image: url(../fonts/flags//4x3/ad.svg); } .flag-icon-ad.flag-icon-squared { background-image: url(../fonts/flags//1x1/ad.svg); }
.flag-icon-ae { background-image: url(../fonts/flags//4x3/ae.svg); } .flag-icon-ae.flag-icon-squared { background-image: url(../fonts/flags//1x1/ae.svg); }
.flag-icon-af { background-image: url(../fonts/flags//4x3/af.svg); } .flag-icon-af.flag-icon-squared { background-image: url(../fonts/flags//1x1/af.svg); }
.flag-icon-ag { background-image: url(../fonts/flags//4x3/ag.svg); } .flag-icon-ag.flag-icon-squared { background-image: url(../fonts/flags//1x1/ag.svg); }
.flag-icon-ai { background-image: url(../fonts/flags//4x3/ai.svg); } .flag-icon-ai.flag-icon-squared { background-image: url(../fonts/flags//1x1/ai.svg); }
.flag-icon-al { background-image: url(../fonts/flags//4x3/al.svg); } .flag-icon-al.flag-icon-squared { background-image: url(../fonts/flags//1x1/al.svg); }
.flag-icon-am { background-image: url(../fonts/flags//4x3/am.svg); } .flag-icon-am.flag-icon-squared { background-image: url(../fonts/flags//1x1/am.svg); }
.flag-icon-ao { background-image: url(../fonts/flags//4x3/ao.svg); } .flag-icon-ao.flag-icon-squared { background-image: url(../fonts/flags//1x1/ao.svg); }
.flag-icon-aq { background-image: url(../fonts/flags//4x3/aq.svg); } .flag-icon-aq.flag-icon-squared { background-image: url(../fonts/flags//1x1/aq.svg); }
.flag-icon-ar { background-image: url(../fonts/flags//4x3/ar.svg); } .flag-icon-ar.flag-icon-squared { background-image: url(../fonts/flags//1x1/ar.svg); }
.flag-icon-as { background-image: url(../fonts/flags//4x3/as.svg); } .flag-icon-as.flag-icon-squared { background-image: url(../fonts/flags//1x1/as.svg); }
.flag-icon-at { background-image: url(../fonts/flags//4x3/at.svg); } .flag-icon-at.flag-icon-squared { background-image: url(../fonts/flags//1x1/at.svg); }
.flag-icon-au { background-image: url(../fonts/flags//4x3/au.svg); } .flag-icon-au.flag-icon-squared { background-image: url(../fonts/flags//1x1/au.svg); }
.flag-icon-aw { background-image: url(../fonts/flags//4x3/aw.svg); } .flag-icon-aw.flag-icon-squared { background-image: url(../fonts/flags//1x1/aw.svg); }
.flag-icon-ax { background-image: url(../fonts/flags//4x3/ax.svg); } .flag-icon-ax.flag-icon-squared { background-image: url(../fonts/flags//1x1/ax.svg); }
.flag-icon-az { background-image: url(../fonts/flags//4x3/az.svg); } .flag-icon-az.flag-icon-squared { background-image: url(../fonts/flags//1x1/az.svg); }
.flag-icon-ba { background-image: url(../fonts/flags//4x3/ba.svg); } .flag-icon-ba.flag-icon-squared { background-image: url(../fonts/flags//1x1/ba.svg); }
.flag-icon-bb { background-image: url(../fonts/flags//4x3/bb.svg); } .flag-icon-bb.flag-icon-squared { background-image: url(../fonts/flags//1x1/bb.svg); }
.flag-icon-bd { background-image: url(../fonts/flags//4x3/bd.svg); } .flag-icon-bd.flag-icon-squared { background-image: url(../fonts/flags//1x1/bd.svg); }
.flag-icon-be { background-image: url(../fonts/flags//4x3/be.svg); } .flag-icon-be.flag-icon-squared { background-image: url(../fonts/flags//1x1/be.svg); }
.flag-icon-bf { background-image: url(../fonts/flags//4x3/bf.svg); } .flag-icon-bf.flag-icon-squared { background-image: url(../fonts/flags//1x1/bf.svg); }
.flag-icon-bg { background-image: url(../fonts/flags//4x3/bg.svg); } .flag-icon-bg.flag-icon-squared { background-image: url(../fonts/flags//1x1/bg.svg); }
.flag-icon-bh { background-image: url(../fonts/flags//4x3/bh.svg); } .flag-icon-bh.flag-icon-squared { background-image: url(../fonts/flags//1x1/bh.svg); }
.flag-icon-bi { background-image: url(../fonts/flags//4x3/bi.svg); } .flag-icon-bi.flag-icon-squared { background-image: url(../fonts/flags//1x1/bi.svg); }
.flag-icon-bj { background-image: url(../fonts/flags//4x3/bj.svg); } .flag-icon-bj.flag-icon-squared { background-image: url(../fonts/flags//1x1/bj.svg); }
.flag-icon-bl { background-image: url(../fonts/flags//4x3/bl.svg); } .flag-icon-bl.flag-icon-squared { background-image: url(../fonts/flags//1x1/bl.svg); }
.flag-icon-bm { background-image: url(../fonts/flags//4x3/bm.svg); } .flag-icon-bm.flag-icon-squared { background-image: url(../fonts/flags//1x1/bm.svg); }
.flag-icon-bn { background-image: url(../fonts/flags//4x3/bn.svg); } .flag-icon-bn.flag-icon-squared { background-image: url(../fonts/flags//1x1/bn.svg); }
.flag-icon-bo { background-image: url(../fonts/flags//4x3/bo.svg); } .flag-icon-bo.flag-icon-squared { background-image: url(../fonts/flags//1x1/bo.svg); }
.flag-icon-bq { background-image: url(../fonts/flags//4x3/bq.svg); } .flag-icon-bq.flag-icon-squared { background-image: url(../fonts/flags//1x1/bq.svg); }
.flag-icon-br { background-image: url(../fonts/flags//4x3/br.svg); } .flag-icon-br.flag-icon-squared { background-image: url(../fonts/flags//1x1/br.svg); }
.flag-icon-bs { background-image: url(../fonts/flags//4x3/bs.svg); } .flag-icon-bs.flag-icon-squared { background-image: url(../fonts/flags//1x1/bs.svg); }
.flag-icon-bt { background-image: url(../fonts/flags//4x3/bt.svg); } .flag-icon-bt.flag-icon-squared { background-image: url(../fonts/flags//1x1/bt.svg); }
.flag-icon-bv { background-image: url(../fonts/flags//4x3/bv.svg); } .flag-icon-bv.flag-icon-squared { background-image: url(../fonts/flags//1x1/bv.svg); }
.flag-icon-bw { background-image: url(../fonts/flags//4x3/bw.svg); } .flag-icon-bw.flag-icon-squared { background-image: url(../fonts/flags//1x1/bw.svg); }
.flag-icon-by { background-image: url(../fonts/flags//4x3/by.svg); } .flag-icon-by.flag-icon-squared { background-image: url(../fonts/flags//1x1/by.svg); }
.flag-icon-bz { background-image: url(../fonts/flags//4x3/bz.svg); } .flag-icon-bz.flag-icon-squared { background-image: url(../fonts/flags//1x1/bz.svg); }
.flag-icon-ca { background-image: url(../fonts/flags//4x3/ca.svg); } .flag-icon-ca.flag-icon-squared { background-image: url(../fonts/flags//1x1/ca.svg); }
.flag-icon-cc { background-image: url(../fonts/flags//4x3/cc.svg); } .flag-icon-cc.flag-icon-squared { background-image: url(../fonts/flags//1x1/cc.svg); }
.flag-icon-cd { background-image: url(../fonts/flags//4x3/cd.svg); } .flag-icon-cd.flag-icon-squared { background-image: url(../fonts/flags//1x1/cd.svg); }
.flag-icon-cf { background-image: url(../fonts/flags//4x3/cf.svg); } .flag-icon-cf.flag-icon-squared { background-image: url(../fonts/flags//1x1/cf.svg); }
.flag-icon-cg { background-image: url(../fonts/flags//4x3/cg.svg); } .flag-icon-cg.flag-icon-squared { background-image: url(../fonts/flags//1x1/cg.svg); }
.flag-icon-ch { background-image: url(../fonts/flags//4x3/ch.svg); } .flag-icon-ch.flag-icon-squared { background-image: url(../fonts/flags//1x1/ch.svg); }
.flag-icon-ci { background-image: url(../fonts/flags//4x3/ci.svg); } .flag-icon-ci.flag-icon-squared { background-image: url(../fonts/flags//1x1/ci.svg); }
.flag-icon-ck { background-image: url(../fonts/flags//4x3/ck.svg); } .flag-icon-ck.flag-icon-squared { background-image: url(../fonts/flags//1x1/ck.svg); }
.flag-icon-cl { background-image: url(../fonts/flags//4x3/cl.svg); } .flag-icon-cl.flag-icon-squared { background-image: url(../fonts/flags//1x1/cl.svg); }
.flag-icon-cm { background-image: url(../fonts/flags//4x3/cm.svg); } .flag-icon-cm.flag-icon-squared { background-image: url(../fonts/flags//1x1/cm.svg); }
.flag-icon-cn { background-image: url(../fonts/flags//4x3/cn.svg); } .flag-icon-cn.flag-icon-squared { background-image: url(../fonts/flags//1x1/cn.svg); }
.flag-icon-co { background-image: url(../fonts/flags//4x3/co.svg); } .flag-icon-co.flag-icon-squared { background-image: url(../fonts/flags//1x1/co.svg); }
.flag-icon-cr { background-image: url(../fonts/flags//4x3/cr.svg); } .flag-icon-cr.flag-icon-squared { background-image: url(../fonts/flags//1x1/cr.svg); }
.flag-icon-cu { background-image: url(../fonts/flags//4x3/cu.svg); } .flag-icon-cu.flag-icon-squared { background-image: url(../fonts/flags//1x1/cu.svg); }
.flag-icon-cv { background-image: url(../fonts/flags//4x3/cv.svg); } .flag-icon-cv.flag-icon-squared { background-image: url(../fonts/flags//1x1/cv.svg); }
.flag-icon-cw { background-image: url(../fonts/flags//4x3/cw.svg); } .flag-icon-cw.flag-icon-squared { background-image: url(../fonts/flags//1x1/cw.svg); }
.flag-icon-cx { background-image: url(../fonts/flags//4x3/cx.svg); } .flag-icon-cx.flag-icon-squared { background-image: url(../fonts/flags//1x1/cx.svg); }
.flag-icon-cy { background-image: url(../fonts/flags//4x3/cy.svg); } .flag-icon-cy.flag-icon-squared { background-image: url(../fonts/flags//1x1/cy.svg); }
.flag-icon-cz { background-image: url(../fonts/flags//4x3/cz.svg); } .flag-icon-cz.flag-icon-squared { background-image: url(../fonts/flags//1x1/cz.svg); }
.flag-icon-de { background-image: url(../fonts/flags//4x3/de.svg); } .flag-icon-de.flag-icon-squared { background-image: url(../fonts/flags//1x1/de.svg); }
.flag-icon-dj { background-image: url(../fonts/flags//4x3/dj.svg); } .flag-icon-dj.flag-icon-squared { background-image: url(../fonts/flags//1x1/dj.svg); }
.flag-icon-dk { background-image: url(../fonts/flags//4x3/dk.svg); } .flag-icon-dk.flag-icon-squared { background-image: url(../fonts/flags//1x1/dk.svg); }
.flag-icon-dm { background-image: url(../fonts/flags//4x3/dm.svg); } .flag-icon-dm.flag-icon-squared { background-image: url(../fonts/flags//1x1/dm.svg); }
.flag-icon-do { background-image: url(../fonts/flags//4x3/do.svg); } .flag-icon-do.flag-icon-squared { background-image: url(../fonts/flags//1x1/do.svg); }
.flag-icon-dz { background-image: url(../fonts/flags//4x3/dz.svg); } .flag-icon-dz.flag-icon-squared { background-image: url(../fonts/flags//1x1/dz.svg); }
.flag-icon-ec { background-image: url(../fonts/flags//4x3/ec.svg); } .flag-icon-ec.flag-icon-squared { background-image: url(../fonts/flags//1x1/ec.svg); }
.flag-icon-ee { background-image: url(../fonts/flags//4x3/ee.svg); } .flag-icon-ee.flag-icon-squared { background-image: url(../fonts/flags//1x1/ee.svg); }
.flag-icon-eg { background-image: url(../fonts/flags//4x3/eg.svg); } .flag-icon-eg.flag-icon-squared { background-image: url(../fonts/flags//1x1/eg.svg); }
.flag-icon-eh { background-image: url(../fonts/flags//4x3/eh.svg); } .flag-icon-eh.flag-icon-squared { background-image: url(../fonts/flags//1x1/eh.svg); }
.flag-icon-er { background-image: url(../fonts/flags//4x3/er.svg); } .flag-icon-er.flag-icon-squared { background-image: url(../fonts/flags//1x1/er.svg); }
.flag-icon-es { background-image: url(../fonts/flags//4x3/es.svg); } .flag-icon-es.flag-icon-squared { background-image: url(../fonts/flags//1x1/es.svg); }
.flag-icon-et { background-image: url(../fonts/flags//4x3/et.svg); } .flag-icon-et.flag-icon-squared { background-image: url(../fonts/flags//1x1/et.svg); }
.flag-icon-fi { background-image: url(../fonts/flags//4x3/fi.svg); } .flag-icon-fi.flag-icon-squared { background-image: url(../fonts/flags//1x1/fi.svg); }
.flag-icon-fj { background-image: url(../fonts/flags//4x3/fj.svg); } .flag-icon-fj.flag-icon-squared { background-image: url(../fonts/flags//1x1/fj.svg); }
.flag-icon-fk { background-image: url(../fonts/flags//4x3/fk.svg); } .flag-icon-fk.flag-icon-squared { background-image: url(../fonts/flags//1x1/fk.svg); }
.flag-icon-fm { background-image: url(../fonts/flags//4x3/fm.svg); } .flag-icon-fm.flag-icon-squared { background-image: url(../fonts/flags//1x1/fm.svg); }
.flag-icon-fo { background-image: url(../fonts/flags//4x3/fo.svg); } .flag-icon-fo.flag-icon-squared { background-image: url(../fonts/flags//1x1/fo.svg); }
.flag-icon-fr { background-image: url(../fonts/flags//4x3/fr.svg); } .flag-icon-fr.flag-icon-squared { background-image: url(../fonts/flags//1x1/fr.svg); }
.flag-icon-ga { background-image: url(../fonts/flags//4x3/ga.svg); } .flag-icon-ga.flag-icon-squared { background-image: url(../fonts/flags//1x1/ga.svg); }
.flag-icon-gb { background-image: url(../fonts/flags//4x3/gb.svg); } .flag-icon-gb.flag-icon-squared { background-image: url(../fonts/flags//1x1/gb.svg); }
.flag-icon-gd { background-image: url(../fonts/flags//4x3/gd.svg); } .flag-icon-gd.flag-icon-squared { background-image: url(../fonts/flags//1x1/gd.svg); }
.flag-icon-ge { background-image: url(../fonts/flags//4x3/ge.svg); } .flag-icon-ge.flag-icon-squared { background-image: url(../fonts/flags//1x1/ge.svg); }
.flag-icon-gf { background-image: url(../fonts/flags//4x3/gf.svg); } .flag-icon-gf.flag-icon-squared { background-image: url(../fonts/flags//1x1/gf.svg); }
.flag-icon-gg { background-image: url(../fonts/flags//4x3/gg.svg); } .flag-icon-gg.flag-icon-squared { background-image: url(../fonts/flags//1x1/gg.svg); }
.flag-icon-gh { background-image: url(../fonts/flags//4x3/gh.svg); } .flag-icon-gh.flag-icon-squared { background-image: url(../fonts/flags//1x1/gh.svg); }
.flag-icon-gi { background-image: url(../fonts/flags//4x3/gi.svg); } .flag-icon-gi.flag-icon-squared { background-image: url(../fonts/flags//1x1/gi.svg); }
.flag-icon-gl { background-image: url(../fonts/flags//4x3/gl.svg); } .flag-icon-gl.flag-icon-squared { background-image: url(../fonts/flags//1x1/gl.svg); }
.flag-icon-gm { background-image: url(../fonts/flags//4x3/gm.svg); } .flag-icon-gm.flag-icon-squared { background-image: url(../fonts/flags//1x1/gm.svg); }
.flag-icon-gn { background-image: url(../fonts/flags//4x3/gn.svg); } .flag-icon-gn.flag-icon-squared { background-image: url(../fonts/flags//1x1/gn.svg); }
.flag-icon-gp { background-image: url(../fonts/flags//4x3/gp.svg); } .flag-icon-gp.flag-icon-squared { background-image: url(../fonts/flags//1x1/gp.svg); }
.flag-icon-gq { background-image: url(../fonts/flags//4x3/gq.svg); } .flag-icon-gq.flag-icon-squared { background-image: url(../fonts/flags//1x1/gq.svg); }
.flag-icon-gr { background-image: url(../fonts/flags//4x3/gr.svg); } .flag-icon-gr.flag-icon-squared { background-image: url(../fonts/flags//1x1/gr.svg); }
.flag-icon-gs { background-image: url(../fonts/flags//4x3/gs.svg); } .flag-icon-gs.flag-icon-squared { background-image: url(../fonts/flags//1x1/gs.svg); }
.flag-icon-gt { background-image: url(../fonts/flags//4x3/gt.svg); } .flag-icon-gt.flag-icon-squared { background-image: url(../fonts/flags//1x1/gt.svg); }
.flag-icon-gu { background-image: url(../fonts/flags//4x3/gu.svg); } .flag-icon-gu.flag-icon-squared { background-image: url(../fonts/flags//1x1/gu.svg); }
.flag-icon-gw { background-image: url(../fonts/flags//4x3/gw.svg); } .flag-icon-gw.flag-icon-squared { background-image: url(../fonts/flags//1x1/gw.svg); }
.flag-icon-gy { background-image: url(../fonts/flags//4x3/gy.svg); } .flag-icon-gy.flag-icon-squared { background-image: url(../fonts/flags//1x1/gy.svg); }
.flag-icon-hk { background-image: url(../fonts/flags//4x3/hk.svg); } .flag-icon-hk.flag-icon-squared { background-image: url(../fonts/flags//1x1/hk.svg); }
.flag-icon-hm { background-image: url(../fonts/flags//4x3/hm.svg); } .flag-icon-hm.flag-icon-squared { background-image: url(../fonts/flags//1x1/hm.svg); }
.flag-icon-hn { background-image: url(../fonts/flags//4x3/hn.svg); } .flag-icon-hn.flag-icon-squared { background-image: url(../fonts/flags//1x1/hn.svg); }
.flag-icon-hr { background-image: url(../fonts/flags//4x3/hr.svg); } .flag-icon-hr.flag-icon-squared { background-image: url(../fonts/flags//1x1/hr.svg); }
.flag-icon-ht { background-image: url(../fonts/flags//4x3/ht.svg); } .flag-icon-ht.flag-icon-squared { background-image: url(../fonts/flags//1x1/ht.svg); }
.flag-icon-hu { background-image: url(../fonts/flags//4x3/hu.svg); } .flag-icon-hu.flag-icon-squared { background-image: url(../fonts/flags//1x1/hu.svg); }
.flag-icon-id { background-image: url(../fonts/flags//4x3/id.svg); } .flag-icon-id.flag-icon-squared { background-image: url(../fonts/flags//1x1/id.svg); }
.flag-icon-ie { background-image: url(../fonts/flags//4x3/ie.svg); } .flag-icon-ie.flag-icon-squared { background-image: url(../fonts/flags//1x1/ie.svg); }
.flag-icon-il { background-image: url(../fonts/flags//4x3/il.svg); } .flag-icon-il.flag-icon-squared { background-image: url(../fonts/flags//1x1/il.svg); }
.flag-icon-im { background-image: url(../fonts/flags//4x3/im.svg); } .flag-icon-im.flag-icon-squared { background-image: url(../fonts/flags//1x1/im.svg); }
.flag-icon-in { background-image: url(../fonts/flags//4x3/in.svg); } .flag-icon-in.flag-icon-squared { background-image: url(../fonts/flags//1x1/in.svg); }
.flag-icon-io { background-image: url(../fonts/flags//4x3/io.svg); } .flag-icon-io.flag-icon-squared { background-image: url(../fonts/flags//1x1/io.svg); }
.flag-icon-iq { background-image: url(../fonts/flags//4x3/iq.svg); } .flag-icon-iq.flag-icon-squared { background-image: url(../fonts/flags//1x1/iq.svg); }
.flag-icon-ir { background-image: url(../fonts/flags//4x3/ir.svg); } .flag-icon-ir.flag-icon-squared { background-image: url(../fonts/flags//1x1/ir.svg); }
.flag-icon-is { background-image: url(../fonts/flags//4x3/is.svg); } .flag-icon-is.flag-icon-squared { background-image: url(../fonts/flags//1x1/is.svg); }
.flag-icon-it { background-image: url(../fonts/flags//4x3/it.svg); } .flag-icon-it.flag-icon-squared { background-image: url(../fonts/flags//1x1/it.svg); }
.flag-icon-je { background-image: url(../fonts/flags//4x3/je.svg); } .flag-icon-je.flag-icon-squared { background-image: url(../fonts/flags//1x1/je.svg); }
.flag-icon-jm { background-image: url(../fonts/flags//4x3/jm.svg); } .flag-icon-jm.flag-icon-squared { background-image: url(../fonts/flags//1x1/jm.svg); }
.flag-icon-jo { background-image: url(../fonts/flags//4x3/jo.svg); } .flag-icon-jo.flag-icon-squared { background-image: url(../fonts/flags//1x1/jo.svg); }
.flag-icon-jp { background-image: url(../fonts/flags//4x3/jp.svg); } .flag-icon-jp.flag-icon-squared { background-image: url(../fonts/flags//1x1/jp.svg); }
.flag-icon-ke { background-image: url(../fonts/flags//4x3/ke.svg); } .flag-icon-ke.flag-icon-squared { background-image: url(../fonts/flags//1x1/ke.svg); }
.flag-icon-kg { background-image: url(../fonts/flags//4x3/kg.svg); } .flag-icon-kg.flag-icon-squared { background-image: url(../fonts/flags//1x1/kg.svg); }
.flag-icon-kh { background-image: url(../fonts/flags//4x3/kh.svg); } .flag-icon-kh.flag-icon-squared { background-image: url(../fonts/flags//1x1/kh.svg); }
.flag-icon-ki { background-image: url(../fonts/flags//4x3/ki.svg); } .flag-icon-ki.flag-icon-squared { background-image: url(../fonts/flags//1x1/ki.svg); }
.flag-icon-km { background-image: url(../fonts/flags//4x3/km.svg); } .flag-icon-km.flag-icon-squared { background-image: url(../fonts/flags//1x1/km.svg); }
.flag-icon-kn { background-image: url(../fonts/flags//4x3/kn.svg); } .flag-icon-kn.flag-icon-squared { background-image: url(../fonts/flags//1x1/kn.svg); }
.flag-icon-kp { background-image: url(../fonts/flags//4x3/kp.svg); } .flag-icon-kp.flag-icon-squared { background-image: url(../fonts/flags//1x1/kp.svg); }
.flag-icon-kr { background-image: url(../fonts/flags//4x3/kr.svg); } .flag-icon-kr.flag-icon-squared { background-image: url(../fonts/flags//1x1/kr.svg); }
.flag-icon-kw { background-image: url(../fonts/flags//4x3/kw.svg); } .flag-icon-kw.flag-icon-squared { background-image: url(../fonts/flags//1x1/kw.svg); }
.flag-icon-ky { background-image: url(../fonts/flags//4x3/ky.svg); } .flag-icon-ky.flag-icon-squared { background-image: url(../fonts/flags//1x1/ky.svg); }
.flag-icon-kz { background-image: url(../fonts/flags//4x3/kz.svg); } .flag-icon-kz.flag-icon-squared { background-image: url(../fonts/flags//1x1/kz.svg); }
.flag-icon-la { background-image: url(../fonts/flags//4x3/la.svg); } .flag-icon-la.flag-icon-squared { background-image: url(../fonts/flags//1x1/la.svg); }
.flag-icon-lb { background-image: url(../fonts/flags//4x3/lb.svg); } .flag-icon-lb.flag-icon-squared { background-image: url(../fonts/flags//1x1/lb.svg); }
.flag-icon-lc { background-image: url(../fonts/flags//4x3/lc.svg); } .flag-icon-lc.flag-icon-squared { background-image: url(../fonts/flags//1x1/lc.svg); }
.flag-icon-li { background-image: url(../fonts/flags//4x3/li.svg); } .flag-icon-li.flag-icon-squared { background-image: url(../fonts/flags//1x1/li.svg); }
.flag-icon-lk { background-image: url(../fonts/flags//4x3/lk.svg); } .flag-icon-lk.flag-icon-squared { background-image: url(../fonts/flags//1x1/lk.svg); }
.flag-icon-lr { background-image: url(../fonts/flags//4x3/lr.svg); } .flag-icon-lr.flag-icon-squared { background-image: url(../fonts/flags//1x1/lr.svg); }
.flag-icon-ls { background-image: url(../fonts/flags//4x3/ls.svg); } .flag-icon-ls.flag-icon-squared { background-image: url(../fonts/flags//1x1/ls.svg); }
.flag-icon-lt { background-image: url(../fonts/flags//4x3/lt.svg); } .flag-icon-lt.flag-icon-squared { background-image: url(../fonts/flags//1x1/lt.svg); }
.flag-icon-lu { background-image: url(../fonts/flags//4x3/lu.svg); } .flag-icon-lu.flag-icon-squared { background-image: url(../fonts/flags//1x1/lu.svg); }
.flag-icon-lv { background-image: url(../fonts/flags//4x3/lv.svg); } .flag-icon-lv.flag-icon-squared { background-image: url(../fonts/flags//1x1/lv.svg); }
.flag-icon-ly { background-image: url(../fonts/flags//4x3/ly.svg); } .flag-icon-ly.flag-icon-squared { background-image: url(../fonts/flags//1x1/ly.svg); }
.flag-icon-ma { background-image: url(../fonts/flags//4x3/ma.svg); } .flag-icon-ma.flag-icon-squared { background-image: url(../fonts/flags//1x1/ma.svg); }
.flag-icon-mc { background-image: url(../fonts/flags//4x3/mc.svg); } .flag-icon-mc.flag-icon-squared { background-image: url(../fonts/flags//1x1/mc.svg); }
.flag-icon-md { background-image: url(../fonts/flags//4x3/md.svg); } .flag-icon-md.flag-icon-squared { background-image: url(../fonts/flags//1x1/md.svg); }
.flag-icon-me { background-image: url(../fonts/flags//4x3/me.svg); } .flag-icon-me.flag-icon-squared { background-image: url(../fonts/flags//1x1/me.svg); }
.flag-icon-mf { background-image: url(../fonts/flags//4x3/mf.svg); } .flag-icon-mf.flag-icon-squared { background-image: url(../fonts/flags//1x1/mf.svg); }
.flag-icon-mg { background-image: url(../fonts/flags//4x3/mg.svg); } .flag-icon-mg.flag-icon-squared { background-image: url(../fonts/flags//1x1/mg.svg); }
.flag-icon-mh { background-image: url(../fonts/flags//4x3/mh.svg); } .flag-icon-mh.flag-icon-squared { background-image: url(../fonts/flags//1x1/mh.svg); }
.flag-icon-mk { background-image: url(../fonts/flags//4x3/mk.svg); } .flag-icon-mk.flag-icon-squared { background-image: url(../fonts/flags//1x1/mk.svg); }
.flag-icon-ml { background-image: url(../fonts/flags//4x3/ml.svg); } .flag-icon-ml.flag-icon-squared { background-image: url(../fonts/flags//1x1/ml.svg); }
.flag-icon-mm { background-image: url(../fonts/flags//4x3/mm.svg); } .flag-icon-mm.flag-icon-squared { background-image: url(../fonts/flags//1x1/mm.svg); }
.flag-icon-mn { background-image: url(../fonts/flags//4x3/mn.svg); } .flag-icon-mn.flag-icon-squared { background-image: url(../fonts/flags//1x1/mn.svg); }
.flag-icon-mo { background-image: url(../fonts/flags//4x3/mo.svg); } .flag-icon-mo.flag-icon-squared { background-image: url(../fonts/flags//1x1/mo.svg); }
.flag-icon-mp { background-image: url(../fonts/flags//4x3/mp.svg); } .flag-icon-mp.flag-icon-squared { background-image: url(../fonts/flags//1x1/mp.svg); }
.flag-icon-mq { background-image: url(../fonts/flags//4x3/mq.svg); } .flag-icon-mq.flag-icon-squared { background-image: url(../fonts/flags//1x1/mq.svg); }
.flag-icon-mr { background-image: url(../fonts/flags//4x3/mr.svg); } .flag-icon-mr.flag-icon-squared { background-image: url(../fonts/flags//1x1/mr.svg); }
.flag-icon-ms { background-image: url(../fonts/flags//4x3/ms.svg); } .flag-icon-ms.flag-icon-squared { background-image: url(../fonts/flags//1x1/ms.svg); }
.flag-icon-mt { background-image: url(../fonts/flags//4x3/mt.svg); } .flag-icon-mt.flag-icon-squared { background-image: url(../fonts/flags//1x1/mt.svg); }
.flag-icon-mu { background-image: url(../fonts/flags//4x3/mu.svg); } .flag-icon-mu.flag-icon-squared { background-image: url(../fonts/flags//1x1/mu.svg); }
.flag-icon-mv { background-image: url(../fonts/flags//4x3/mv.svg); } .flag-icon-mv.flag-icon-squared { background-image: url(../fonts/flags//1x1/mv.svg); }
.flag-icon-mw { background-image: url(../fonts/flags//4x3/mw.svg); } .flag-icon-mw.flag-icon-squared { background-image: url(../fonts/flags//1x1/mw.svg); }
.flag-icon-mx { background-image: url(../fonts/flags//4x3/mx.svg); } .flag-icon-mx.flag-icon-squared { background-image: url(../fonts/flags//1x1/mx.svg); }
.flag-icon-my { background-image: url(../fonts/flags//4x3/my.svg); } .flag-icon-my.flag-icon-squared { background-image: url(../fonts/flags//1x1/my.svg); }
.flag-icon-mz { background-image: url(../fonts/flags//4x3/mz.svg); } .flag-icon-mz.flag-icon-squared { background-image: url(../fonts/flags//1x1/mz.svg); }
.flag-icon-na { background-image: url(../fonts/flags//4x3/na.svg); } .flag-icon-na.flag-icon-squared { background-image: url(../fonts/flags//1x1/na.svg); }
.flag-icon-nc { background-image: url(../fonts/flags//4x3/nc.svg); } .flag-icon-nc.flag-icon-squared { background-image: url(../fonts/flags//1x1/nc.svg); }
.flag-icon-ne { background-image: url(../fonts/flags//4x3/ne.svg); } .flag-icon-ne.flag-icon-squared { background-image: url(../fonts/flags//1x1/ne.svg); }
.flag-icon-nf { background-image: url(../fonts/flags//4x3/nf.svg); } .flag-icon-nf.flag-icon-squared { background-image: url(../fonts/flags//1x1/nf.svg); }
.flag-icon-ng { background-image: url(../fonts/flags//4x3/ng.svg); } .flag-icon-ng.flag-icon-squared { background-image: url(../fonts/flags//1x1/ng.svg); }
.flag-icon-ni { background-image: url(../fonts/flags//4x3/ni.svg); } .flag-icon-ni.flag-icon-squared { background-image: url(../fonts/flags//1x1/ni.svg); }
.flag-icon-nl { background-image: url(../fonts/flags//4x3/nl.svg); } .flag-icon-nl.flag-icon-squared { background-image: url(../fonts/flags//1x1/nl.svg); }
.flag-icon-no { background-image: url(../fonts/flags//4x3/no.svg); } .flag-icon-no.flag-icon-squared { background-image: url(../fonts/flags//1x1/no.svg); }
.flag-icon-np { background-image: url(../fonts/flags//4x3/np.svg); } .flag-icon-np.flag-icon-squared { background-image: url(../fonts/flags//1x1/np.svg); }
.flag-icon-nr { background-image: url(../fonts/flags//4x3/nr.svg); } .flag-icon-nr.flag-icon-squared { background-image: url(../fonts/flags//1x1/nr.svg); }
.flag-icon-nu { background-image: url(../fonts/flags//4x3/nu.svg); } .flag-icon-nu.flag-icon-squared { background-image: url(../fonts/flags//1x1/nu.svg); }
.flag-icon-nz { background-image: url(../fonts/flags//4x3/nz.svg); } .flag-icon-nz.flag-icon-squared { background-image: url(../fonts/flags//1x1/nz.svg); }
.flag-icon-om { background-image: url(../fonts/flags//4x3/om.svg); } .flag-icon-om.flag-icon-squared { background-image: url(../fonts/flags//1x1/om.svg); }
.flag-icon-pa { background-image: url(../fonts/flags//4x3/pa.svg); } .flag-icon-pa.flag-icon-squared { background-image: url(../fonts/flags//1x1/pa.svg); }
.flag-icon-pe { background-image: url(../fonts/flags//4x3/pe.svg); } .flag-icon-pe.flag-icon-squared { background-image: url(../fonts/flags//1x1/pe.svg); }
.flag-icon-pf { background-image: url(../fonts/flags//4x3/pf.svg); } .flag-icon-pf.flag-icon-squared { background-image: url(../fonts/flags//1x1/pf.svg); }
.flag-icon-pg { background-image: url(../fonts/flags//4x3/pg.svg); } .flag-icon-pg.flag-icon-squared { background-image: url(../fonts/flags//1x1/pg.svg); }
.flag-icon-ph { background-image: url(../fonts/flags//4x3/ph.svg); } .flag-icon-ph.flag-icon-squared { background-image: url(../fonts/flags//1x1/ph.svg); }
.flag-icon-pk { background-image: url(../fonts/flags//4x3/pk.svg); } .flag-icon-pk.flag-icon-squared { background-image: url(../fonts/flags//1x1/pk.svg); }
.flag-icon-pl { background-image: url(../fonts/flags//4x3/pl.svg); } .flag-icon-pl.flag-icon-squared { background-image: url(../fonts/flags//1x1/pl.svg); }
.flag-icon-pm { background-image: url(../fonts/flags//4x3/pm.svg); } .flag-icon-pm.flag-icon-squared { background-image: url(../fonts/flags//1x1/pm.svg); }
.flag-icon-pn { background-image: url(../fonts/flags//4x3/pn.svg); } .flag-icon-pn.flag-icon-squared { background-image: url(../fonts/flags//1x1/pn.svg); }
.flag-icon-pr { background-image: url(../fonts/flags//4x3/pr.svg); } .flag-icon-pr.flag-icon-squared { background-image: url(../fonts/flags//1x1/pr.svg); }
.flag-icon-ps { background-image: url(../fonts/flags//4x3/ps.svg); } .flag-icon-ps.flag-icon-squared { background-image: url(../fonts/flags//1x1/ps.svg); }
.flag-icon-pt { background-image: url(../fonts/flags//4x3/pt.svg); } .flag-icon-pt.flag-icon-squared { background-image: url(../fonts/flags//1x1/pt.svg); }
.flag-icon-pw { background-image: url(../fonts/flags//4x3/pw.svg); } .flag-icon-pw.flag-icon-squared { background-image: url(../fonts/flags//1x1/pw.svg); }
.flag-icon-py { background-image: url(../fonts/flags//4x3/py.svg); } .flag-icon-py.flag-icon-squared { background-image: url(../fonts/flags//1x1/py.svg); }
.flag-icon-qa { background-image: url(../fonts/flags//4x3/qa.svg); } .flag-icon-qa.flag-icon-squared { background-image: url(../fonts/flags//1x1/qa.svg); }
.flag-icon-re { background-image: url(../fonts/flags//4x3/re.svg); } .flag-icon-re.flag-icon-squared { background-image: url(../fonts/flags//1x1/re.svg); }
.flag-icon-ro { background-image: url(../fonts/flags//4x3/ro.svg); } .flag-icon-ro.flag-icon-squared { background-image: url(../fonts/flags//1x1/ro.svg); }
.flag-icon-rs { background-image: url(../fonts/flags//4x3/rs.svg); } .flag-icon-rs.flag-icon-squared { background-image: url(../fonts/flags//1x1/rs.svg); }
.flag-icon-ru { background-image: url(../fonts/flags//4x3/ru.svg); } .flag-icon-ru.flag-icon-squared { background-image: url(../fonts/flags//1x1/ru.svg); }
.flag-icon-rw { background-image: url(../fonts/flags//4x3/rw.svg); } .flag-icon-rw.flag-icon-squared { background-image: url(../fonts/flags//1x1/rw.svg); }
.flag-icon-sa { background-image: url(../fonts/flags//4x3/sa.svg); } .flag-icon-sa.flag-icon-squared { background-image: url(../fonts/flags//1x1/sa.svg); }
.flag-icon-sb { background-image: url(../fonts/flags//4x3/sb.svg); } .flag-icon-sb.flag-icon-squared { background-image: url(../fonts/flags//1x1/sb.svg); }
.flag-icon-sc { background-image: url(../fonts/flags//4x3/sc.svg); } .flag-icon-sc.flag-icon-squared { background-image: url(../fonts/flags//1x1/sc.svg); }
.flag-icon-sd { background-image: url(../fonts/flags//4x3/sd.svg); } .flag-icon-sd.flag-icon-squared { background-image: url(../fonts/flags//1x1/sd.svg); }
.flag-icon-se { background-image: url(../fonts/flags//4x3/se.svg); } .flag-icon-se.flag-icon-squared { background-image: url(../fonts/flags//1x1/se.svg); }
.flag-icon-sg { background-image: url(../fonts/flags//4x3/sg.svg); } .flag-icon-sg.flag-icon-squared { background-image: url(../fonts/flags//1x1/sg.svg); }
.flag-icon-sh { background-image: url(../fonts/flags//4x3/sh.svg); } .flag-icon-sh.flag-icon-squared { background-image: url(../fonts/flags//1x1/sh.svg); }
.flag-icon-si { background-image: url(../fonts/flags//4x3/si.svg); } .flag-icon-si.flag-icon-squared { background-image: url(../fonts/flags//1x1/si.svg); }
.flag-icon-sj { background-image: url(../fonts/flags//4x3/sj.svg); } .flag-icon-sj.flag-icon-squared { background-image: url(../fonts/flags//1x1/sj.svg); }
.flag-icon-sk { background-image: url(../fonts/flags//4x3/sk.svg); } .flag-icon-sk.flag-icon-squared { background-image: url(../fonts/flags//1x1/sk.svg); }
.flag-icon-sl { background-image: url(../fonts/flags//4x3/sl.svg); } .flag-icon-sl.flag-icon-squared { background-image: url(../fonts/flags//1x1/sl.svg); }
.flag-icon-sm { background-image: url(../fonts/flags//4x3/sm.svg); } .flag-icon-sm.flag-icon-squared { background-image: url(../fonts/flags//1x1/sm.svg); }
.flag-icon-sn { background-image: url(../fonts/flags//4x3/sn.svg); } .flag-icon-sn.flag-icon-squared { background-image: url(../fonts/flags//1x1/sn.svg); }
.flag-icon-so { background-image: url(../fonts/flags//4x3/so.svg); } .flag-icon-so.flag-icon-squared { background-image: url(../fonts/flags//1x1/so.svg); }
.flag-icon-sr { background-image: url(../fonts/flags//4x3/sr.svg); } .flag-icon-sr.flag-icon-squared { background-image: url(../fonts/flags//1x1/sr.svg); }
.flag-icon-ss { background-image: url(../fonts/flags//4x3/ss.svg); } .flag-icon-ss.flag-icon-squared { background-image: url(../fonts/flags//1x1/ss.svg); }
.flag-icon-st { background-image: url(../fonts/flags//4x3/st.svg); } .flag-icon-st.flag-icon-squared { background-image: url(../fonts/flags//1x1/st.svg); }
.flag-icon-sv { background-image: url(../fonts/flags//4x3/sv.svg); } .flag-icon-sv.flag-icon-squared { background-image: url(../fonts/flags//1x1/sv.svg); }
.flag-icon-sx { background-image: url(../fonts/flags//4x3/sx.svg); } .flag-icon-sx.flag-icon-squared { background-image: url(../fonts/flags//1x1/sx.svg); }
.flag-icon-sy { background-image: url(../fonts/flags//4x3/sy.svg); } .flag-icon-sy.flag-icon-squared { background-image: url(../fonts/flags//1x1/sy.svg); }
.flag-icon-sz { background-image: url(../fonts/flags//4x3/sz.svg); } .flag-icon-sz.flag-icon-squared { background-image: url(../fonts/flags//1x1/sz.svg); }
.flag-icon-tc { background-image: url(../fonts/flags//4x3/tc.svg); } .flag-icon-tc.flag-icon-squared { background-image: url(../fonts/flags//1x1/tc.svg); }
.flag-icon-td { background-image: url(../fonts/flags//4x3/td.svg); } .flag-icon-td.flag-icon-squared { background-image: url(../fonts/flags//1x1/td.svg); }
.flag-icon-tf { background-image: url(../fonts/flags//4x3/tf.svg); } .flag-icon-tf.flag-icon-squared { background-image: url(../fonts/flags//1x1/tf.svg); }
.flag-icon-tg { background-image: url(../fonts/flags//4x3/tg.svg); } .flag-icon-tg.flag-icon-squared { background-image: url(../fonts/flags//1x1/tg.svg); }
.flag-icon-th { background-image: url(../fonts/flags//4x3/th.svg); } .flag-icon-th.flag-icon-squared { background-image: url(../fonts/flags//1x1/th.svg); }
.flag-icon-tj { background-image: url(../fonts/flags//4x3/tj.svg); } .flag-icon-tj.flag-icon-squared { background-image: url(../fonts/flags//1x1/tj.svg); }
.flag-icon-tk { background-image: url(../fonts/flags//4x3/tk.svg); } .flag-icon-tk.flag-icon-squared { background-image: url(../fonts/flags//1x1/tk.svg); }
.flag-icon-tl { background-image: url(../fonts/flags//4x3/tl.svg); } .flag-icon-tl.flag-icon-squared { background-image: url(../fonts/flags//1x1/tl.svg); }
.flag-icon-tm { background-image: url(../fonts/flags//4x3/tm.svg); } .flag-icon-tm.flag-icon-squared { background-image: url(../fonts/flags//1x1/tm.svg); }
.flag-icon-tn { background-image: url(../fonts/flags//4x3/tn.svg); } .flag-icon-tn.flag-icon-squared { background-image: url(../fonts/flags//1x1/tn.svg); }
.flag-icon-to { background-image: url(../fonts/flags//4x3/to.svg); } .flag-icon-to.flag-icon-squared { background-image: url(../fonts/flags//1x1/to.svg); }
.flag-icon-tr { background-image: url(../fonts/flags//4x3/tr.svg); } .flag-icon-tr.flag-icon-squared { background-image: url(../fonts/flags//1x1/tr.svg); }
.flag-icon-tt { background-image: url(../fonts/flags//4x3/tt.svg); } .flag-icon-tt.flag-icon-squared { background-image: url(../fonts/flags//1x1/tt.svg); }
.flag-icon-tv { background-image: url(../fonts/flags//4x3/tv.svg); } .flag-icon-tv.flag-icon-squared { background-image: url(../fonts/flags//1x1/tv.svg); }
.flag-icon-tw { background-image: url(../fonts/flags//4x3/tw.svg); } .flag-icon-tw.flag-icon-squared { background-image: url(../fonts/flags//1x1/tw.svg); }
.flag-icon-tz { background-image: url(../fonts/flags//4x3/tz.svg); } .flag-icon-tz.flag-icon-squared { background-image: url(../fonts/flags//1x1/tz.svg); }
.flag-icon-ua { background-image: url(../fonts/flags//4x3/ua.svg); } .flag-icon-ua.flag-icon-squared { background-image: url(../fonts/flags//1x1/ua.svg); }
.flag-icon-ug { background-image: url(../fonts/flags//4x3/ug.svg); } .flag-icon-ug.flag-icon-squared { background-image: url(../fonts/flags//1x1/ug.svg); }
.flag-icon-um { background-image: url(../fonts/flags//4x3/um.svg); } .flag-icon-um.flag-icon-squared { background-image: url(../fonts/flags//1x1/um.svg); }
.flag-icon-us { background-image: url(../fonts/flags//4x3/us.svg); } .flag-icon-us.flag-icon-squared { background-image: url(../fonts/flags//1x1/us.svg); }
.flag-icon-uy { background-image: url(../fonts/flags//4x3/uy.svg); } .flag-icon-uy.flag-icon-squared { background-image: url(../fonts/flags//1x1/uy.svg); }
.flag-icon-uz { background-image: url(../fonts/flags//4x3/uz.svg); } .flag-icon-uz.flag-icon-squared { background-image: url(../fonts/flags//1x1/uz.svg); }
.flag-icon-va { background-image: url(../fonts/flags//4x3/va.svg); } .flag-icon-va.flag-icon-squared { background-image: url(../fonts/flags//1x1/va.svg); }
.flag-icon-vc { background-image: url(../fonts/flags//4x3/vc.svg); } .flag-icon-vc.flag-icon-squared { background-image: url(../fonts/flags//1x1/vc.svg); }
.flag-icon-ve { background-image: url(../fonts/flags//4x3/ve.svg); } .flag-icon-ve.flag-icon-squared { background-image: url(../fonts/flags//1x1/ve.svg); }
.flag-icon-vg { background-image: url(../fonts/flags//4x3/vg.svg); } .flag-icon-vg.flag-icon-squared { background-image: url(../fonts/flags//1x1/vg.svg); }
.flag-icon-vi { background-image: url(../fonts/flags//4x3/vi.svg); } .flag-icon-vi.flag-icon-squared { background-image: url(../fonts/flags//1x1/vi.svg); }
.flag-icon-vn { background-image: url(../fonts/flags//4x3/vn.svg); } .flag-icon-vn.flag-icon-squared { background-image: url(../fonts/flags//1x1/vn.svg); }
.flag-icon-vu { background-image: url(../fonts/flags//4x3/vu.svg); } .flag-icon-vu.flag-icon-squared { background-image: url(../fonts/flags//1x1/vu.svg); }
.flag-icon-wf { background-image: url(../fonts/flags//4x3/wf.svg); } .flag-icon-wf.flag-icon-squared { background-image: url(../fonts/flags//1x1/wf.svg); }
.flag-icon-ws { background-image: url(../fonts/flags//4x3/ws.svg); } .flag-icon-ws.flag-icon-squared { background-image: url(../fonts/flags//1x1/ws.svg); }
.flag-icon-ye { background-image: url(../fonts/flags//4x3/ye.svg); } .flag-icon-ye.flag-icon-squared { background-image: url(../fonts/flags//1x1/ye.svg); }
.flag-icon-yt { background-image: url(../fonts/flags//4x3/yt.svg); } .flag-icon-yt.flag-icon-squared { background-image: url(../fonts/flags//1x1/yt.svg); }
.flag-icon-za { background-image: url(../fonts/flags//4x3/za.svg); } .flag-icon-za.flag-icon-squared { background-image: url(../fonts/flags//1x1/za.svg); }
.flag-icon-zm { background-image: url(../fonts/flags//4x3/zm.svg); } .flag-icon-zm.flag-icon-squared { background-image: url(../fonts/flags//1x1/zm.svg); }
.flag-icon-zw { background-image: url(../fonts/flags//4x3/zw.svg); } .flag-icon-zw.flag-icon-squared { background-image: url(../fonts/flags//1x1/zw.svg); }
.flag-icon-es-ct { background-image: url(../fonts/flags//4x3/es-ct.svg); } .flag-icon-es-ct.flag-icon-squared { background-image: url(../fonts/flags//1x1/es-ct.svg); }
.flag-icon-eu { background-image: url(../fonts/flags//4x3/eu.svg); } .flag-icon-eu.flag-icon-squared { background-image: url(../fonts/flags//1x1/eu.svg); }
.flag-icon-gb-eng { background-image: url(../fonts/flags//4x3/gb-eng.svg); } .flag-icon-gb-eng.flag-icon-squared { background-image: url(../fonts/flags//1x1/gb-eng.svg); }
.flag-icon-gb-nir { background-image: url(../fonts/flags//4x3/gb-nir.svg); } .flag-icon-gb-nir.flag-icon-squared { background-image: url(../fonts/flags//1x1/gb-nir.svg); }
.flag-icon-gb-sct { background-image: url(../fonts/flags//4x3/gb-sct.svg); } .flag-icon-gb-sct.flag-icon-squared { background-image: url(../fonts/flags//1x1/gb-sct.svg); }
.flag-icon-gb-wls { background-image: url(../fonts/flags//4x3/gb-wls.svg); } .flag-icon-gb-wls.flag-icon-squared { background-image: url(../fonts/flags//1x1/gb-wls.svg); }
.flag-icon-un { background-image: url(../fonts/flags//4x3/un.svg); } .flag-icon-un.flag-icon-squared { background-image: url(../fonts/flags//1x1/un.svg); }
.btn.btn-primary-redesign { background-color: #cfe8c9; border: 0; color: var(--primary) !important; cursor: pointer; font-size: 1rem; font-weight: bold; height: 48px; letter-spacing: 0.15em; line-height: 48px; padding: 0 72px; text-transform: uppercase; } .btn.btn-primary-redesign.btn-disabled { background-color: #efece8; color: #00302d; } .btn.btn-primary-redesign.disabled, .btn.btn-primary-redesign:disabled { cursor: initial; pointer-events: none; } .btn.btn-primary-redesign:hover { background-color: transparent; border: 1px solid var(--primary); }
.text-h2 { font-family: Canela; font-weight: 300; font-size: 2.875rem; line-height: 3.125rem; letter-spacing: 0.01em; }
.text-b1 { font-family: Canela; font-weight: 300; font-size: 1.125rem; line-height: 1.375rem; letter-spacing: 0.01em; }
.text-b2 { font-family: Calibre, sans-serif; font-style: normal; font-weight: normal; font-size: 1rem; line-height: 1.25rem; }
.text-b2-bold { font-family: Calibre, sans-serif; font-style: normal; font-weight: normal; font-size: 1rem; line-height: 1.25rem; font-weight: 600; }
.text-error { color: #7B0000; font-family: Calibre, sans-serif; font-size: 0.875rem; line-height: 1.125rem; letter-spacing: 0.05em; }
.modal-background { background-color: #000; display: none; height: 100%; position: fixed; opacity: 0.5; width: 100%; top: 0; left: 0; }
input[placeholder] { text-overflow: ellipsis; }
header ~ #maincontent .container a:not(.btn-primary):not(.btn-outline-primary) { color: #99d6ea; }
.hide-order-discount { display: none; }
.hide-shipping-discount { display: none; }
.order-discount { color: #5fe0b7; }
.shipping-discount { color: #5fe0b7; }
.error-messaging { position: fixed; top: 0; width: 100%; z-index: 1; }
.error-hero { background-image: url("../images/storelocator.jpg"); margin-bottom: 0.625em; }
.error-message { margin-top: 3.125rem; margin-bottom: 3.125rem; }
.error.continue-shopping { margin-bottom: 6.25em; }
.error-unassigned-category { color: #ff6720; }
.skip { position: absolute; left: 0; top: -4.2em; overflow: hidden; padding: 1em 1.5em; background: #fff; transition: all 0.2s ease-in-out; }
a.skip:active,
a.skip:focus,
a.skip:hover { left: 0; top: 0; width: auto; height: auto; z-index: 10000000; background: #fff; transition: all 0.2s ease-in-out; }
.card-header-custom { font-size: 1.5rem; margin-bottom: 0; }
:root { --font-family-serif: CanelaText, serif; --font-family-display: Canela; }
#root { overflow: hidden; position: relative; }
header ~ #maincontent .container a:not(.btn-primary):not(.btn-outline-primary):not(.btn-primary-redesign) { text-transform: uppercase; color: #323239; }
.btn { text-transform: uppercase; letter-spacing: 0.06em; border-radius: 0; }
.form-control { border-radius: 0; }
.error-hero { background-image: none; text-align: center; } .error-hero .page-title { left: auto; }
.modal-background { z-index: 2; }
.shipping-discount,
.order-discount { color: #666; }
.icon { height: 2rem; width: 2rem; }
.icon-arrow { height: 0.6875rem; width: 0.375rem; overflow: visible; }
.icon-pull-left { margin-left: -0.5rem; }
.icon-pull-right { margin-right: -0.5rem; }
.gutter-left { padding-left: calc((24px * 1) + 0px); } @media (min-width: 375px) { .gutter-left { padding-left: calc((24px * 1) + 0px); } } @media (min-width: 1024px) { .gutter-left { padding-left: calc((40px * 1) + 0px); } } @media (min-width: 1440px) { .gutter-left { padding-left: calc((48px * 1) + 0px); } }
.gutter-right { padding-right: calc((24px * 1) + 0px); } @media (min-width: 375px) { .gutter-right { padding-right: calc((24px * 1) + 0px); } } @media (min-width: 1024px) { .gutter-right { padding-right: calc((40px * 1) + 0px); } } @media (min-width: 1440px) { .gutter-right { padding-right: calc((48px * 1) + 0px); } }
.gutter-top { padding-top: calc((24px * 1) + 0px); } @media (min-width: 375px) { .gutter-top { padding-top: calc((24px * 1) + 0px); } } @media (min-width: 1024px) { .gutter-top { padding-top: calc((40px * 1) + 0px); } } @media (min-width: 1440px) { .gutter-top { padding-top: calc((48px * 1) + 0px); } }
.gutter-bottom { padding-bottom: calc((24px * 1) + 0px); } @media (min-width: 375px) { .gutter-bottom { padding-bottom: calc((24px * 1) + 0px); } } @media (min-width: 1024px) { .gutter-bottom { padding-bottom: calc((40px * 1) + 0px); } } @media (min-width: 1440px) { .gutter-bottom { padding-bottom: calc((48px * 1) + 0px); } }
.gutter-lr { padding-left: calc((24px * 1) + 0px); padding-right: calc((24px * 1) + 0px); } @media (min-width: 375px) { .gutter-lr { padding-left: calc((24px * 1) + 0px); padding-right: calc((24px * 1) + 0px); } } @media (min-width: 1024px) { .gutter-lr { padding-left: calc((40px * 1) + 0px); padding-right: calc((40px * 1) + 0px); } } @media (min-width: 1440px) { .gutter-lr { padding-left: calc((48px * 1) + 0px); padding-right: calc((48px * 1) + 0px); } }
.gutter-tb { padding-top: calc((24px * 1) + 0px); padding-bottom: calc((24px * 1) + 0px); } @media (min-width: 375px) { .gutter-tb { padding-top: calc((24px * 1) + 0px); padding-bottom: calc((24px * 1) + 0px); } } @media (min-width: 1024px) { .gutter-tb { padding-top: calc((40px * 1) + 0px); padding-bottom: calc((40px * 1) + 0px); } } @media (min-width: 1440px) { .gutter-tb { padding-top: calc((48px * 1) + 0px); padding-bottom: calc((48px * 1) + 0px); } }
.gutter-all { padding-top: calc((24px * 1) + 0px); padding-bottom: calc((24px * 1) + 0px); padding-left: calc((24px * 1) + 0px); padding-right: calc((24px * 1) + 0px); } @media (min-width: 375px) { .gutter-all { padding-top: calc((24px * 1) + 0px); padding-bottom: calc((24px * 1) + 0px); padding-left: calc((24px * 1) + 0px); padding-right: calc((24px * 1) + 0px); } } @media (min-width: 1024px) { .gutter-all { padding-top: calc((40px * 1) + 0px); padding-bottom: calc((40px * 1) + 0px); padding-left: calc((40px * 1) + 0px); padding-right: calc((40px * 1) + 0px); } } @media (min-width: 1440px) { .gutter-all { padding-top: calc((48px * 1) + 0px); padding-bottom: calc((48px * 1) + 0px); padding-left: calc((48px * 1) + 0px); padding-right: calc((48px * 1) + 0px); } }
.sr-only { position: absolute; left: -10000px; top: auto; width: 1px; height: 1px; overflow: hidden; }
body:after { display: none; content: "xs"; }
@media (min-width: 375px) { body:after { display: none; content: "sm"; } }
@media (min-width: 1024px) { body:after { display: none; content: "md"; } }
@media (min-width: 1440px) { body:after { display: none; content: "lg"; } }
@media (max-width: 374.98px) { .menu-toggleable-left.navbar-toggleable-xs, .navbar-toggleable-xs.menu-toggleable-right, .navbar-toggleable-xs.navbar-toggleable-lg.menu-toggleable-right-top { position: fixed; left: -100%; top: 0; bottom: 0; transition: left 0.5s cubic-bezier(0, 1, 0.5, 1); display: block; max-width: 100%; } .menu-toggleable-left.navbar-toggleable-xs.in, .navbar-toggleable-xs.in.menu-toggleable-right, .navbar-toggleable-xs.in.navbar-toggleable-lg.menu-toggleable-right-top { min-width: 50%; left: 0; } }
@media (max-width: 1023.98px) { .menu-toggleable-left.navbar-toggleable-sm, .navbar-toggleable-sm.menu-toggleable-right, .navbar-toggleable-sm.navbar-toggleable-lg.menu-toggleable-right-top { position: fixed; left: -100%; top: 0; bottom: 0; transition: left 0.5s cubic-bezier(0, 1, 0.5, 1); display: block; max-width: 100%; } .menu-toggleable-left.navbar-toggleable-sm.in, .navbar-toggleable-sm.in.menu-toggleable-right, .navbar-toggleable-sm.in.navbar-toggleable-lg.menu-toggleable-right-top { min-width: 50%; left: 0; } }
@media (max-width: 1439.98px) { .menu-toggleable-left.navbar-toggleable-md, .navbar-toggleable-md.menu-toggleable-right, .navbar-toggleable-md.navbar-toggleable-lg.menu-toggleable-right-top { position: fixed; left: -100%; top: 0; bottom: 0; transition: left 0.5s cubic-bezier(0, 1, 0.5, 1); display: block; max-width: 100%; } .menu-toggleable-left.navbar-toggleable-md.in, .navbar-toggleable-md.in.menu-toggleable-right, .navbar-toggleable-md.in.navbar-toggleable-lg.menu-toggleable-right-top { min-width: 50%; left: 0; } }
.menu-toggleable-left.navbar-toggleable-lg, .navbar-toggleable-lg.menu-toggleable-right, .navbar-toggleable-lg.menu-toggleable-right-top { position: fixed; left: -100%; top: 0; bottom: 0; transition: left 0.5s cubic-bezier(0, 1, 0.5, 1); display: block; max-width: 100%; } .menu-toggleable-left.navbar-toggleable-lg.in, .navbar-toggleable-lg.in.menu-toggleable-right, .navbar-toggleable-lg.in.menu-toggleable-right-top { min-width: 50%; left: 0; }
.navbar.bg-inverse { background-color: transparent !important; padding: 0; } @media (min-width: 1024px) { .navbar.bg-inverse .navbar-nav .nav-item + .nav-item { margin-left: 0; } .navbar.bg-inverse .navbar-nav .nav-link { padding: 0.8rem; white-space: nowrap; } }
.nav-item .nav-link:hover,
.nav-item .nav-link:focus,
.nav-item.show .nav-link { background-color: #fff; color: #000; }
@media (min-width: 1024px) { .nav-item > .nav-link { color: #fff; } }
@media (max-width: 1023.98px) { .main-menu.menu-toggleable-left, .main-menu.menu-toggleable-right, .main-menu.navbar-toggleable-lg.menu-toggleable-right-top { background-color: #fff; z-index: 4; } }
.menu-toggleable-left .close-menu, .menu-toggleable-right .close-menu, .navbar-toggleable-lg.menu-toggleable-right-top .close-menu { padding: 15px; background-color: #eee; border-bottom: 1px solid #ccc; flex: 0 0 100%; } @media (min-width: 1024px) { .menu-toggleable-left .close-menu, .menu-toggleable-right .close-menu, .navbar-toggleable-lg.menu-toggleable-right-top .close-menu { display: none; } }
.menu-toggleable-left .menu-group, .menu-toggleable-right .menu-group, .navbar-toggleable-lg.menu-toggleable-right-top .menu-group { flex: 0 0 100%; }
.menu-toggleable-left li > .close-menu, .menu-toggleable-right li > .close-menu, .navbar-toggleable-lg.menu-toggleable-right-top li > .close-menu { margin-right: 0; margin-top: -0.6rem; margin-left: 0; }
@media (max-width: 1023.98px) { .menu-toggleable-left .bg-inverse, .menu-toggleable-right .bg-inverse, .navbar-toggleable-lg.menu-toggleable-right-top .bg-inverse { background-color: white !important; color: #222; } }
@media (max-width: 374.98px) { .menu-toggleable-left.in, .in.menu-toggleable-right, .in.navbar-toggleable-lg.menu-toggleable-right-top { right: 0; margin-right: 1.25em; } }
@media (max-width: 1023.98px) { .menu-toggleable-left.in .nav-item + .nav-item, .in.menu-toggleable-right .nav-item + .nav-item, .in.navbar-toggleable-lg.menu-toggleable-right-top .nav-item + .nav-item { border-top: 1px solid #eee; } .menu-toggleable-left.in .dropdown, .in.menu-toggleable-right .dropdown, .in.navbar-toggleable-lg.menu-toggleable-right-top .dropdown { display: block; position: static; } .menu-toggleable-left.in .dropdown-toggle, .in.menu-toggleable-right .dropdown-toggle, .in.navbar-toggleable-lg.menu-toggleable-right-top .dropdown-toggle { padding-left: 1rem; } .menu-toggleable-left.in .dropdown-toggle::after, .in.menu-toggleable-right .dropdown-toggle::after, .in.navbar-toggleable-lg.menu-toggleable-right-top .dropdown-toggle::after { border-top: 0.3em solid transparent; border-bottom: 0.3em solid transparent; border-left: 0.3em solid; position: absolute; right: 0.3em; margin-top: 0.55em; } .menu-toggleable-left.in .nav-item .nav-link, .in.menu-toggleable-right .nav-item .nav-link, .in.navbar-toggleable-lg.menu-toggleable-right-top .nav-item .nav-link { padding-left: 1rem; } .menu-toggleable-left.in .show > .dropdown-menu, .in.menu-toggleable-right .show > .dropdown-menu, .in.navbar-toggleable-lg.menu-toggleable-right-top .show > .dropdown-menu { left: 0; } .menu-toggleable-left.in .dropdown-menu, .in.menu-toggleable-right .dropdown-menu, .in.navbar-toggleable-lg.menu-toggleable-right-top .dropdown-menu { position: absolute; left: -100%; top: 0; width: 100%; height: 100%; border: 0 none; transition: left 0.5s cubic-bezier(0, 1, 0.5, 1); display: block; } }
.multilevel-dropdown .dropdown-menu { top: 90%; border: 0; border-radius: 0; } @media (min-width: 1024px) { .multilevel-dropdown .dropdown-menu { box-shadow: 0 3px 5px rgba(43, 36, 25, 0.4); } }
.multilevel-dropdown .dropdown-item.dropdown > .dropdown-toggle::after { border-top: 0.3em solid transparent; border-bottom: 0.3em solid transparent; border-left: 0.3em solid; position: absolute; right: 0.3em; margin-top: 0.55em; }
@media (min-width: 1024px) { .multilevel-dropdown .dropdown-menu > .dropdown > .dropdown-menu { top: -0.65em; left: 99%; } }
.multilevel-dropdown .navbar > .close-menu > .back { display: none; }
.multilevel-dropdown .close-menu .back .caret-left { border-top: 0.3em solid transparent; border-bottom: 0.3em solid transparent; border-right: 0.3em solid; border-left: 0.3 solid transparent; width: 0; height: 0; display: inline-block; margin-bottom: 0.125em; }
.multilevel-dropdown .dropdown-item { padding: 0 0 0 1em; } .multilevel-dropdown .dropdown-item .dropdown-link { display: block; padding: 0.425em 5em 0.425em 0; } .multilevel-dropdown .dropdown-item + .dropdown-item { border-top: 1px solid #eee; } .multilevel-dropdown .dropdown-item.top-category { font-weight: bold; } .multilevel-dropdown .dropdown-item.top-category > .nav-link { padding-left: 0; }
.header { position: relative; }
.navbar-header { height: 4.375em; } .navbar-header .user, .navbar-header .country-selector, .navbar-header .search, .navbar-header .minicart { display: inline-block; margin: 1.125em 0 0 0.5em; } .navbar-header .user, .navbar-header .country-selector, .navbar-header .minicart, .navbar-header .navbar-toggler { line-height: 2.25em; height: auto; } .navbar-header .navbar-toggler { font-size: 1.6em; width: auto; } .navbar-header .user { position: relative; } .navbar-header .user .popover { position: absolute; display: none; padding: 1em; top: 85%; left: 0; } .navbar-header .user .popover a { white-space: nowrap; margin-bottom: 0.5em; } .navbar-header .user .popover::before { left: 1.5rem; } .navbar-header .user .popover::after { left: 1.5rem; } .navbar-header .user .popover.show { display: block; }
.brand { position: absolute; left: 50%; display: block; text-align: center; } .brand img { width: 100%; } @media (min-width: 1440px) { .brand { width: 14.125em; margin-left: -7.0625em; padding-top: 0.5em; } } @media (max-width: 1439.98px) { .brand { width: 4em; margin-left: -2em; padding-top: 0.8em; } }
.main-menu { background-color: #444; } .main-menu .navbar .close-menu button, .main-menu .navbar .close-button button { background-color: transparent; border: 0; -webkit-appearance: none; }
.header-banner { background-color: #222; text-align: center; color: #fff; } .header-banner .close-button { width: 2.125em; } .header-banner .close-button .close { opacity: 1; color: #fff; width: 100%; height: 100%; background-color: #00302d; } .header-banner .content { margin-right: 1.5em; padding-top: 0.3125em; padding-bottom: 0.3125em; }
.minicart { margin-top: 0.1875em; vertical-align: top; } .minicart .minicart-icon { font-size: 1.5em; } .minicart a.minicart-link:hover { text-decoration: none; } .minicart .minicart-quantity { background-color: #00302d; border-radius: 50%; width: 1.25em; height: 1.25em; line-height: normal; display: inline-block; text-align: center; font-size: 0.8125em; position: relative; top: -0.9375em; left: -0.9375em; color: #fff; }
a.normal { color: #00302d; text-decoration: underline; }
.slide-up { transition-duration: 0.5s; transition-timing-function: ease-in; max-height: 100px; overflow: hidden; } .slide-up.hide { max-height: 0; padding-top: 0; padding-bottom: 0; margin-top: 0; margin-bottom: 0; transition-timing-function: cubic-bezier(0, 1, 0.5, 1); }
.dropdown-country-selector { margin-top: -0.0625em; }
.cookie-warning-messaging.cookie-warning { position: fixed; bottom: 0; left: 50%; transform: translate(-50%, 0); text-align: center; display: none; }
.valid-cookie-warning { background-color: #99d6ea; color: #fff; white-space: nowrap; } .valid-cookie-warning p { margin-top: 0; margin-bottom: 0.2em; padding-right: 2em; }
.main-menu { background: #cfe8c9 !important; } @media (min-width: 1024px) { .main-menu { background: #fff !important; } } .main-menu:before { content: ''; pointer-events: none; position: absolute; width: 100%; height: 100%; left: 0; top: 0; background: linear-gradient(rgba(255, 255, 255, 0), white 80%); background-size: 100% 350%; background-position: 0% 100%; transition: .5s all linear; z-index: 1; } .main-menu > * { visibility: hidden; } .main-menu.in.reveal > * { visibility: visible; } .main-menu.in.reveal:before { background-position: 0% 0%; visibility: hidden; }
.modal-background.modal-main-menu { background-color: #00302d; opacity: 0; transition: opacity 0.5s cubic-bezier(0.25, 0.46, 0.45, 0.94); } .modal-background.modal-main-menu.active { opacity: .9; } @media (min-width: 1024px) { .modal-background.modal-main-menu { margin-top: 5.5625rem; } }
.navbar.navbar-expand-md { max-width: 100%; max-height: 100%; overflow-y: auto; overflow-x: hidden; color: #00302d; padding: 0; } @media (min-width: 375px) { .navbar.navbar-expand-md { padding-bottom: calc((24px * 1) + 0px); } } @media (min-width: 375px) and (min-width: 375px) { .navbar.navbar-expand-md { padding-bottom: calc((24px * 1) + 0px); } } @media (min-width: 375px) and (min-width: 1024px) { .navbar.navbar-expand-md { padding-bottom: calc((40px * 1) + 0px); } } @media (min-width: 375px) and (min-width: 1440px) { .navbar.navbar-expand-md { padding-bottom: calc((48px * 1) + 0px); } } .navbar.navbar-expand-md .close-menu, .navbar.navbar-expand-md .nav-link, .navbar.navbar-expand-md .card, .navbar.navbar-expand-md .card-header, .navbar.navbar-expand-md .card-body { background: none; } .navbar.navbar-expand-md .close-menu { padding-top: calc((24px * 1) + 0px); padding-bottom: calc((24px * 1) + 0px); padding-left: calc((24px * 1) + 0px); padding-right: calc((24px * 1) + 0px); background: #cfe8c9; display: flex; justify-content: space-between; align-content: center; align-items: center; } @media (min-width: 375px) { .navbar.navbar-expand-md .close-menu { padding-top: calc((24px * 1) + 0px); padding-bottom: calc((24px * 1) + 0px); padding-left: calc((24px * 1) + 0px); padding-right: calc((24px * 1) + 0px); } } @media (min-width: 1024px) { .navbar.navbar-expand-md .close-menu { padding-top: calc((40px * 1) + 0px); padding-bottom: calc((40px * 1) + 0px); padding-left: calc((40px * 1) + 0px); padding-right: calc((40px * 1) + 0px); } } @media (min-width: 1440px) { .navbar.navbar-expand-md .close-menu { padding-top: calc((48px * 1) + 0px); padding-bottom: calc((48px * 1) + 0px); padding-left: calc((48px * 1) + 0px); padding-right: calc((48px * 1) + 0px); } } .navbar.navbar-expand-md .close-menu .site-search { width: 100%; margin-bottom: 40px; } @media (max-width: 1023.98px) { .navbar.navbar-expand-md .close-menu .close-button { position: absolute; z-index: 1; top: 1.75rem; right: 1.5rem; } } .navbar.navbar-expand-md .close-menu .close-button button { padding: 0; } .navbar.navbar-expand-md .menu-group { width: 100%; position: relative; } .navbar.navbar-expand-md .menu-group .close-button { position: absolute; z-index: 1; right: 0px; padding-top: calc((24px * 0.5) - 8px); padding-right: calc((24px * 0.5) - 8px); } @media (min-width: 375px) { .navbar.navbar-expand-md .menu-group .close-button { padding-top: calc((24px * 0.5) - 8px); } } @media (min-width: 1024px) { .navbar.navbar-expand-md .menu-group .close-button { padding-top: calc((40px * 0.5) - 8px); } } @media (min-width: 1440px) { .navbar.navbar-expand-md .menu-group .close-button { padding-top: calc((48px * 0.5) - 8px); } } @media (min-width: 375px) { .navbar.navbar-expand-md .menu-group .close-button { padding-right: calc((24px * 0.5) - 8px); } } @media (min-width: 1024px) { .navbar.navbar-expand-md .menu-group .close-button { padding-right: calc((40px * 0.5) - 8px); } } @media (min-width: 1440px) { .navbar.navbar-expand-md .menu-group .close-button { padding-right: calc((48px * 0.5) - 8px); } } .navbar.navbar-expand-md .menu-group .close-button button { padding: 0; } .navbar.navbar-expand-md #menu-list { display: block; } .navbar.navbar-expand-md #menu-list .authenticated { display: none; } .navbar.navbar-expand-md #menu-list .not-authenticated { display: block; } .navbar.navbar-expand-md #menu-list.logged-in .authenticated { display: block; } .navbar.navbar-expand-md #menu-list.logged-in .not-authenticated { display: none; } .navbar.navbar-expand-md #account-menu { background: #efece8; } .navbar.navbar-expand-md #account-menu .account-links { color: #00302d; margin-bottom: 1rem; } .navbar.navbar-expand-md #account-menu .account-links .icon-account { margin-top: -2px; } .navbar.navbar-expand-md #account-menu .account-links a { color: inherit; } .navbar.navbar-expand-md #account-menu .user-message span { position: relative; text-transform: uppercase; font-weight: 600; } .navbar.navbar-expand-md #account-menu .user-message span::after { content: ""; position: absolute; bottom: -2px; height: 2px; width: 100%; left: 0; background-color: #00302d; width: 100%; } .navbar.navbar-expand-md #account-menu .account-message { font-family: Canela; line-height: 1.125rem; } .navbar.navbar-expand-md #account-menu .joinnow-link { color: #00302d; } .navbar.navbar-expand-md #account-menu:not(#account-menu), .navbar.navbar-expand-md #shop-menu:not(#account-menu), .navbar.navbar-expand-md #about-menu:not(#account-menu), .navbar.navbar-expand-md #utility-menu:not(#account-menu) { background: transparent; transition: all .5s linear; } .navbar.navbar-expand-md #account-menu .icon-plus, .navbar.navbar-expand-md #shop-menu .icon-plus, .navbar.navbar-expand-md #about-menu .icon-plus, .navbar.navbar-expand-md #utility-menu .icon-plus { display: inline-block; } .navbar.navbar-expand-md #account-menu .icon-minus, .navbar.navbar-expand-md #shop-menu .icon-minus, .navbar.navbar-expand-md #about-menu .icon-minus, .navbar.navbar-expand-md #utility-menu .icon-minus { display: none; } .navbar.navbar-expand-md #account-menu.active, .navbar.navbar-expand-md #shop-menu.active, .navbar.navbar-expand-md #about-menu.active, .navbar.navbar-expand-md #utility-menu.active { background: #fff !important; } .navbar.navbar-expand-md #account-menu.active .icon-plus, .navbar.navbar-expand-md #shop-menu.active .icon-plus, .navbar.navbar-expand-md #about-menu.active .icon-plus, .navbar.navbar-expand-md #utility-menu.active .icon-plus { display: none; } .navbar.navbar-expand-md #account-menu.active .icon-minus, .navbar.navbar-expand-md #shop-menu.active .icon-minus, .navbar.navbar-expand-md #about-menu.active .icon-minus, .navbar.navbar-expand-md #utility-menu.active .icon-minus { display: inline-block; } .navbar.navbar-expand-md #account-menu button, .navbar.navbar-expand-md #account-menu a, .navbar.navbar-expand-md #shop-menu button, .navbar.navbar-expand-md #shop-menu a, .navbar.navbar-expand-md #about-menu button, .navbar.navbar-expand-md #about-menu a, .navbar.navbar-expand-md #utility-menu button, .navbar.navbar-expand-md #utility-menu a { text-transform: uppercase; font-weight: 600; } .navbar.navbar-expand-md #account-menu button:hover, .navbar.navbar-expand-md #account-menu button:focus, .navbar.navbar-expand-md #account-menu a:hover, .navbar.navbar-expand-md #account-menu a:focus, .navbar.navbar-expand-md #shop-menu button:hover, .navbar.navbar-expand-md #shop-menu button:focus, .navbar.navbar-expand-md #shop-menu a:hover, .navbar.navbar-expand-md #shop-menu a:focus, .navbar.navbar-expand-md #about-menu button:hover, .navbar.navbar-expand-md #about-menu button:focus, .navbar.navbar-expand-md #about-menu a:hover, .navbar.navbar-expand-md #about-menu a:focus, .navbar.navbar-expand-md #utility-menu button:hover, .navbar.navbar-expand-md #utility-menu button:focus, .navbar.navbar-expand-md #utility-menu a:hover, .navbar.navbar-expand-md #utility-menu a:focus { text-decoration: none; color: #00302d; } .navbar.navbar-expand-md #account-menu button.btn-link, .navbar.navbar-expand-md #account-menu a.btn-link, .navbar.navbar-expand-md #shop-menu button.btn-link, .navbar.navbar-expand-md #shop-menu a.btn-link, .navbar.navbar-expand-md #about-menu button.btn-link, .navbar.navbar-expand-md #about-menu a.btn-link, .navbar.navbar-expand-md #utility-menu button.btn-link, .navbar.navbar-expand-md #utility-menu a.btn-link { color: #00302d; } .navbar.navbar-expand-md #account-menu button.nav-link, .navbar.navbar-expand-md #account-menu a.nav-link, .navbar.navbar-expand-md #shop-menu button.nav-link, .navbar.navbar-expand-md #shop-menu a.nav-link, .navbar.navbar-expand-md #about-menu button.nav-link, .navbar.navbar-expand-md #about-menu a.nav-link, .navbar.navbar-expand-md #utility-menu button.nav-link, .navbar.navbar-expand-md #utility-menu a.nav-link { color: #00302d; font-weight: 500; } .navbar.navbar-expand-md #account-menu button.nav-link span, .navbar.navbar-expand-md #account-menu a.nav-link span, .navbar.navbar-expand-md #shop-menu button.nav-link span, .navbar.navbar-expand-md #shop-menu a.nav-link span, .navbar.navbar-expand-md #about-menu button.nav-link span, .navbar.navbar-expand-md #about-menu a.nav-link span, .navbar.navbar-expand-md #utility-menu button.nav-link span, .navbar.navbar-expand-md #utility-menu a.nav-link span { display: inline-block; position: relative; background-color: transparent; } .navbar.navbar-expand-md #account-menu button.nav-link span::after, .navbar.navbar-expand-md #account-menu a.nav-link span::after, .navbar.navbar-expand-md #shop-menu button.nav-link span::after, .navbar.navbar-expand-md #shop-menu a.nav-link span::after, .navbar.navbar-expand-md #about-menu button.nav-link span::after, .navbar.navbar-expand-md #about-menu a.nav-link span::after, .navbar.navbar-expand-md #utility-menu button.nav-link span::after, .navbar.navbar-expand-md #utility-menu a.nav-link span::after { content: ""; position: absolute; bottom: -2px; height: 2px; width: 100%; left: 0; background-color: #00302d; width: 0; transition: width 0.4s cubic-bezier(0.45, 0.05, 0.5, 0.1); } .navbar.navbar-expand-md #account-menu button.nav-link:hover, .navbar.navbar-expand-md #account-menu button.nav-link:focus, .navbar.navbar-expand-md #account-menu button.nav-link.active, .navbar.navbar-expand-md #account-menu a.nav-link:hover, .navbar.navbar-expand-md #account-menu a.nav-link:focus, .navbar.navbar-expand-md #account-menu a.nav-link.active, .navbar.navbar-expand-md #shop-menu button.nav-link:hover, .navbar.navbar-expand-md #shop-menu button.nav-link:focus, .navbar.navbar-expand-md #shop-menu button.nav-link.active, .navbar.navbar-expand-md #shop-menu a.nav-link:hover, .navbar.navbar-expand-md #shop-menu a.nav-link:focus, .navbar.navbar-expand-md #shop-menu a.nav-link.active, .navbar.navbar-expand-md #about-menu button.nav-link:hover, .navbar.navbar-expand-md #about-menu button.nav-link:focus, .navbar.navbar-expand-md #about-menu button.nav-link.active, .navbar.navbar-expand-md #about-menu a.nav-link:hover, .navbar.navbar-expand-md #about-menu a.nav-link:focus, .navbar.navbar-expand-md #about-menu a.nav-link.active, .navbar.navbar-expand-md #utility-menu button.nav-link:hover, .navbar.navbar-expand-md #utility-menu button.nav-link:focus, .navbar.navbar-expand-md #utility-menu button.nav-link.active, .navbar.navbar-expand-md #utility-menu a.nav-link:hover, .navbar.navbar-expand-md #utility-menu a.nav-link:focus, .navbar.navbar-expand-md #utility-menu a.nav-link.active { text-decoration: none; } .navbar.navbar-expand-md #account-menu button.nav-link:hover span::after, .navbar.navbar-expand-md #account-menu button.nav-link:focus span::after, .navbar.navbar-expand-md #account-menu button.nav-link.active span::after, .navbar.navbar-expand-md #account-menu a.nav-link:hover span::after, .navbar.navbar-expand-md #account-menu a.nav-link:focus span::after, .navbar.navbar-expand-md #account-menu a.nav-link.active span::after, .navbar.navbar-expand-md #shop-menu button.nav-link:hover span::after, .navbar.navbar-expand-md #shop-menu button.nav-link:focus span::after, .navbar.navbar-expand-md #shop-menu button.nav-link.active span::after, .navbar.navbar-expand-md #shop-menu a.nav-link:hover span::after, .navbar.navbar-expand-md #shop-menu a.nav-link:focus span::after, .navbar.navbar-expand-md #shop-menu a.nav-link.active span::after, .navbar.navbar-expand-md #about-menu button.nav-link:hover span::after, .navbar.navbar-expand-md #about-menu button.nav-link:focus span::after, .navbar.navbar-expand-md #about-menu button.nav-link.active span::after, .navbar.navbar-expand-md #about-menu a.nav-link:hover span::after, .navbar.navbar-expand-md #about-menu a.nav-link:focus span::after, .navbar.navbar-expand-md #about-menu a.nav-link.active span::after, .navbar.navbar-expand-md #utility-menu button.nav-link:hover span::after, .navbar.navbar-expand-md #utility-menu button.nav-link:focus span::after, .navbar.navbar-expand-md #utility-menu button.nav-link.active span::after, .navbar.navbar-expand-md #utility-menu a.nav-link:hover span::after, .navbar.navbar-expand-md #utility-menu a.nav-link:focus span::after, .navbar.navbar-expand-md #utility-menu a.nav-link.active span::after { width: 100%; } .navbar.navbar-expand-md #account-menu button.nav-link:hover.btn::after, .navbar.navbar-expand-md #account-menu button.nav-link:focus.btn::after, .navbar.navbar-expand-md #account-menu button.nav-link.active.btn::after, .navbar.navbar-expand-md #account-menu a.nav-link:hover.btn::after, .navbar.navbar-expand-md #account-menu a.nav-link:focus.btn::after, .navbar.navbar-expand-md #account-menu a.nav-link.active.btn::after, .navbar.navbar-expand-md #shop-menu button.nav-link:hover.btn::after, .navbar.navbar-expand-md #shop-menu button.nav-link:focus.btn::after, .navbar.navbar-expand-md #shop-menu button.nav-link.active.btn::after, .navbar.navbar-expand-md #shop-menu a.nav-link:hover.btn::after, .navbar.navbar-expand-md #shop-menu a.nav-link:focus.btn::after, .navbar.navbar-expand-md #shop-menu a.nav-link.active.btn::after, .navbar.navbar-expand-md #about-menu button.nav-link:hover.btn::after, .navbar.navbar-expand-md #about-menu button.nav-link:focus.btn::after, .navbar.navbar-expand-md #about-menu button.nav-link.active.btn::after, .navbar.navbar-expand-md #about-menu a.nav-link:hover.btn::after, .navbar.navbar-expand-md #about-menu a.nav-link:focus.btn::after, .navbar.navbar-expand-md #about-menu a.nav-link.active.btn::after, .navbar.navbar-expand-md #utility-menu button.nav-link:hover.btn::after, .navbar.navbar-expand-md #utility-menu button.nav-link:focus.btn::after, .navbar.navbar-expand-md #utility-menu button.nav-link.active.btn::after, .navbar.navbar-expand-md #utility-menu a.nav-link:hover.btn::after, .navbar.navbar-expand-md #utility-menu a.nav-link:focus.btn::after, .navbar.navbar-expand-md #utility-menu a.nav-link.active.btn::after { top: 50%; } .navbar.navbar-expand-md #account-menu button.nav-link.btn::after, .navbar.navbar-expand-md #account-menu a.nav-link.btn::after, .navbar.navbar-expand-md #shop-menu button.nav-link.btn::after, .navbar.navbar-expand-md #shop-menu a.nav-link.btn::after, .navbar.navbar-expand-md #about-menu button.nav-link.btn::after, .navbar.navbar-expand-md #about-menu a.nav-link.btn::after, .navbar.navbar-expand-md #utility-menu button.nav-link.btn::after, .navbar.navbar-expand-md #utility-menu a.nav-link.btn::after { top: 50%; } .navbar.navbar-expand-md #account-menu .card, .navbar.navbar-expand-md #shop-menu .card, .navbar.navbar-expand-md #about-menu .card, .navbar.navbar-expand-md #utility-menu .card { border: none; margin: 0; } .navbar.navbar-expand-md #account-menu .card .card-header, .navbar.navbar-expand-md #shop-menu .card .card-header, .navbar.navbar-expand-md #about-menu .card .card-header, .navbar.navbar-expand-md #utility-menu .card .card-header { padding: 0; border: none; } .navbar.navbar-expand-md #account-menu .card .card-header button, .navbar.navbar-expand-md #shop-menu .card .card-header button, .navbar.navbar-expand-md #about-menu .card .card-header button, .navbar.navbar-expand-md #utility-menu .card .card-header button { width: 100%; display: flex; justify-content: space-between; padding: 0; text-align: left; border: none; line-height: inherit; padding-left: calc((24px * 1) + 0px); padding-right: calc((24px * 1) + 0px); padding-top: 0.75rem; padding-bottom: 0.75rem; } @media (min-width: 375px) { .navbar.navbar-expand-md #account-menu .card .card-header button, .navbar.navbar-expand-md #shop-menu .card .card-header button, .navbar.navbar-expand-md #about-menu .card .card-header button, .navbar.navbar-expand-md #utility-menu .card .card-header button { padding-left: calc((24px * 1) + 0px); padding-right: calc((24px * 1) + 0px); } } @media (min-width: 1024px) { .navbar.navbar-expand-md #account-menu .card .card-header button, .navbar.navbar-expand-md #shop-menu .card .card-header button, .navbar.navbar-expand-md #about-menu .card .card-header button, .navbar.navbar-expand-md #utility-menu .card .card-header button { padding-left: calc((40px * 1) + 0px); padding-right: calc((40px * 1) + 0px); } } @media (min-width: 1440px) { .navbar.navbar-expand-md #account-menu .card .card-header button, .navbar.navbar-expand-md #shop-menu .card .card-header button, .navbar.navbar-expand-md #about-menu .card .card-header button, .navbar.navbar-expand-md #utility-menu .card .card-header button { padding-left: calc((48px * 1) + 0px); padding-right: calc((48px * 1) + 0px); } } .navbar.navbar-expand-md #account-menu .card .card-header button .icon, .navbar.navbar-expand-md #shop-menu .card .card-header button .icon, .navbar.navbar-expand-md #about-menu .card .card-header button .icon, .navbar.navbar-expand-md #utility-menu .card .card-header button .icon { margin: -0.5rem -0.5rem -0.5rem 0; } .navbar.navbar-expand-md #account-menu .card .card-body, .navbar.navbar-expand-md #shop-menu .card .card-body, .navbar.navbar-expand-md #about-menu .card .card-body, .navbar.navbar-expand-md #utility-menu .card .card-body { padding: 0; } .navbar.navbar-expand-md #account-menu .card .card-body .navbar-nav, .navbar.navbar-expand-md #shop-menu .card .card-body .navbar-nav, .navbar.navbar-expand-md #about-menu .card .card-body .navbar-nav, .navbar.navbar-expand-md #utility-menu .card .card-body .navbar-nav { display: block; } .navbar.navbar-expand-md #account-menu .nav-item, .navbar.navbar-expand-md #shop-menu .nav-item, .navbar.navbar-expand-md #about-menu .nav-item, .navbar.navbar-expand-md #utility-menu .nav-item { border: none; } .navbar.navbar-expand-md #account-menu .nav-item a, .navbar.navbar-expand-md #shop-menu .nav-item a, .navbar.navbar-expand-md #about-menu .nav-item a, .navbar.navbar-expand-md #utility-menu .nav-item a { display: block; padding-left: calc((24px * 1) + 0px); padding-right: calc((24px * 1) + 0px); padding-top: 0.75rem; padding-bottom: 0.75rem; line-height: inherit; } @media (min-width: 375px) { .navbar.navbar-expand-md #account-menu .nav-item a, .navbar.navbar-expand-md #shop-menu .nav-item a, .navbar.navbar-expand-md #about-menu .nav-item a, .navbar.navbar-expand-md #utility-menu .nav-item a { padding-left: calc((24px * 1) + 0px); padding-right: calc((24px * 1) + 0px); } } @media (min-width: 1024px) { .navbar.navbar-expand-md #account-menu .nav-item a, .navbar.navbar-expand-md #shop-menu .nav-item a, .navbar.navbar-expand-md #about-menu .nav-item a, .navbar.navbar-expand-md #utility-menu .nav-item a { padding-left: calc((40px * 1) + 0px); padding-right: calc((40px * 1) + 0px); } } @media (min-width: 1440px) { .navbar.navbar-expand-md #account-menu .nav-item a, .navbar.navbar-expand-md #shop-menu .nav-item a, .navbar.navbar-expand-md #about-menu .nav-item a, .navbar.navbar-expand-md #utility-menu .nav-item a { padding-left: calc((48px * 1) + 0px); padding-right: calc((48px * 1) + 0px); } } @media (min-width: 1024px) { .navbar.navbar-expand-md #shop-menu { padding-top: calc((24px * 0.5) + 0px); } } @media (min-width: 1024px) and (min-width: 375px) { .navbar.navbar-expand-md #shop-menu { padding-top: calc((24px * 0.5) + 0px); } } @media (min-width: 1024px) and (min-width: 1024px) { .navbar.navbar-expand-md #shop-menu { padding-top: calc((40px * 0.5) + 0px); } } @media (min-width: 1024px) and (min-width: 1440px) { .navbar.navbar-expand-md #shop-menu { padding-top: calc((48px * 0.5) + 0px); } } .navbar.navbar-expand-md #shop-menu .card .card-header button { padding-top: calc((24px * 1) + 0px); } @media (min-width: 375px) { .navbar.navbar-expand-md #shop-menu .card .card-header button { padding-top: calc((24px * 1) + 0px); } } @media (min-width: 1024px) { .navbar.navbar-expand-md #shop-menu .card .card-header button { padding-top: calc((40px * 1) + 0px); } } @media (min-width: 1440px) { .navbar.navbar-expand-md #shop-menu .card .card-header button { padding-top: calc((48px * 1) + 0px); } } @media (min-width: 1024px) { .navbar.navbar-expand-md #about-menu { padding-top: calc((24px * 0.5) + 0px); } } @media (min-width: 1024px) and (min-width: 375px) { .navbar.navbar-expand-md #about-menu { padding-top: calc((24px * 0.5) + 0px); } } @media (min-width: 1024px) and (min-width: 1024px) { .navbar.navbar-expand-md #about-menu { padding-top: calc((40px * 0.5) + 0px); } } @media (min-width: 1024px) and (min-width: 1440px) { .navbar.navbar-expand-md #about-menu { padding-top: calc((48px * 0.5) + 0px); } } .navbar.navbar-expand-md #search-menu { width: 100%; flex-wrap: wrap; border: none; } @media (min-width: 1024px) { .navbar.navbar-expand-md #utility-menu { padding-top: calc((24px * 0.5) + 0px); } } @media (min-width: 1024px) and (min-width: 375px) { .navbar.navbar-expand-md #utility-menu { padding-top: calc((24px * 0.5) + 0px); } } @media (min-width: 1024px) and (min-width: 1024px) { .navbar.navbar-expand-md #utility-menu { padding-top: calc((40px * 0.5) + 0px); } } @media (min-width: 1024px) and (min-width: 1440px) { .navbar.navbar-expand-md #utility-menu { padding-top: calc((48px * 0.5) + 0px); } } .navbar.navbar-expand-md #utility-menu .navbar-nav { display: block; }
@media (max-width: 374.98px) { .menu-toggleable-left.navbar-toggleable-xs, .navbar-toggleable-xs.menu-toggleable-right, .navbar-toggleable-xs.navbar-toggleable-lg.menu-toggleable-right-top { bottom: auto; } }
@media (max-width: 1023.98px) { .menu-toggleable-left.navbar-toggleable-sm, .navbar-toggleable-sm.menu-toggleable-right, .navbar-toggleable-sm.navbar-toggleable-lg.menu-toggleable-right-top { bottom: auto; } }
@media (max-width: 1439.98px) { .menu-toggleable-left.navbar-toggleable-md, .navbar-toggleable-md.menu-toggleable-right, .navbar-toggleable-md.navbar-toggleable-lg.menu-toggleable-right-top { bottom: auto; } }
.menu-toggleable-left.navbar-toggleable-lg, .navbar-toggleable-lg.menu-toggleable-right, .navbar-toggleable-lg.menu-toggleable-right-top { bottom: auto; }
.main-menu { margin: 0; } @media (min-width: 1024px) { .main-menu { margin-top: 5.5625rem; min-width: 23.4375rem !important; max-width: 24rem !important; } } .main-menu .close-menu { border: none; }
.menu-toggleable-left, .menu-toggleable-right, .navbar-toggleable-lg.menu-toggleable-right-top { bottom: 0 !important; left: -100%; width: 100%; transition: left 0.5s cubic-bezier(0.25, 0.46, 0.45, 0.94) !important; } @media (max-width: 1023.98px) { .menu-toggleable-left.in, .in.menu-toggleable-right, .in.navbar-toggleable-lg.menu-toggleable-right-top { margin-right: 0; } }
.menu-toggleable-right, .navbar-toggleable-lg.menu-toggleable-right-top { left: auto !important; right: -100%; transition: right 0.5s cubic-bezier(0.25, 0.46, 0.45, 0.94) !important; } .menu-toggleable-right.in, .in.navbar-toggleable-lg.menu-toggleable-right-top { left: auto !important; right: 0; }
.navbar-toggleable-lg.menu-toggleable-right-top { max-width: 100% !important; bottom: auto !important; transition: all 0.5s cubic-bezier(0.25, 0.46, 0.45, 0.94) !important; } @media (max-width: 1023.98px) { .navbar-toggleable-lg.menu-toggleable-right-top { bottom: 0 !important; } } @media (min-width: 1024px) { .navbar-toggleable-lg.menu-toggleable-right-top.reveal { margin-top: 0; } } .navbar-toggleable-lg.menu-toggleable-right-top .navbar.navbar-expand-md { padding-bottom: 0; } .navbar-toggleable-lg.menu-toggleable-right-top .header-logo-img { max-width: 100%; margin-top: 0.75rem; } @media (min-width: 1024px) { .navbar-toggleable-lg.menu-toggleable-right-top .header-logo-img { max-width: calc(100% - 24px); } } .navbar-toggleable-lg.menu-toggleable-right-top .close-button { position: absolute; top: calc(24px + 5px); right: 24px; } @media (min-width: 375px) { .navbar-toggleable-lg.menu-toggleable-right-top .close-button { top: calc(24px + 5px); right: 24px; } } @media (min-width: 1024px) { .navbar-toggleable-lg.menu-toggleable-right-top .close-button { top: calc(40px + 5px); right: 40px; } } @media (min-width: 1440px) { .navbar-toggleable-lg.menu-toggleable-right-top .close-button { top: calc(48px + 5px); right: 48px; } }
.no-border { border: none !important; }
.global-header { background-color: #e0ff90; position: -webkit-sticky; position: sticky; top: 0; z-index: 1050; }
#header-promo-bar { background-color: #00302d; z-index: -1; } #header-promo-bar > .container { position: relative; max-width: 23.4375rem; padding-left: 0; padding-right: 0; } #header-promo-bar .carousel-item { text-transform: uppercase; } #header-promo-bar .carousel-control-prev, #header-promo-bar .carousel-control-next { background-color: #00302d; opacity: 1; width: 0.375rem; } #header-promo-bar .carousel-control-prev.carousel-control-prev, #header-promo-bar .carousel-control-next.carousel-control-prev { padding-right: 0.625rem; padding-left: 1.5rem; } #header-promo-bar .carousel-control-prev.carousel-control-next, #header-promo-bar .carousel-control-next.carousel-control-next { padding-left: 0.625rem; padding-right: 1.5rem; } #header-promo-bar .carousel-control-prev svg, #header-promo-bar .carousel-control-next svg { fill: #e0ff90; }
.page-header .header { height: 3rem; display: flex; justify-content: space-between; } @media (min-width: 1024px) { .page-header .header { height: 3.5rem; } } .page-header .header-large-screen-nav { display: flex; flex-wrap: nowrap; align-items: center; min-width: 8.75rem; } .page-header .header-large-screen-nav li.nav-item:not(:last-child) { margin-right: 2.25rem; } .page-header .header-large-screen-nav a { padding: 0.5rem 0; color: #00302d; font-weight: 600; } .page-header .header-large-screen-nav a span { display: inline-block; position: relative; background-color: transparent; } .page-header .header-large-screen-nav a span::after { content: ""; position: absolute; bottom: -2px; height: 2px; width: 100%; left: 0; background-color: #00302d; width: 0; transition: width 0.4s cubic-bezier(0.45, 0.05, 0.5, 0.1); } .page-header .header-large-screen-nav a:hover, .page-header .header-large-screen-nav a:focus, .page-header .header-large-screen-nav a.active { text-decoration: none; } .page-header .header-large-screen-nav a:hover span::after, .page-header .header-large-screen-nav a:focus span::after, .page-header .header-large-screen-nav a.active span::after { width: 100%; } .page-header .header-large-screen-nav a:hover.btn::after, .page-header .header-large-screen-nav a:focus.btn::after, .page-header .header-large-screen-nav a.active.btn::after { top: 50%; } .page-header .header-large-screen-nav a.btn::after { top: 50%; } .page-header .header-large-screen-nav a:hover { color: #00302d; background: none; } .page-header .header-logo { height: 0.75rem; line-height: 0.0625rem; align-self: center; } @media (min-width: 1024px) { .page-header .header-logo { height: 1rem; } } .page-header .header-logo-img { max-height: 100%; } .page-header .header-search-container { display: flex; align-items: stretch; max-width: 80%; } .page-header .header .fa { color: #00302d; }
.page-header .main-menu .nav-item { text-transform: uppercase; letter-spacing: 1px; } .page-header .main-menu .nav-item .nav-link, .page-header .main-menu .nav-item .fa { color: #00302d; }
.page-header .mobile-nav-toggle { display: flex; align-items: center; } .page-header .mobile-nav-toggle .navbar-toggler { color: #00302d; padding: 0; margin-right: -0.5rem; }
.page-header .user,
.page-header .search,
.page-header .minicart { display: flex; align-items: center; height: 100%; }
.page-header .user,
.page-header .minicart,
.page-header .search,
.page-header .mobile-nav-toggle { margin: 0 0 0 0.5rem; } @media (min-width: 1024px) { .page-header .user, .page-header .minicart, .page-header .search, .page-header .mobile-nav-toggle { margin-left: 1rem; } }
.page-header .user { white-space: nowrap; position: relative; } .page-header .user .fa { margin-right: 0.3125rem; } .page-header .user-link { height: 100%; display: flex; align-items: center; padding: 20px; background: transparent; text-decoration: none; } .page-header .user .popover { position: absolute; display: none; padding: 0.875rem; top: 100%; left: 0; border-radius: 0; } .page-header .user .popover a { white-space: nowrap; margin-bottom: 0.4375rem; } .page-header .user .popover::before { left: 1.5rem; } .page-header .user .popover::after { left: 1.5rem; } .page-header .user .popover.show { display: block; } .page-header .user[aria-expanded="true"] { background-color: #65665c; }
.page-header .search .search-button { padding: 0; background-color: transparent; border: none; }
@media (min-width: 1024px) { .page-header .navbar-nav { justify-content: center; } }
.page-header .navbar-toggler { color: #000; padding-top: 0; }
@media (min-width: 1024px) { .page-header .dropdown-toggle::after { display: none; } }
.page-header .minicart { color: #00302d; } @media (min-width: 1024px) { .page-header .minicart { margin-right: -0.5rem; } } .page-header .minicart-icon-wrapper { position: relative; } .page-header .minicart-link { display: flex; justify-content: center; align-items: center; width: 2rem; height: 2rem; } .page-header .minicart-quantity { position: absolute; left: 50%; top: 55%; transform: translate(-50%, -50%); background-color: transparent; font-weight: bold; color: #00302d; } @media (min-width: 1440px) { .page-header .minicart .popover .quantity { padding-left: 0.5rem; } } .page-header .minicart .minicart-link { cursor: pointer; }
.page-header--no-menu { background-color: #e0ff90; } .page-header--no-menu .header { padding: 0 1.5rem; align-items: center; } @media (min-width: 1440px) { .page-header--no-menu .header { padding: 0 3rem; } } .page-header--no-menu .header-logo-img { width: 15.0625rem; } .page-header--no-menu .minicart { background-color: transparent; } .page-header--no-menu .minicart-link { color: #fff; }
.mini-cart-react .minicart-component { display: flex; flex-direction: column; height: calc(100vh - 99px); position: fixed; top: 6.1875rem; right: 0; z-index: 999; padding: 1.625rem 2rem 8.5625rem 2rem; width: 29rem; background: #f9f7f6; transform: translateX(120%); transition: transform .5s ease-in-out; } @media (min-width: 1440px) { .mini-cart-react .minicart-component { padding: 1.625rem 3rem 8.5625rem 3rem; } } .mini-cart-react .minicart-component.active { transform: translateX(0%); } .mini-cart-react .minicart-component .minicart-header { margin-bottom: 1.25rem; } .mini-cart-react .minicart-component .minicart-header .minicart-header-top { display: flex; justify-content: space-between; align-items: center; } .mini-cart-react .minicart-component .minicart-header .minicart-header-top .minicart-header-title { font-size: 1.5rem; line-height: 1.75rem; color: #00302d; font-family: Canela; } .mini-cart-react .minicart-component .minicart-header .minicart-header-top .minicart-close { border: 0; background: none; width: 2rem; height: 2rem; outline: none; } .mini-cart-react .minicart-component .minicart-header .minicart-header-top .minicart-close:focus { outline: none; } .mini-cart-react .minicart-component .minicart-header .minicart-header-top .minicart-close svg { width: 2rem; height: 2rem; } .mini-cart-react .minicart-component .minicart-header .minicart-header-text { font-family: Canela; font-size: 1.125rem; line-height: 1.375rem; font-weight: 300; color: #555650; margin-top: 0.875rem; } .mini-cart-react .minicart-component .minicart-footer { padding: 1.625rem 3rem; border-top: 1px solid #BCC1C1; position: absolute; bottom: 0; width: 100%; left: 0; background: #f9f7f6; } .mini-cart-react .minicart-component .minicart-footer .minicart-subtotal { display: flex; justify-content: space-between; color: #00302D; font-family: Calibre, sans-serif; font-size: 1rem; line-height: 1.25rem; font-weight: 600; margin-bottom: 1.25rem; letter-spacing: 0.05em; } .mini-cart-react .minicart-component .minicart-footer .minicart-checkout-cta { background: #cfe8c9; border: none; padding: 0.8125rem; font-size: 1rem; line-height: 1.25rem; color: #00302d; text-transform: uppercase; width: 100%; letter-spacing: 0.15em; } .mini-cart-react .minicart-component .minicart-productlist { list-style: none; margin: 0; padding: 0; flex: 1; overflow-y: auto; padding-right: 0.5rem; scrollbar-width: thin; scrollbar-color: #c5c4c3 transparent; } .mini-cart-react .minicart-component .minicart-productlist::-webkit-scrollbar { width: 5px; height: 5px; } .mini-cart-react .minicart-component .minicart-productlist::-webkit-scrollbar-track { background-color: transparent; } .mini-cart-react .minicart-component .minicart-productlist::-webkit-scrollbar-thumb { background-color: #c5c4c3; } .mini-cart-react .minicart-component .minicart-productlist .product-info { display: flex; flex-direction: column; padding-bottom: 1rem; background-color: transparent; border: 0; border-radius: 0; padding-top: 0 !important; } .mini-cart-react .minicart-component .minicart-productlist .product-info:not(:last-child) { border-bottom: 1px solid #BCC1C1; } .mini-cart-react .minicart-component .minicart-productlist .product-info:not(:first-child) { margin-top: 1rem; } .mini-cart-react .minicart-component .minicart-productlist .product-info .item-image { width: 6.875rem; height: 6.875rem; } .mini-cart-react .minicart-component .minicart-productlist .product-info .item-image img { width: 6.875rem; height: 6.875rem; } .mini-cart-react .minicart-component .minicart-productlist .product-info .item-details { flex-direction: column; } .mini-cart-react .minicart-component .minicart-productlist .product-info .line-item-name { font-family: Canela; font-weight: 300; font-size: 1.125rem; line-height: 1.375rem; color: #00302d; margin-bottom: 0.625rem; white-space: normal; } .mini-cart-react .minicart-component .minicart-productlist .product-info .price, .mini-cart-react .minicart-component .minicart-productlist .product-info .line-item-total-price, .mini-cart-react .minicart-component .minicart-productlist .product-info .pricing, .mini-cart-react .minicart-component .minicart-productlist .product-info .price__base span { font-size: 0.875rem; line-height: 1.125rem; color: #00302d; font-weight: 300; letter-spacing: 0.05em; } .mini-cart-react .minicart-component .minicart-productlist .product-info .price__base { margin-left: 0.3125rem; } .mini-cart-react .minicart-component .minicart-productlist .product-info .line-item-attributes { font-size: 0.875rem; line-height: 1.125rem; color: #65665D; } .mini-cart-react .minicart-component .minicart-productlist .product-info .line-item-remove { font-size: 0.875rem; text-transform: uppercase; font-weight: 600; line-height: 1.25rem; border: none; padding: 0; color: #00302d; background: none; } .mini-cart-react .minicart-component .minicart-productlist .product-info .line-item-quantity span { font-weight: 600; } .mini-cart-react .minicart-component .minicart-productlist .product-info .bonus-label { font-weight: 600; }
.mini-cart-react .minicart-overlay { transition: all 0.5s ease-out; } .mini-cart-react .minicart-overlay.active { position: fixed; left: 0px; top: 6.1875rem; width: 100vw; background: #00302d; z-index: 998; height: calc(100vh - 78px); opacity: .7; transition: all .5s ease-in; } .mini-cart-react .minicart-overlay.active.fadeout { opacity: 0; }
@media (max-width: 374.98px) { .collapsible-xs .title { line-height: 2.5rem; } .collapsible-xs .title::after { display: block; clear: both; content: ""; } .collapsible-xs .title::after { float: right; content: "\f078"; font-family: "FontAwesome"; } .collapsible-xs .content, .collapsible-xs .card-body { display: none; } .collapsible-xs.active .title::after { content: "\f077"; margin-top: -0.125em; } .collapsible-xs.active .content, .collapsible-xs.active .card-body { display: block; } }
.container div.collapsible-xs button.title { color: #000; text-decoration: none; border: none; background-color: transparent; } .container div.collapsible-xs button.title:hover { text-decoration: none; }
@media (max-width: 1023.98px) { .collapsible-sm .title { line-height: 2.5rem; } .collapsible-sm .title::after { display: block; clear: both; content: ""; } .collapsible-sm .title::after { float: right; content: "\f078"; font-family: "FontAwesome"; } .collapsible-sm .content, .collapsible-sm .card-body { display: none; } .collapsible-sm.active .title::after { content: "\f077"; margin-top: -0.125em; } .collapsible-sm.active .content, .collapsible-sm.active .card-body { display: block; } }
.container div.collapsible-sm button.title { color: #000; text-decoration: none; border: none; background-color: transparent; } .container div.collapsible-sm button.title:hover { text-decoration: none; }
@media (max-width: 1439.98px) { .collapsible-md .title { line-height: 2.5rem; } .collapsible-md .title::after { display: block; clear: both; content: ""; } .collapsible-md .title::after { float: right; content: "\f078"; font-family: "FontAwesome"; } .collapsible-md .content, .collapsible-md .card-body { display: none; } .collapsible-md.active .title::after { content: "\f077"; margin-top: -0.125em; } .collapsible-md.active .content, .collapsible-md.active .card-body { display: block; } }
.container div.collapsible-md button.title { color: #000; text-decoration: none; border: none; background-color: transparent; } .container div.collapsible-md button.title:hover { text-decoration: none; }
.collapsible-lg .title { line-height: 2.5rem; } .collapsible-lg .title::after { display: block; clear: both; content: ""; } .collapsible-lg .title::after { float: right; content: "\f078"; font-family: "FontAwesome"; }
.collapsible-lg .content,
.collapsible-lg .card-body { display: none; }
.collapsible-lg.active .title::after { content: "\f077"; margin-top: -0.125em; }
.collapsible-lg.active .content,
.collapsible-lg.active .card-body { display: block; }
.container div.collapsible-lg button.title { color: #000; text-decoration: none; border: none; background-color: transparent; } .container div.collapsible-lg button.title:hover { text-decoration: none; }
footer { background-color: #e9ecef; padding-top: 1.25em; padding-bottom: 1.25em; } footer h2 { font-size: 1rem; margin-bottom: 0; line-height: 2.5em; } footer ul { list-style: none; padding-left: 0; } footer .social h2 { margin-top: 0; } footer .social::after { display: block; clear: both; content: ""; } footer .copyright, footer .social { margin-top: 1.25em; } footer .footer-container .footer-item.collapsible-xs button { font-family: 'Dosis', sans-serif; padding: 0; } footer .social-links { float: left; } footer .social-links::after { display: block; clear: both; content: ""; } @media (max-width: 374.98px) { footer .social-links { width: 80%; } } footer .social-links li { float: left; margin: 0.313em; } @media (max-width: 374.98px) { footer .social-links li { width: 20%; text-align: center; } } footer .social-links a { font-size: 2.25em; } footer .social-links a:hover { text-decoration: none; } @media (max-width: 374.98px) { footer .store { border-bottom: 1px solid #444; } footer .store .content { display: none; } footer .store h2::after { display: block; clear: both; content: ""; } footer .store h2::after { font-family: "FontAwesome"; float: right; content: "\f041"; } } footer .content { font-size: 0.875em; } footer .content li { height: 1.875rem; } footer .copyright, footer .postscript { font-size: 0.8125em; } footer .copyright { margin-bottom: 0.625em; } footer .back-to-top { margin: 0.1em 0.313em; padding: 0; background-color: transparent; border: 0; -webkit-appearance: none; } footer .back-to-top i.fa-arrow-up { color: rgba(0, 0, 0, 0.7); } footer .back-to-top i.fa-circle { text-shadow: 0 2px 10px rgba(0, 0, 0, 0.2); }
@media (max-width: 374.98px) { .footer-item { border-bottom: 1px solid #444; } }
#consent-tracking .button-wrapper button { margin: 0.5em; }
.email-signup-message { transform: translate(-50%, -50%); position: fixed; top: 15%; left: 50%; }
.email-signup-alert { -webkit-animation: fade 5s linear forwards; animation: fade 5s linear forwards; box-shadow: 1px 1px 5px grey; padding: 1em; }
@-webkit-keyframes fade { 0% { opacity: 0; } 10% { opacity: 1; } 90% { opacity: 1; } 100% { opacity: 0; } }
@keyframes fade { 0% { opacity: 0; } 10% { opacity: 1; } 90% { opacity: 1; } 100% { opacity: 0; } } .email-signup-alert.show { display: block; }
.footer { padding: 0; background-color: #00302d; margin-top: 0; }
.email-signup-message { top: auto; left: auto; bottom: -104px; -webkit-animation: none; animation: none; -webkit-animation: translateUp 2s ease; animation: translateUp 2s ease; -webkit-animation-iteration-count: 2; animation-iteration-count: 2; -webkit-animation-timing-function: cubic-bezier(0.14, 0.75, 0.2, 1.01); animation-timing-function: cubic-bezier(0.14, 0.75, 0.2, 1.01); -webkit-animation-direction: alternate; animation-direction: alternate; box-shadow: none; padding: 0; margin: 0; height: 56px; width: 100%; font-size: 1.5rem; background-color: #5fe0b7; color: #fff; display: flex; justify-content: center; align-items: center; }
@-webkit-keyframes translateUp { from { transform: translateY(0px); } to { transform: translateY(-104px); } }
@keyframes translateUp { from { transform: translateY(0px); } to { transform: translateY(-104px); } } @media (min-width: 375px) { .email-signup-message { height: 80px; width: auto; right: 24px; border-radius: 4px; bottom: -80px; font-size: 2rem; } }
.email-signup-alert { background-color: transparent; box-shadow: none; color: #fff; padding: 0 24px; margin: 0; }
.hero { height: 25vw; background-size: cover; background-position: 50%; position: relative; } .hero h1.page-title { top: 50%; margin: -1em 0 0; }
@media (min-width: 375px) { .slant-down::after { content: ""; position: absolute; bottom: 0; right: 0; width: 0; height: 0; border: 0 solid transparent; border-right-width: 0; border-left-width: 90vw; border-bottom: 4vw solid #fff; } }
@media (min-width: 375px) { .slant-up::after { content: ""; position: absolute; top: 0; left: 0; width: 0; height: 0; border: 0 solid transparent; border-left-width: 0; border-right-width: 90vw; border-top: 4vw solid #fff; } }
h1.page-title { position: relative; color: white; padding: 0.3125em 0.625em 0.3125em 15px; background-color: #00302d; display: inline-block; margin: 0.9375em 0; font-size: 1.5rem; left: calc((100% - ) / 2); } @media (min-width: 375px) { h1.page-title { font-size: 2rem; } } @media (min-width: 1024px) { h1.page-title { font-size: 3rem; } } h1.page-title::before { content: ""; background-color: #00302d; height: 100%; width: 0; position: absolute; left: 0; top: 0; width: calc((100vw - ) / 2); left: calc((100vw - ) / 2 * -1); } @media (min-width: 1440px) { h1.page-title::before { width: calc((100vw - 1440px) / 2); left: calc((100vw - 1440px) / 2 * -1); } } @media (min-width: 1024px) and (max-width: 1439.98px) { h1.page-title::before { width: calc((100vw - ) / 2); left: calc((100vw - ) / 2 * -1); } } @media (min-width: 1440px) { h1.page-title { left: calc((100% - 1440px) / 2); } } @media (min-width: 1024px) and (max-width: 1439.98px) { h1.page-title { left: calc((100% - ) / 2); } } @media (max-width: 1023.98px) { h1.page-title { left: 0; } }
.hero { margin-bottom: 2rem; } .hero--small { height: auto; background: #f0ede7; margin-bottom: 2rem; } .hero--small h1.page-title { top: auto; margin: 1rem 0; } .hero--small.slant-down::after { display: none; }
h1.page-title { background: none; color: #323239; } h1.page-title::before { display: none; } @media (min-width: 1440px) { h1.page-title { font-size: 3rem; } } @media (min-width: 1024px) { h1.page-title { font-size: 2rem; } }
.notify { position: fixed; top: 0; }
#ConsentTracking { background: #00302d; padding: 1rem 0; position: fixed; bottom: 0; left: 0; z-index: 2; width: 100%; } #ConsentTracking, #ConsentTracking a { color: #fff; } #ConsentTracking a { text-decoration: underline; } #ConsentTracking .close-button { position: absolute; top: 0.1875rem; right: .5rem; } #ConsentTracking .close-button button.close { font-size: 2rem; font-weight: normal; text-shadow: none; opacity: 1; color: #fff; background: transparent; border: none; }
.price { color: #222; } .price .strike-through { text-decoration: line-through; color: #999; margin-right: 0.938rem; } .price .starting, .price .range, .price .sales { font-weight: bold; } .price .tiered { color: #222; } .price .tiered table { border-top: 1px solid #ccc; margin: 0 auto; } .price .tiered table tr:nth-child(odd) { background-color: #eee; } .price .tiered td, .price .tiered span.price { font-size: 0.875rem; font-weight: bold; } .price .tiered td { padding: 0.313rem; } .price .tiered td.quantity { font-weight: normal; text-align: right; } .price .tiered td.value { text-align: left; } .price .tiered .table-header { font-size: 1.125rem; padding: 0.313rem; } .price .tiered .column-header { font-size: 1rem; padding: 0.313rem; font-weight: normal; } .price .tiered .column-header.quantity { text-align: right; }
.product-options { display: flex; flex-wrap: wrap; padding-left: 0; position: relative; margin-right: -0.625rem; margin-bottom: .5rem; } @media (min-width: 1440px) { .product-options { margin-bottom: 1rem; } }
.product-card .product-options { margin-bottom: 0; }
.product-card label.swatch { height: calc(1.375rem + 2px); width: calc(1.375rem + 2px); margin-right: 0.5rem; margin-bottom: 0.6875rem; } .product-card label.swatch.disabled-image:after { border-radius: calc(1.375rem / 2); } .product-card label.swatch div { width: calc(1.375rem + 2px); height: calc(1.375rem + 2px); border-radius: calc(calc(1.375rem + 2px) / 2); } .product-card label.swatch div img { height: 1.375rem; width: 1.375rem; border-radius: calc(1.375rem / 2); }
.product-detail--details label.swatch { height: calc(2rem + 2px); width: calc(2rem + 2px); margin-right: 0.4375rem; margin-bottom: 0.5rem; } .product-detail--details label.swatch.disabled-image:after { border-radius: calc(2rem / 2); } @media (min-width: 1440px) { .product-detail--details label.swatch.disabled-image:after { border-radius: calc(2.75rem / 2); } } @media (min-width: 1440px) { .product-detail--details label.swatch { height: calc(2.75rem + 2px); width: calc(2.75rem + 2px); } } .product-detail--details label.swatch div { width: calc(2rem + 2px); height: calc(2rem + 2px); border-radius: calc(calc(2rem + 2px) / 2); } @media (min-width: 1440px) { .product-detail--details label.swatch div { width: calc(2.75rem + 2px); height: calc(2.75rem + 2px); border-radius: calc(2.75rem + 2px); } } .product-detail--details label.swatch div img { height: 2rem; width: 2rem; border-radius: calc(2rem / 2); } @media (min-width: 1440px) { .product-detail--details label.swatch div img { height: 2.75rem; width: 2.75rem; border-radius: calc(2.75rem / 2); } }
label.swatch { position: relative; } label.swatch.disabled-image:after { display: block; content: ""; position: absolute; top: 1px; left: 1px; width: calc(100% - 2px); height: calc(100% - 2px); border: 1px solid transparent; background: linear-gradient(to bottom right, transparent calc(50% - 2px), #f9f7f6 50%, transparent calc(50% + 2px)) no-repeat 0px 0px/100% 100%; } label.swatch::last-child { margin-right: 0; } label.swatch input { opacity: 0; width: 0; height: 0; position: absolute; } label.swatch div { font-size: .666rem; text-align: center; display: flex; flex-direction: column; align-items: center; justify-content: space-between; cursor: pointer; border: 1px solid transparent; } label.swatch div.selected { border: 1px solid #00302d; } label.swatch div img { border: 2px solid transparent; }
.product-promotions { display: inline-flex; flex-direction: column; align-items: flex-start; } .product-promotions .item { position: relative; margin-bottom: 1.5rem; } .product-promotions .item:last-child { margin-bottom: 0; } .product-promotions .content { display: flex; } .product-promotions p { font-style: normal; font-weight: normal; font-size: 14px; line-height: 18px; color: #00302d; margin-right: 15px; margin-bottom: 0; } .product-promotions p :last-child { margin-right: 0; } .product-promotions .link { color: #00302d; text-decoration: underline; cursor: pointer; } .product-promotions .tooltip, .product-promotions .tooltip--visible { position: absolute; top: 100%; right: auto; bottom: auto; left: 0; box-shadow: 0 3px 6px black, 0 3px 6px black; will-change: opacity, transform; transition: opacity 200ms ease-in-out, transform 200ms ease-in-out; z-index: 99; } .product-promotions .tooltip ::after, .product-promotions .tooltip--visible ::after { content: ''; position: absolute; display: block; width: 25px; height: 25px; background-color: #f9f7f6; top: 0; right: auto; bottom: auto; left: 50%; box-shadow: 0 3px 6px black, 0 3px 6px black; transform: translate(-50%, -50%) rotate(45deg); z-index: -1; } .product-promotions .tooltip { opacity: 0; transform: translate(0, 15px) scale(0.7); } .product-promotions .tooltip__content { padding: 15px; max-width: 100%; height: auto; background-color: #f9f7f6; } .product-promotions .tooltip--visible { opacity: 1; transform: translate(0, 15px) scale(1); } .product-promotions.product-promotions-plp { margin-bottom: 12px; min-height: 4.5rem; } @media (min-width: 1024px) { .product-promotions.product-promotions-plp { min-height: 2.25rem; } } @media (min-width: 768px) { .product-promotions .tooltip, .product-promotions .tooltip--visible { top: 50%; right: 0; bottom: auto; left: auto; } .product-promotions .tooltip ::after, .product-promotions .tooltip--visible ::after { top: 50%; left: 0; } .product-promotions .tooltip { transform: translate(calc(100% + 30px), -50%) scale(0.7); } .product-promotions .tooltip__content { max-width: 200px; } .product-promotions .tooltip--visible { opacity: 1; transform: translate(calc(100% + 30px), -50%) scale(1); } } @media (min-width: 1024px) { .product-promotions.product-promotions-plp { margin-bottom: 5px; } } @media (min-width: 1440px) { .product-promotions.product-promotions-plp { margin-bottom: 0; } }
.add-to-cart-messages { pointer-events: none; position: fixed; right: 1%; bottom: 3%; width: 95%; height: auto; display: flex; justify-content: flex-end; align-items: flex-end; -webkit-animation: slideup-fade 5s ease-in-out; animation: slideup-fade 5s ease-in-out; bottom: 2%; right: 2%; display: flex; flex-direction: column; max-width: 15.625rem; }
@-webkit-keyframes slideup-fade { 0% { opacity: 0; transform: translate(0px, 11.375em); } 50% { opacity: 1; transform: translate(0px, 0px); } 100% { transform: translate(0px, 11.375em); } }
@keyframes slideup-fade { 0% { opacity: 0; transform: translate(0px, 11.375em); } 50% { opacity: 1; transform: translate(0px, 0px); } 100% { transform: translate(0px, 11.375em); } } @media (min-width: 1024px) { .add-to-cart-messages { width: auto; } } .add-to-cart-messages .alert { position: unset; padding: 0.9375rem 1.875rem; margin-bottom: 0; border: none; border-radius: 4px; background-color: #efece8; font-size: 2rem; font-weight: 200; box-shadow: none; }
.add-to-basket-alert { -webkit-animation: fade 5s linear forwards; animation: fade 5s linear forwards; box-shadow: 1px 1px 5px grey; height: 100%; width: 100%; background-color: #efece8; color: #00302d; font-weight: bold; }
@keyframes fade { 0% { opacity: 0; } 10% { opacity: 1; } 90% { opacity: 1; } 100% { opacity: 0; } } .add-to-basket-alert.show { display: block; }
.attribute { margin-top: 0.938em; } .attribute label { display: block; }
.swatch a { text-decoration: none; }
@media (max-width: 374.98px) { .primary-images { margin: 0; padding: 0; } }
.prices-add-to-cart-actions { width: 100%; position: fixed; bottom: 0; z-index: 50; padding-right: 0; padding-left: 0; left: 0; } @media (max-width: 374.98px) { .prices-add-to-cart-actions { background-color: rgba(255, 255, 255, 0.95); box-shadow: 0 2px 10px rgba(0, 0, 0, 0.2); } } @media (min-width: 375px) { .prices-add-to-cart-actions { position: static; padding: 0 0.9375em; } } .prices-add-to-cart-actions .price { text-align: center; }
.prices { padding-bottom: 0.5em; padding-top: 0.5em; text-align: center; }
.cart-and-ipay { text-align: center; } @media (max-width: 374.98px) { .cart-and-ipay { padding-bottom: 26px; } .cart-and-ipay .btn { width: 98%; margin: 1%; display: block; } }
.simple-quantity { margin-top: 1em; }
.main-attributes { margin-top: 1em; }
.size-chart { margin-top: 1.071em; }
div.availability { margin-top: 1.071em; }
.bundle-item { padding-bottom: 1em; border-bottom: 1px solid #ccc; } .bundle-item:last-child { border-bottom: none; }
.container.product-detail { margin-top: 2em; margin-bottom: 2em; } @media (max-width: 374.98px) { .container.product-detail { margin-top: 0; margin-bottom: 0; } }
.product-option:not(:first-child) { margin-top: 1.071em; }
.pdp-product-icons { min-height: 4.125rem; position: relative; padding-top: 0.9375rem; margin-top: 1.5rem; margin-bottom: 1.5rem; display: flex; align-items: flex-end; } @media (min-width: 1024px) { .pdp-product-icons { margin-top: 0; } } .pdp-product-icons > span { display: inline-flex; flex-direction: column; justify-content: space-between; align-items: center; margin-right: 1.5rem; min-height: 3.125rem; } @media (min-width: 1024px) { .pdp-product-icons > span { margin-right: 2.75rem; } } .pdp-product-icons > span:last-of-type { margin-right: 0; } .pdp-product-icons > span img { height: 100%; } .pdp-product-icons > span span { color: #00302d; font-size: 0.5625rem; color: #00302d; text-transform: uppercase; letter-spacing: 0.05em; white-space: nowrap; }
#reviews { margin: 0 auto; max-width: 45rem; padding-bottom: calc((24px * 1) + 0px); } @media (min-width: 375px) { #reviews { padding-bottom: calc((24px * 1) + 0px); } } @media (min-width: 1024px) { #reviews { padding-bottom: calc((40px * 1) + 0px); } } @media (min-width: 1440px) { #reviews { padding-bottom: calc((48px * 1) + 0px); } } @media (min-width: 1440px) { #reviews { max-width: 75rem; } } #reviews .reviews-header { display: flex; flex-wrap: wrap; } #reviews .reviews-header h3 { color: #00302d; font-family: Canela; font-size: 1.125rem; font-style: normal; line-height: 1.5rem; letter-spacing: 0.01em; display: flex; flex-wrap: wrap; margin-bottom: 1.5rem; } #reviews .reviews-header h3 span { white-space: nowrap; margin-right: 1.375rem; } #reviews .reviews-header h3 span.ratings-snapshot--cta-text { font-family: Calibre; font-size: 0.875rem; margin-top: 0.5rem; margin-right: 0; display: inline-block; color: #757575; white-space: nowrap; width: 100%; } #reviews .reviews-header .summary-row { color: #757575; font-size: 1rem; line-height: 1.25rem; letter-spacing: 0.05em; display: flex; justify-content: space-between; align-items: center; align-content: center; } #reviews .reviews-header .summary-row span { display: inline-block; } #reviews .reviews-header .summary-row span:last-child { text-align: right; } #reviews .reviews-header .ratings-overview { width: 100%; margin-bottom: calc((24px * 1) + 0px); } @media (min-width: 375px) { #reviews .reviews-header .ratings-overview { margin-bottom: calc((24px * 1) + 0px); } } @media (min-width: 1024px) { #reviews .reviews-header .ratings-overview { margin-bottom: calc((40px * 1) + 0px); } } @media (min-width: 1440px) { #reviews .reviews-header .ratings-overview { margin-bottom: calc((48px * 1) + 0px); } } #reviews .reviews-header .ratings-overview .summary-row span:last-child { width: 2.625rem; } #reviews .reviews-header .ratings-snapshot { width: 100%; margin-bottom: calc((24px * 1) + 0px); } @media (min-width: 375px) { #reviews .reviews-header .ratings-snapshot { margin-bottom: calc((24px * 1) + 0px); } } @media (min-width: 1024px) { #reviews .reviews-header .ratings-snapshot { margin-bottom: calc((40px * 1) + 0px); } } @media (min-width: 1440px) { #reviews .reviews-header .ratings-snapshot { margin-bottom: calc((48px * 1) + 0px); } } #reviews .reviews-header .ratings-snapshot .progress-outer { background: #BCC1C1; width: 100%; height: 2px; margin-top: 1px; } #reviews .reviews-header .ratings-snapshot .progress-outer .progress-bar { background: #00302d; height: 2px; } #reviews .reviews-header .ratings-snapshot .row-container { width: 100%; } #reviews .reviews-header .ratings-snapshot .row-container .summary-row { cursor: pointer; width: 100%; padding-bottom: 0.375rem; } #reviews .reviews-header .ratings-snapshot .row-container .summary-row:last-child { padding-bottom: 0; } #reviews .reviews-header .ratings-snapshot .row-container .summary-row span { width: 3.4rem; padding-right: 1.125rem; } #reviews .reviews-header .ratings-snapshot .row-container .summary-row span:first-child { display: flex; justify-content: space-between; align-items: center; align-content: center; } #reviews .reviews-header .ratings-snapshot .row-container .summary-row span:last-child { text-align: right; width: 2.75rem; padding-right: 0; } @media (min-width: 1024px) { #reviews .write-review-button { max-width: 13rem; margin: 0 auto; display: block; } } #reviews .reviews-container { width: 100%; } @media (min-width: 1024px) { #reviews .reviews-header h3 span.ratings-snapshot--cta-text { margin-top: 0; width: auto; } #reviews .reviews-header .ratings-overview { width: 50%; padding-right: 2.8125rem; border-right: 1px solid #BCC1C1; } #reviews .reviews-header .ratings-snapshot { width: 50%; padding-left: 2.8125rem; } #reviews .reviews-container { max-width: 40.625rem; margin: 0 auto; } } @media (min-width: 1440px) { #reviews .reviews-header .ratings-overview { width: 33%; padding-right: 4.0625rem; } #reviews .reviews-header .ratings-snapshot { width: 66%; padding-left: 4.0625rem; } #reviews .reviews-header .ratings-snapshot .rating-filter-wrap { width: 100%; display: flex; } #reviews .reviews-header .ratings-snapshot .row-container { max-width: 50%; padding-right: 4.0625rem; } #reviews .reviews-header .ratings-snapshot .row-container:last-child { padding-right: 0; } #reviews .reviews-container { max-width: 55rem; } }
.review { font-size: 14px; line-height: 18px; color: #555650; list-style: none; padding: 0; border-bottom: 1px solid #c5c4c3; padding: 1.5rem 0 0.5rem; } @media (min-width: 1024px) { .review { font-size: 1rem; line-height: 1.25rem; } } .review--header { margin-bottom: 16px; } .review--header--rating { display: flex; align-items: center; margin-bottom: 1.5rem; } .review--header--rating--time-ago { display: inline-block; margin-left: 0.75rem; } .review--header--user { margin-bottom: 1rem; } .review--header h4 { font-family: Canela; font-size: 18px; line-height: 24px; letter-spacing: 0.01em; color: #00302d; margin-bottom: 1rem; } .review--text { margin-bottom: 1rem; } .review--media-container { display: flex; margin-bottom: 1rem; } .review--media-thumbnail { display: block; max-width: 6.25rem; max-height: 6.25rem; overflow: hidden; position: relative; } .review--media-thumbnail > a > video, .review--media-thumbnail > a > img { max-width: 100%; max-height: 100%; } .review--media-thumbnail:not(:last-of-type) { margin-right: 0.625rem; } .review--media-thumbnail--video { position: absolute; top: calc(50% + 20px); left: calc(50% + 20px); transform: translate(calc(-50% - 20px), calc(-50% - 20px)); } .review--media-thumbnail--video::after { content: ''; display: block; width: 0; height: 0; border-top: 20px solid transparent; border-bottom: 20px solid transparent; border-left: 30px solid black; } .review--modal-media { max-width: 31.25rem; margin: 0 auto; } .review--modal-media > video, .review--modal-media > img { display: block; max-width: 100%; max-height: 31.25rem; margin: 16px auto; }
#q-and-a { margin: 0 auto; max-width: 45rem; padding-bottom: calc((24px * 1) + 0px); font-size: 14px; line-height: 18px; color: #555650; } @media (min-width: 375px) { #q-and-a { padding-bottom: calc((24px * 1) + 0px); } } @media (min-width: 1024px) { #q-and-a { padding-bottom: calc((40px * 1) + 0px); } } @media (min-width: 1440px) { #q-and-a { padding-bottom: calc((48px * 1) + 0px); } } @media (min-width: 1440px) { #q-and-a { max-width: 75rem; } } #q-and-a .cta-button { margin-bottom: calc((24px * 0.5) + 0px); } @media (min-width: 375px) { #q-and-a .cta-button { margin-bottom: calc((24px * 0.5) + 0px); } } @media (min-width: 1024px) { #q-and-a .cta-button { margin-bottom: calc((40px * 0.5) + 0px); } } @media (min-width: 1440px) { #q-and-a .cta-button { margin-bottom: calc((48px * 0.5) + 0px); } } @media (min-width: 1024px) { #q-and-a .cta-button { max-width: 13rem; margin-left: auto; margin-right: auto; display: block; } } #q-and-a .total { font-family: Canela; font-size: 18px; line-height: 24px; letter-spacing: 0.01em; color: #00302d; margin-bottom: 1rem; } #q-and-a .questions { padding: 0; } #q-and-a .questions .question { list-style: none; border-bottom: 1px solid #c5c4c3; padding-top: calc((24px * 1) + 0px); padding-bottom: calc((24px * 1) + 0px); } @media (min-width: 375px) { #q-and-a .questions .question { padding-top: calc((24px * 1) + 0px); padding-bottom: calc((24px * 1) + 0px); } } @media (min-width: 1024px) { #q-and-a .questions .question { padding-top: calc((40px * 1) + 0px); padding-bottom: calc((40px * 1) + 0px); } } @media (min-width: 1440px) { #q-and-a .questions .question { padding-top: calc((48px * 1) + 0px); padding-bottom: calc((48px * 1) + 0px); } } #q-and-a .questions .question:first-child { padding-top: 0; } #q-and-a .questions .question--header { margin-bottom: 1rem; } #q-and-a .questions .question--header_question { font-size: 1rem; color: #00302d; } #q-and-a .questions .question--header_user { color: inherit; font-size: 0.875rem; line-height: 1.125rem; letter-spacing: 0.01em; } #q-and-a .questions .question--answer-link { color: #00302d; } #q-and-a .questions .question--answers { margin-left: 2.5rem; padding: 0; } #q-and-a .questions .question--answers .answer { margin-top: 1rem; list-style: none; padding: 0; } #q-and-a .questions .question--answers .answer--user { color: inherit; font-size: 0.875rem; line-height: 1.125rem; letter-spacing: 0.01em; }
.tabs { width: 100%; text-align: center; display: flex; justify-content: flex-start; height: 2rem; margin-bottom: calc((24px * 0.5) + 0px); } @media (min-width: 375px) { .tabs { margin-bottom: calc((24px * 0.5) + 0px); } } @media (min-width: 1024px) { .tabs { margin-bottom: calc((40px * 0.5) + 0px); } } @media (min-width: 1440px) { .tabs { margin-bottom: calc((48px * 0.5) + 0px); } } .tabs--tab { position: relative; display: inline-block; position: relative; background-color: transparent; font-family: Canela; font-size: 1.125rem; line-height: 1.375rem; letter-spacing: 0.01em; color: #00302d; margin-right: 2rem; border: 0; padding: 0; outline: 0; background-color: transparent; cursor: pointer; } .tabs--tab::after { content: ""; position: absolute; bottom: -2px; height: 2px; width: 100%; left: 0; background-color: #00302d; width: 0; transition: width 0.4s cubic-bezier(0.45, 0.05, 0.5, 0.1); } .tabs--tab:hover, .tabs--tab:focus, .tabs--tab.active { text-decoration: none; } .tabs--tab:hover::after, .tabs--tab:focus::after, .tabs--tab.active::after { width: 100%; } .tabs--tab:hover.btn::after, .tabs--tab:focus.btn::after, .tabs--tab.active.btn::after { top: 50%; } .tabs--tab.btn::after { top: 50%; } .tabs--tab:last-child { margin-right: 0; } .tabs--tab[aria-expanded='true'] { text-decoration: none; } .tabs--tab[aria-expanded='true']::after { width: 100%; } .tabs--tab[aria-expanded='true'].btn::after { top: 50%; }
.tabs-content { width: 100%; font-size: 1rem; line-height: 2; }
.review-tabs .tabs { margin-bottom: calc((24px * 1.5) + 0px); } @media (min-width: 375px) { .review-tabs .tabs { margin-bottom: calc((24px * 1.5) + 0px); } } @media (min-width: 1024px) { .review-tabs .tabs { margin-bottom: calc((40px * 1.5) + 0px); } } @media (min-width: 1440px) { .review-tabs .tabs { margin-bottom: calc((48px * 1.5) + 0px); } } @media (min-width: 1024px) { .review-tabs .tabs { justify-content: center; } }
.info-tabs { line-height: 2; font-size: 1rem; } .info-tabs .tabs-content { overflow: hidden; line-height: 1.25rem; font-family: var(--font-family-sans-serif); color: #555650; } .info-tabs .tabs-content ul { list-style: none; padding-left: 0; } .info-tabs .tabs-content details { position: relative; padding-bottom: calc((24px * 0.5) + 0px); } @media (min-width: 375px) { .info-tabs .tabs-content details { padding-bottom: calc((24px * 0.5) + 0px); } } @media (min-width: 1024px) { .info-tabs .tabs-content details { padding-bottom: calc((40px * 0.5) + 0px); } } @media (min-width: 1440px) { .info-tabs .tabs-content details { padding-bottom: calc((48px * 0.5) + 0px); } } .info-tabs .tabs-content details summary { list-style: none; } .info-tabs .tabs-content details summary::-webkit-details-marker { display: none; } .info-tabs .tabs-content details[open] summary span:first-of-type { display: none; } .info-tabs .tabs-content details[open] summary span:last-of-type { display: block; } .info-tabs .tabs-content summary { position: absolute; bottom: 0; border: none; background-color: transparent; text-transform: uppercase; color: #00302d; font-family: var(--font-family-sans-serif); font-style: normal; font-weight: 600; letter-spacing: 0.15rem; font-size: 1rem; line-height: 1.25rem; } .info-tabs .tabs-content summary span:last-of-type { display: none; }
.accordion { display: flex; width: 100%; flex-direction: column; } .accordion.open .accordion--body { display: block; } .accordion:last-child { border-bottom: 1px solid #BCC1C1; } .accordion--header { display: flex; align-items: center; padding-top: calc((24px * 1) + 0px); padding-bottom: calc((24px * 1) + 0px); padding-left: calc((24px * 0) + 0px); padding-right: calc((24px * 0) + 0px); width: 100%; border: none; background: transparent; text-transform: capitalize; font-size: 1.125rem; font-family: var(--font-family-display); line-height: 1.375rem; justify-content: space-between; border-top: 1px solid #BCC1C1; border-bottom: none; color: #00302d; } @media (min-width: 375px) { .accordion--header { padding-top: calc((24px * 1) + 0px); padding-bottom: calc((24px * 1) + 0px); } } @media (min-width: 1024px) { .accordion--header { padding-top: calc((40px * 1) + 0px); padding-bottom: calc((40px * 1) + 0px); } } @media (min-width: 1440px) { .accordion--header { padding-top: calc((48px * 1) + 0px); padding-bottom: calc((48px * 1) + 0px); } } @media (min-width: 375px) { .accordion--header { padding-left: calc((24px * 0) + 0px); padding-right: calc((24px * 0) + 0px); } } @media (min-width: 1024px) { .accordion--header { padding-left: calc((40px * 0) + 0px); padding-right: calc((40px * 0) + 0px); } } @media (min-width: 1440px) { .accordion--header { padding-left: calc((48px * 0) + 0px); padding-right: calc((48px * 0) + 0px); } } .accordion--body { line-height: 2; font-size: 1rem; display: none; } .accordion--body_content { display: flex; flex-direction: column; line-height: 1.25rem; font-size: 1rem; overflow: hidden; color: #555650; padding-bottom: calc((24px * 1) + 0px); } @media (min-width: 375px) { .accordion--body_content { padding-bottom: calc((24px * 1) + 0px); } } @media (min-width: 1024px) { .accordion--body_content { padding-bottom: calc((40px * 1) + 0px); } } @media (min-width: 1440px) { .accordion--body_content { padding-bottom: calc((48px * 1) + 0px); } } .accordion--body_content ul { list-style: none; padding-left: 0; } .accordion--body_content details { position: relative; padding-bottom: calc((24px * 0.5) + 0px); } @media (min-width: 375px) { .accordion--body_content details { padding-bottom: calc((24px * 0.5) + 0px); } } @media (min-width: 1024px) { .accordion--body_content details { padding-bottom: calc((40px * 0.5) + 0px); } } @media (min-width: 1440px) { .accordion--body_content details { padding-bottom: calc((48px * 0.5) + 0px); } } .accordion--body_content details summary { list-style: none; } .accordion--body_content details summary::-webkit-details-marker { display: none; } .accordion--body_content details[open] summary span:first-of-type { display: none; } .accordion--body_content details[open] summary span:last-of-type { display: block; } .accordion--body_content summary { position: absolute; bottom: 0; border: none; background-color: transparent; text-transform: uppercase; color: #00302d; font-family: var(--font-family-sans-serif); font-style: normal; font-weight: 600; letter-spacing: 0.15rem; font-size: 1rem; line-height: 1.25rem; } .accordion--body_content summary span:last-of-type { display: none; } .accordion--body_content details { padding-bottom: calc((24px * 2.5) + 0px); } @media (min-width: 375px) { .accordion--body_content details { padding-bottom: calc((24px * 2.5) + 0px); } } @media (min-width: 1024px) { .accordion--body_content details { padding-bottom: calc((40px * 2.5) + 0px); } } @media (min-width: 1440px) { .accordion--body_content details { padding-bottom: calc((48px * 2.5) + 0px); } }
.swatch-circle-beige { border: 0.063em solid rgba(0, 0, 0, 0.3); width: 2.5em; height: 2.5em; background: #f5f5dc; border-radius: 1.25em; display: block; position: relative; } .swatch-circle-beige.disabled { opacity: 0.2; }
.swatch-filter-beige { border: 0.063em solid rgba(0, 0, 0, 0.3); width: 1.38em; height: 1.38em; background: #f5f5dc; border-radius: 0.69em; background-color: #f5f5dc; display: block; position: relative; } .swatch-filter-beige.disabled { opacity: 0.2; }
.swatch-circle-black { border: 0.063em solid rgba(0, 0, 0, 0.3); width: 2.5em; height: 2.5em; background: #000; border-radius: 1.25em; display: block; position: relative; } .swatch-circle-black.disabled { opacity: 0.2; }
.swatch-filter-black { border: 0.063em solid rgba(0, 0, 0, 0.3); width: 1.38em; height: 1.38em; background: #000; border-radius: 0.69em; background-color: #000; display: block; position: relative; } .swatch-filter-black.disabled { opacity: 0.2; }
.swatch-circle-blue { border: 0.063em solid rgba(0, 0, 0, 0.3); width: 2.5em; height: 2.5em; background: #99d6ea; border-radius: 1.25em; display: block; position: relative; } .swatch-circle-blue.disabled { opacity: 0.2; }
.swatch-filter-blue { border: 0.063em solid rgba(0, 0, 0, 0.3); width: 1.38em; height: 1.38em; background: #99d6ea; border-radius: 0.69em; background-color: #99d6ea; display: block; position: relative; } .swatch-filter-blue.disabled { opacity: 0.2; }
.swatch-circle-brown { border: 0.063em solid rgba(0, 0, 0, 0.3); width: 2.5em; height: 2.5em; background: #a52a2a; border-radius: 1.25em; display: block; position: relative; } .swatch-circle-brown.disabled { opacity: 0.2; }
.swatch-filter-brown { border: 0.063em solid rgba(0, 0, 0, 0.3); width: 1.38em; height: 1.38em; background: #a52a2a; border-radius: 0.69em; background-color: #a52a2a; display: block; position: relative; } .swatch-filter-brown.disabled { opacity: 0.2; }
.swatch-circle-green { border: 0.063em solid rgba(0, 0, 0, 0.3); width: 2.5em; height: 2.5em; background: #5fe0b7; border-radius: 1.25em; display: block; position: relative; } .swatch-circle-green.disabled { opacity: 0.2; }
.swatch-filter-green { border: 0.063em solid rgba(0, 0, 0, 0.3); width: 1.38em; height: 1.38em; background: #5fe0b7; border-radius: 0.69em; background-color: #5fe0b7; display: block; position: relative; } .swatch-filter-green.disabled { opacity: 0.2; }
.swatch-circle-grey { border: 0.063em solid rgba(0, 0, 0, 0.3); width: 2.5em; height: 2.5em; background: #8f979d; border-radius: 1.25em; display: block; position: relative; } .swatch-circle-grey.disabled { opacity: 0.2; }
.swatch-filter-grey { border: 0.063em solid rgba(0, 0, 0, 0.3); width: 1.38em; height: 1.38em; background: #8f979d; border-radius: 0.69em; background-color: #8f979d; display: block; position: relative; } .swatch-filter-grey.disabled { opacity: 0.2; }
.swatch-circle-navy { border: 0.063em solid rgba(0, 0, 0, 0.3); width: 2.5em; height: 2.5em; background: #000080; border-radius: 1.25em; display: block; position: relative; } .swatch-circle-navy.disabled { opacity: 0.2; }
.swatch-filter-navy { border: 0.063em solid rgba(0, 0, 0, 0.3); width: 1.38em; height: 1.38em; background: #000080; border-radius: 0.69em; background-color: #000080; display: block; position: relative; } .swatch-filter-navy.disabled { opacity: 0.2; }
.swatch-circle-orange { border: 0.063em solid rgba(0, 0, 0, 0.3); width: 2.5em; height: 2.5em; background: #ffa500; border-radius: 1.25em; display: block; position: relative; } .swatch-circle-orange.disabled { opacity: 0.2; }
.swatch-filter-orange { border: 0.063em solid rgba(0, 0, 0, 0.3); width: 1.38em; height: 1.38em; background: #ffa500; border-radius: 0.69em; background-color: #ffa500; display: block; position: relative; } .swatch-filter-orange.disabled { opacity: 0.2; }
.swatch-circle-pink { border: 0.063em solid rgba(0, 0, 0, 0.3); width: 2.5em; height: 2.5em; background: #fe249a; border-radius: 1.25em; display: block; position: relative; } .swatch-circle-pink.disabled { opacity: 0.2; }
.swatch-filter-pink { border: 0.063em solid rgba(0, 0, 0, 0.3); width: 1.38em; height: 1.38em; background: #fe249a; border-radius: 0.69em; background-color: #fe249a; display: block; position: relative; } .swatch-filter-pink.disabled { opacity: 0.2; }
.swatch-circle-purple { border: 0.063em solid rgba(0, 0, 0, 0.3); width: 2.5em; height: 2.5em; background: #800080; border-radius: 1.25em; display: block; position: relative; } .swatch-circle-purple.disabled { opacity: 0.2; }
.swatch-filter-purple { border: 0.063em solid rgba(0, 0, 0, 0.3); width: 1.38em; height: 1.38em; background: #800080; border-radius: 0.69em; background-color: #800080; display: block; position: relative; } .swatch-filter-purple.disabled { opacity: 0.2; }
.swatch-circle-red { border: 0.063em solid rgba(0, 0, 0, 0.3); width: 2.5em; height: 2.5em; background: #f00; border-radius: 1.25em; display: block; position: relative; } .swatch-circle-red.disabled { opacity: 0.2; }
.swatch-filter-red { border: 0.063em solid rgba(0, 0, 0, 0.3); width: 1.38em; height: 1.38em; background: #f00; border-radius: 0.69em; background-color: #f00; display: block; position: relative; } .swatch-filter-red.disabled { opacity: 0.2; }
.swatch-circle-white { border: 0.063em solid rgba(0, 0, 0, 0.3); width: 2.5em; height: 2.5em; background: #fff; border-radius: 1.25em; display: block; position: relative; } .swatch-circle-white.disabled { opacity: 0.2; }
.swatch-filter-white { border: 0.063em solid rgba(0, 0, 0, 0.3); width: 1.38em; height: 1.38em; background: #fff; border-radius: 0.69em; background-color: #fff; display: block; position: relative; } .swatch-filter-white.disabled { opacity: 0.2; }
.swatch-circle-yellow { border: 0.063em solid rgba(0, 0, 0, 0.3); width: 2.5em; height: 2.5em; background: #ff0; border-radius: 1.25em; display: block; position: relative; } .swatch-circle-yellow.disabled { opacity: 0.2; }
.swatch-filter-yellow { border: 0.063em solid rgba(0, 0, 0, 0.3); width: 1.38em; height: 1.38em; background: #ff0; border-radius: 0.69em; background-color: #ff0; display: block; position: relative; } .swatch-filter-yellow.disabled { opacity: 0.2; }
.swatch-circle-miscellaneous { background: linear-gradient(0deg, #821e91 0, #821e91 25%, #edd134 25%, yellow 50%, #edd134 50%, #59ba00 50%, #59ba00 76%, #111 76%, #111 100%), linear-gradient(0deg, #0e5cd1 0, #0e5cd1 50%, #e20b0b 50%, #e20b0b 100%); background-repeat: repeat-y, repeat; background-size: 50% 100%, 100% 100%; border: 0.063em solid rgba(0, 0, 0, 0.3); border-radius: 1.25em; display: block; height: 2.5em; position: relative; transform: rotate(35deg); width: 2.5em; } .swatch-circle-miscellaneous.disabled { opacity: 0.2; } .swatch-circle-miscellaneous.selected::after { transform: rotate(-35deg); }
.swatch-circle-beige { border: 0.063em solid rgba(0, 0, 0, 0.3); width: 2.5em; height: 2.5em; background: #f5f5dc; border-radius: 1.25em; display: block; position: relative; } .swatch-circle-beige.disabled { opacity: 0.2; }
.swatch-filter-beige { border: 0.063em solid rgba(0, 0, 0, 0.3); width: 1.38em; height: 1.38em; background: #f5f5dc; border-radius: 0.69em; background-color: #f5f5dc; display: block; position: relative; } .swatch-filter-beige.disabled { opacity: 0.2; }
.swatch-circle-black { border: 0.063em solid rgba(0, 0, 0, 0.3); width: 2.5em; height: 2.5em; background: #000; border-radius: 1.25em; display: block; position: relative; } .swatch-circle-black.disabled { opacity: 0.2; }
.swatch-filter-black { border: 0.063em solid rgba(0, 0, 0, 0.3); width: 1.38em; height: 1.38em; background: #000; border-radius: 0.69em; background-color: #000; display: block; position: relative; } .swatch-filter-black.disabled { opacity: 0.2; }
.swatch-circle-blue { border: 0.063em solid rgba(0, 0, 0, 0.3); width: 2.5em; height: 2.5em; background: #99d6ea; border-radius: 1.25em; display: block; position: relative; } .swatch-circle-blue.disabled { opacity: 0.2; }
.swatch-filter-blue { border: 0.063em solid rgba(0, 0, 0, 0.3); width: 1.38em; height: 1.38em; background: #99d6ea; border-radius: 0.69em; background-color: #99d6ea; display: block; position: relative; } .swatch-filter-blue.disabled { opacity: 0.2; }
.swatch-circle-brown { border: 0.063em solid rgba(0, 0, 0, 0.3); width: 2.5em; height: 2.5em; background: #a52a2a; border-radius: 1.25em; display: block; position: relative; } .swatch-circle-brown.disabled { opacity: 0.2; }
.swatch-filter-brown { border: 0.063em solid rgba(0, 0, 0, 0.3); width: 1.38em; height: 1.38em; background: #a52a2a; border-radius: 0.69em; background-color: #a52a2a; display: block; position: relative; } .swatch-filter-brown.disabled { opacity: 0.2; }
.swatch-circle-green { border: 0.063em solid rgba(0, 0, 0, 0.3); width: 2.5em; height: 2.5em; background: #5fe0b7; border-radius: 1.25em; display: block; position: relative; } .swatch-circle-green.disabled { opacity: 0.2; }
.swatch-filter-green { border: 0.063em solid rgba(0, 0, 0, 0.3); width: 1.38em; height: 1.38em; background: #5fe0b7; border-radius: 0.69em; background-color: #5fe0b7; display: block; position: relative; } .swatch-filter-green.disabled { opacity: 0.2; }
.swatch-circle-grey { border: 0.063em solid rgba(0, 0, 0, 0.3); width: 2.5em; height: 2.5em; background: #8f979d; border-radius: 1.25em; display: block; position: relative; } .swatch-circle-grey.disabled { opacity: 0.2; }
.swatch-filter-grey { border: 0.063em solid rgba(0, 0, 0, 0.3); width: 1.38em; height: 1.38em; background: #8f979d; border-radius: 0.69em; background-color: #8f979d; display: block; position: relative; } .swatch-filter-grey.disabled { opacity: 0.2; }
.swatch-circle-navy { border: 0.063em solid rgba(0, 0, 0, 0.3); width: 2.5em; height: 2.5em; background: #000080; border-radius: 1.25em; display: block; position: relative; } .swatch-circle-navy.disabled { opacity: 0.2; }
.swatch-filter-navy { border: 0.063em solid rgba(0, 0, 0, 0.3); width: 1.38em; height: 1.38em; background: #000080; border-radius: 0.69em; background-color: #000080; display: block; position: relative; } .swatch-filter-navy.disabled { opacity: 0.2; }
.swatch-circle-orange { border: 0.063em solid rgba(0, 0, 0, 0.3); width: 2.5em; height: 2.5em; background: #ffa500; border-radius: 1.25em; display: block; position: relative; } .swatch-circle-orange.disabled { opacity: 0.2; }
.swatch-filter-orange { border: 0.063em solid rgba(0, 0, 0, 0.3); width: 1.38em; height: 1.38em; background: #ffa500; border-radius: 0.69em; background-color: #ffa500; display: block; position: relative; } .swatch-filter-orange.disabled { opacity: 0.2; }
.swatch-circle-pink { border: 0.063em solid rgba(0, 0, 0, 0.3); width: 2.5em; height: 2.5em; background: #fe249a; border-radius: 1.25em; display: block; position: relative; } .swatch-circle-pink.disabled { opacity: 0.2; }
.swatch-filter-pink { border: 0.063em solid rgba(0, 0, 0, 0.3); width: 1.38em; height: 1.38em; background: #fe249a; border-radius: 0.69em; background-color: #fe249a; display: block; position: relative; } .swatch-filter-pink.disabled { opacity: 0.2; }
.swatch-circle-purple { border: 0.063em solid rgba(0, 0, 0, 0.3); width: 2.5em; height: 2.5em; background: #800080; border-radius: 1.25em; display: block; position: relative; } .swatch-circle-purple.disabled { opacity: 0.2; }
.swatch-filter-purple { border: 0.063em solid rgba(0, 0, 0, 0.3); width: 1.38em; height: 1.38em; background: #800080; border-radius: 0.69em; background-color: #800080; display: block; position: relative; } .swatch-filter-purple.disabled { opacity: 0.2; }
.swatch-circle-red { border: 0.063em solid rgba(0, 0, 0, 0.3); width: 2.5em; height: 2.5em; background: #f00; border-radius: 1.25em; display: block; position: relative; } .swatch-circle-red.disabled { opacity: 0.2; }
.swatch-filter-red { border: 0.063em solid rgba(0, 0, 0, 0.3); width: 1.38em; height: 1.38em; background: #f00; border-radius: 0.69em; background-color: #f00; display: block; position: relative; } .swatch-filter-red.disabled { opacity: 0.2; }
.swatch-circle-white { border: 0.063em solid rgba(0, 0, 0, 0.3); width: 2.5em; height: 2.5em; background: #fff; border-radius: 1.25em; display: block; position: relative; } .swatch-circle-white.disabled { opacity: 0.2; }
.swatch-filter-white { border: 0.063em solid rgba(0, 0, 0, 0.3); width: 1.38em; height: 1.38em; background: #fff; border-radius: 0.69em; background-color: #fff; display: block; position: relative; } .swatch-filter-white.disabled { opacity: 0.2; }
.swatch-circle-yellow { border: 0.063em solid rgba(0, 0, 0, 0.3); width: 2.5em; height: 2.5em; background: #ff0; border-radius: 1.25em; display: block; position: relative; } .swatch-circle-yellow.disabled { opacity: 0.2; }
.swatch-filter-yellow { border: 0.063em solid rgba(0, 0, 0, 0.3); width: 1.38em; height: 1.38em; background: #ff0; border-radius: 0.69em; background-color: #ff0; display: block; position: relative; } .swatch-filter-yellow.disabled { opacity: 0.2; }
.swatch-circle-miscellaneous { background: linear-gradient(0deg, #821e91 0, #821e91 25%, #edd134 25%, yellow 50%, #edd134 50%, #59ba00 50%, #59ba00 76%, #111 76%, #111 100%), linear-gradient(0deg, #0e5cd1 0, #0e5cd1 50%, #e20b0b 50%, #e20b0b 100%); background-repeat: repeat-y, repeat; background-size: 50% 100%, 100% 100%; border: 0.063em solid rgba(0, 0, 0, 0.3); border-radius: 1.25em; display: block; height: 2.5em; position: relative; transform: rotate(35deg); width: 2.5em; } .swatch-circle-miscellaneous.disabled { opacity: 0.2; } .swatch-circle-miscellaneous.selected::after { transform: rotate(-35deg); }
.quick-view-dialog,
.choose-bonus-product-dialog { max-width: 56.25em; } .quick-view-dialog .selectable-bonus-product-line-item, .choose-bonus-product-dialog .selectable-bonus-product-line-item { margin-top: 0.2em; margin-bottom: 0.2em; padding-top: 0.3em; padding-bottom: 0.3em; } .quick-view-dialog .beenSelected, .choose-bonus-product-dialog .beenSelected { background-color: #eee; } .quick-view-dialog .modal-header, .choose-bonus-product-dialog .modal-header { background-color: #eee; border-bottom: 2px solid #ccc; border-top-left-radius: 0.1875rem; border-top-right-radius: 0.1875rem; } .quick-view-dialog .modal-header .full-pdp-link, .choose-bonus-product-dialog .modal-header .full-pdp-link { color: #00302d; } .quick-view-dialog .modal-header .close, .choose-bonus-product-dialog .modal-header .close { font-size: 2rem; line-height: 1.5rem; } .quick-view-dialog .modal-title, .choose-bonus-product-dialog .modal-title { font-size: 1em; } .quick-view-dialog .product-name, .choose-bonus-product-dialog .product-name { font-size: 1.875em; } .quick-view-dialog .swatch-circle, .choose-bonus-product-dialog .swatch-circle { border: 0.063em solid rgba(0, 0, 0, 0.3); width: 2.5em; height: 2.5em; background: #fff; border-radius: 1.25em; border: 0.063em solid rgba(0, 0, 0, 0.3); display: inline-block; margin-right: 0.313em; position: relative; } .quick-view-dialog .swatch-circle.color-value[data-selected=true]::after, .choose-bonus-product-dialog .swatch-circle.color-value[data-selected=true]::after { color: #000; content: '\f058'; display: table-caption; font-family: 'FontAwesome'; font-size: 1.625em; left: 0.295em; position: absolute; } .quick-view-dialog .swatch-circle.color-value.selected::after, .choose-bonus-product-dialog .swatch-circle.color-value.selected::after { background: #fff; border-radius: 50%; color: #000; content: '\f058'; display: table-caption; font-family: 'FontAwesome'; font-size: 1.625em; height: 0.75em; left: 0.31em; line-height: 0.8em; position: absolute; top: 0.35em; width: 0.8em; } .quick-view-dialog .swatch-circle i.fa-times-circle, .choose-bonus-product-dialog .swatch-circle i.fa-times-circle { background: #fff; border-radius: 50%; height: 0.75em; line-height: 0.8em; width: 0.8em; } .quick-view-dialog a[disabled] .swatch-circle, .choose-bonus-product-dialog a[disabled] .swatch-circle { cursor: not-allowed; } .quick-view-dialog a[disabled] .swatch-circle.color-value.selected::after, .choose-bonus-product-dialog a[disabled] .swatch-circle.color-value.selected::after { background-color: #495057; } .quick-view-dialog .availablity-container, .choose-bonus-product-dialog .availablity-container { text-align: right; } .quick-view-dialog .availablity-container, .quick-view-dialog .size-chart, .choose-bonus-product-dialog .availablity-container, .choose-bonus-product-dialog .size-chart { margin-top: 0.938em; } .quick-view-dialog .modal-content, .choose-bonus-product-dialog .modal-content { border: 1px solid rgba(0, 0, 0, 0.2); } .quick-view-dialog .modal-body, .choose-bonus-product-dialog .modal-body { max-height: 28.125em; overflow-y: auto; } .quick-view-dialog button.close, .choose-bonus-product-dialog button.close { font-size: 1.25em; } .quick-view-dialog .modal-footer, .choose-bonus-product-dialog .modal-footer { background-color: #fff; border: none; border-bottom-right-radius: 0.1875rem; border-bottom-left-radius: 0.1875rem; } .quick-view-dialog .modal-footer .prices .price, .choose-bonus-product-dialog .modal-footer .prices .price { font-size: 1.6em; } .quick-view-dialog .prices .sales, .choose-bonus-product-dialog .prices .sales { font-size: 1.5rem; } .quick-view-dialog .promotions, .choose-bonus-product-dialog .promotions { text-align: left; color: #ff6720; } @media (max-width: 1023.98px) { .quick-view-dialog .bonus-summary, .choose-bonus-product-dialog .bonus-summary { font-size: 0.625em; } } @media (max-width: 1023.98px) { .quick-view-dialog .bonus-summary .bonus-product-name, .choose-bonus-product-dialog .bonus-summary .bonus-product-name { padding: 0; } } .quick-view-dialog .pre-cart-products, .choose-bonus-product-dialog .pre-cart-products { margin-right: 0.125em; } .quick-view-dialog .color-attribute, .choose-bonus-product-dialog .color-attribute { border: none; padding: 0; background: none; } .quick-view-dialog .non-input-label, .choose-bonus-product-dialog .non-input-label { display: block; margin-bottom: 0.5rem; }
.primary-images .carousel img { width: 100%; height: 100%; }
.product-tile { border: 0; margin-bottom: 0; } @media (max-width: 1439.98px) { .product-tile { min-height: 23.4375em; } } @media (max-width: 1023.98px) { .product-tile { min-height: 19.6875em; } } @media (max-width: 374.98px) { .product-tile { min-height: 13.4375em; } } .product-tile .tile-body { padding: 0.625em 0 1.875em; } .product-tile .tile-body .color-swatches { min-height: 2.25em; } .product-tile .tile-body .color-swatches .product-tile-color-label { cursor: pointer; font-size: 1em; } @media (max-width: 1439.98px) { .product-tile .tile-body .color-swatches .product-tile-color-label { font-size: 0.9375em; } } @media (max-width: 1023.98px) { .product-tile .tile-body .color-swatches .product-tile-color-label { font-size: 0.8125em; } } .product-tile .tile-body .price { font-size: 1.125em; margin-bottom: 0; } @media (max-width: 1439.98px) { .product-tile .tile-body .price { font-size: 1.0625em; } } @media (max-width: 1023.98px) { .product-tile .tile-body .price { font-size: 1em; } } .product-tile .tile-body .price .tiered { font-size: 0.875em; } .product-tile .tile-body .price .tiered .value { font-weight: bold; } .product-tile .tile-body .coming-soon-tile { text-align: center; } .product-tile .tile-body .pdp-link { line-height: 1.2; } .product-tile .tile-body .pdp-link a { font-size: 1em; text-decoration: none; } @media (max-width: 1439.98px) { .product-tile .tile-body .pdp-link a { font-size: 0.9375em; } } @media (max-width: 1023.98px) { .product-tile .tile-body .pdp-link a { font-size: 0.8125em; } } .product-tile .tile-body .ratings { font-size: 0.9em; } .product-tile .image-container { position: relative; overflow: auto; } .product-tile .image-container .quickview { position: absolute; bottom: 1rem; right: 1rem; } .product-tile .image-container .quickview i.fa-expand { color: rgba(0, 0, 0, 0.7); } .product-tile .image-container .quickview i.fa-circle { color: rgba(255, 255, 255, 0.7); text-shadow: 0 2px 10px rgba(0, 0, 0, 0.2); } .product-tile .image-container a { display: block; } .product-tile .image-container a .tile-image { width: 100%; } .product-tile .swatches a { text-decoration: none; } .product-tile .swatch-circle { border: 0.063em solid rgba(0, 0, 0, 0.3); width: 1.8em; height: 1.8em; background: #fff; border-radius: 0.9em; border: 0.063em solid rgba(0, 0, 0, 0.3); display: inline-block; margin-right: 0.313em; position: relative; } .product-tile .swatch-circle.color-value[data-selected=true]::after { color: #000; content: '\f058'; display: table-caption; font-family: 'FontAwesome'; font-size: 1.625em; left: 0.295em; position: absolute; } .product-tile .swatch-circle.color-value.selected::after { background: #fff; border-radius: 50%; color: #000; content: '\f058'; display: table-caption; font-family: 'FontAwesome'; font-size: 1.625em; height: 0.75em; left: 0.31em; line-height: 0.8em; position: absolute; top: 0.35em; width: 0.8em; } .product-tile .swatch-circle i.fa-times-circle { background: #fff; border-radius: 50%; height: 0.75em; line-height: 0.8em; width: 0.8em; }
#chooseBonusProductModal .modal-footer .container { margin-left: 0; width: 100%; margin-right: 0; }
#chooseBonusProductModal .select-cbp-container { margin-top: auto; margin-bottom: auto; }
#chooseBonusProductModal .product-name-wrapper { width: 100%; }
#chooseBonusProductModal .bonus-quantity,
#chooseBonusProductModal .bonus-option { margin-top: 0.938em; }
#chooseBonusProductModal .bonus-quantity-select { min-width: 5em; }
#chooseBonusProductModal .select-bonus-product { margin-top: 1em; }
#chooseBonusProductModal .selected-pid { border: 1px solid #ccc; } #chooseBonusProductModal .selected-pid .bonus-product-name { white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
#chooseBonusProductModal .bonus-product-price { text-align: center; margin-top: 1em; }
.product-tile .tile-body { text-align: center; } .product-tile .tile-body .color-swatches { margin-bottom: 1.5rem; } .product-tile .tile-body .swatch-circle-green { width: 1.8em; height: 1.8em; display: inline-block; margin-right: 0.313em; border-color: #cfe8c9; } .product-tile .tile-body .price { margin-bottom: 1.5rem; font-size: 1rem; } .product-tile .tile-body .pdp-link { min-height: 3rem; } .product-tile .tile-body .pdp-link a { font-family: CanelaText, serif; font-size: 1.125rem; font-weight: 300; color: #00302d; } .product-tile .tile-body .tile-body-footer { justify-content: center; } .product-tile .tile-body .tile-body-footer .ratings { display: none; } .product-tile .tile-body .tile-body-footer .fa { color: #c5c4c3; } .product-tile .tile-body .tile-body-footer .fa.fa-star, .product-tile .tile-body .tile-body-footer .fa.fa-star-half-o { color: #5fe0b7; }
.form-nav .nav-tabs .nav-link { color: #323239; }
.form-nav .nav-tabs .nav-link.active,
.form-nav .nav-tabs .nav-link.active:focus,
.form-nav .nav-tabs .nav-link.active:hover { background-color: #fff; color: #323239; }
.nav-tabs .nav-link.active { background-color: transparent; }
@media (min-width: 1440px) { .form-nav .nav-item > .nav-link { color: #323239; } }
.login-form-nav .nav-tabs .nav-link.active,
.login-form-nav .nav-tabs .nav-item.show .nav-link { border-bottom: 0.188em solid #00302d; }
.login-form-nav .nav-tabs { border-bottom: 1px solid #ccc; }
.breadcrumb { height: 32px; margin-bottom: 0; border-radius: 0; border-bottom: none; padding: 0 16px; display: flex; align-items: center; position: relative; z-index: 1; } .breadcrumb .breadcrumb-item + .breadcrumb-item::before { display: none; } .breadcrumb .breadcrumb-item + .breadcrumb-item img { width: 10px; } .breadcrumb .breadcrumb-item img { width: 16px; margin-right: .3rem; } .breadcrumb .breadcrumb-item a { font-size: 0.875rem; }
.veil { position: absolute; z-index: 100; text-align: center; top: 0; left: 0; width: 100%; height: 100%; } .veil .underlay { position: absolute; top: 0; left: 0; width: 100%; height: 100%; opacity: 0.5; background-color: #000; }
.spinner { width: 80px; height: 80px; text-align: center; -webkit-animation: sk-rotate 2s infinite linear; animation: sk-rotate 2s infinite linear; position: absolute; top: 50%; left: 50%; margin-top: -40px; margin-left: -40px; }
.dot1,
.dot2 { width: 60%; height: 60%; display: inline-block; position: absolute; top: 0; background-color: #fff; border-radius: 100%; -webkit-animation: sk-bounce 2s infinite ease-in-out; animation: sk-bounce 2s infinite ease-in-out; }
.dot2 { top: auto; bottom: 0; -webkit-animation-delay: -1s; animation-delay: -1s; }
@-webkit-keyframes sk-rotate { 100% { transform: rotate(360deg); } }
@keyframes sk-rotate { 100% { transform: rotate(360deg); } }
@-webkit-keyframes sk-bounce { 0%, 100% { transform: scale(0); } 50% { transform: scale(1); } }
@keyframes sk-bounce { 0%, 100% { transform: scale(0); } 50% { transform: scale(1); } }
.item-attributes { vertical-align: top; padding-left: 0; }
.line-item-attributes,
.line-item-option { font-size: 0.813rem; margin: 0; }
.line-item-name { text-overflow: ellipsis; white-space: nowrap; overflow: hidden; color: #222; font-size: 1em; font-weight: bold; margin-bottom: 0.313em; }
.line-item-pricing-info { margin-bottom: 0; } .line-item-pricing-info + .price { font-size: 1em; font-weight: bolder; }
.line-item-price-quantity-info { margin-top: 0.625em; border-top: 1px solid #ccc; }
.line-item-total-text { font-size: 0.813em; }
.pricing { font-size: 1em; font-weight: bolder; }
.item-image { height: 5.625em; width: 5.625em; margin-right: 0.938em; flex-grow: 0; flex-shrink: 0; } .item-image img.product-image { display: block; margin: 0 auto; max-width: 100%; height: auto; max-height: 5.625em; }
.non-adjusted-price { display: none; }
.line-item-promo { color: #5fe0b7; font-size: 0.813em; }
.line-item-header { display: flex; flex-direction: row; justify-content: space-between; }
.bundled-line-item + .bundled-line-item { margin-top: 0.625em; }
.bundle-includes { font-size: 0.813em; margin-bottom: 0.625em; }
.line-item-divider { margin: 0.625em -1.225em 0.625em -1.325em; }
.line-dotted { border-top: 0.063em dashed #ccc; }
.line-item-availability { font-size: 0.813rem; }
.product-line-item-details { overflow-y: auto; }
.minicart { position: relative; } .minicart h1 { font-size: 1rem; } .minicart .cart { padding-top: 0.625em; padding-bottom: 0.625em; background-color: #fff; } .minicart .remove-btn { color: #999; float: right; background-color: white; border: none; font-size: 1.625em; margin-top: -0.313em; padding: 0; } .minicart .product-summary { margin-right: -0.938em; max-height: 21.875em; overflow-y: auto; overflow-x: hidden; padding-right: 0.938em; } .minicart .card-body { padding: 0.625em; } .minicart .quantity-label { font-size: 0.813em; } .minicart .quantity { width: 100%; } .minicart .popover { top: 100%; left: auto; right: 0; min-width: 23.44rem; max-width: 23.44rem; min-height: 22.7rem; display: none; } .minicart .popover::before { left: auto; right: 15px; } .minicart .popover::after { left: auto; right: 16px; } .minicart .popover.show { display: block; } .minicart .minicart-footer { border-top: 1px solid #ccc; } .minicart .estimated-total { margin-top: 0.625em; } .minicart .sub-total-label { font-size: 1em; font-weight: 600; } .minicart .sub-total { font-size: 1em; font-weight: 600; } .minicart .line-item-divider { margin: 0.625em -0.625em 0.625em -1.325em; } .minicart .line-item-name { width: 90%; }
@media (min-width: 375px) and (max-width: 1023.98px) { .hide-link-med { display: none; } }
@media (min-width: 1024px) { .hide-no-link { display: none; } }
@media (max-width: 374.98px) { .hide-no-link { display: none; } }
.info-icon { position: relative; cursor: pointer; display: inline-block; border: none; padding: 0; background: inherit; } .info-icon .icon { border-radius: 1.25rem; background-color: #00a1e0; width: 1.5625rem; display: inline-block; text-align: center; color: #fff; font-weight: 600; } .info-icon .tooltip { position: absolute; bottom: 100%; padding: 0.312rem; border-radius: 0.1875rem; background-color: #444; color: #fff; font-size: 0.928rem; min-width: 20rem; max-width: 15rem; transform: translate(-50%, -0.625em); left: 50%; margin-left: 4px; -webkit-animation: fade-in 0.5s linear forwards; animation: fade-in 0.5s linear forwards; }
@-webkit-keyframes fade-in { 0% { opacity: 0; } 100% { opacity: 1; } }
@keyframes fade-in { 0% { opacity: 0; } 100% { opacity: 1; } } .info-icon .tooltip::before { content: " "; position: absolute; display: block; height: 1.25em; left: 0; bottom: -1.25em; width: 100%; } .info-icon .tooltip::after { border-left: solid transparent 0.625em; border-right: solid transparent 0.625em; border-top: solid #444 0.625em; bottom: -0.625em; content: " "; height: 0; left: 50%; margin-left: -13px; position: absolute; width: 0; }
.swatch-circle-beige { border: 0.063em solid rgba(0, 0, 0, 0.3); width: 2.5em; height: 2.5em; background: #f5f5dc; border-radius: 1.25em; display: block; position: relative; } .swatch-circle-beige.disabled { opacity: 0.2; }
.swatch-filter-beige { border: 0.063em solid rgba(0, 0, 0, 0.3); width: 1.38em; height: 1.38em; background: #f5f5dc; border-radius: 0.69em; background-color: #f5f5dc; display: block; position: relative; } .swatch-filter-beige.disabled { opacity: 0.2; }
.swatch-circle-black { border: 0.063em solid rgba(0, 0, 0, 0.3); width: 2.5em; height: 2.5em; background: #000; border-radius: 1.25em; display: block; position: relative; } .swatch-circle-black.disabled { opacity: 0.2; }
.swatch-filter-black { border: 0.063em solid rgba(0, 0, 0, 0.3); width: 1.38em; height: 1.38em; background: #000; border-radius: 0.69em; background-color: #000; display: block; position: relative; } .swatch-filter-black.disabled { opacity: 0.2; }
.swatch-circle-blue { border: 0.063em solid rgba(0, 0, 0, 0.3); width: 2.5em; height: 2.5em; background: #99d6ea; border-radius: 1.25em; display: block; position: relative; } .swatch-circle-blue.disabled { opacity: 0.2; }
.swatch-filter-blue { border: 0.063em solid rgba(0, 0, 0, 0.3); width: 1.38em; height: 1.38em; background: #99d6ea; border-radius: 0.69em; background-color: #99d6ea; display: block; position: relative; } .swatch-filter-blue.disabled { opacity: 0.2; }
.swatch-circle-brown { border: 0.063em solid rgba(0, 0, 0, 0.3); width: 2.5em; height: 2.5em; background: #a52a2a; border-radius: 1.25em; display: block; position: relative; } .swatch-circle-brown.disabled { opacity: 0.2; }
.swatch-filter-brown { border: 0.063em solid rgba(0, 0, 0, 0.3); width: 1.38em; height: 1.38em; background: #a52a2a; border-radius: 0.69em; background-color: #a52a2a; display: block; position: relative; } .swatch-filter-brown.disabled { opacity: 0.2; }
.swatch-circle-green { border: 0.063em solid rgba(0, 0, 0, 0.3); width: 2.5em; height: 2.5em; background: #5fe0b7; border-radius: 1.25em; display: block; position: relative; } .swatch-circle-green.disabled { opacity: 0.2; }
.swatch-filter-green { border: 0.063em solid rgba(0, 0, 0, 0.3); width: 1.38em; height: 1.38em; background: #5fe0b7; border-radius: 0.69em; background-color: #5fe0b7; display: block; position: relative; } .swatch-filter-green.disabled { opacity: 0.2; }
.swatch-circle-grey { border: 0.063em solid rgba(0, 0, 0, 0.3); width: 2.5em; height: 2.5em; background: #8f979d; border-radius: 1.25em; display: block; position: relative; } .swatch-circle-grey.disabled { opacity: 0.2; }
.swatch-filter-grey { border: 0.063em solid rgba(0, 0, 0, 0.3); width: 1.38em; height: 1.38em; background: #8f979d; border-radius: 0.69em; background-color: #8f979d; display: block; position: relative; } .swatch-filter-grey.disabled { opacity: 0.2; }
.swatch-circle-navy { border: 0.063em solid rgba(0, 0, 0, 0.3); width: 2.5em; height: 2.5em; background: #000080; border-radius: 1.25em; display: block; position: relative; } .swatch-circle-navy.disabled { opacity: 0.2; }
.swatch-filter-navy { border: 0.063em solid rgba(0, 0, 0, 0.3); width: 1.38em; height: 1.38em; background: #000080; border-radius: 0.69em; background-color: #000080; display: block; position: relative; } .swatch-filter-navy.disabled { opacity: 0.2; }
.swatch-circle-orange { border: 0.063em solid rgba(0, 0, 0, 0.3); width: 2.5em; height: 2.5em; background: #ffa500; border-radius: 1.25em; display: block; position: relative; } .swatch-circle-orange.disabled { opacity: 0.2; }
.swatch-filter-orange { border: 0.063em solid rgba(0, 0, 0, 0.3); width: 1.38em; height: 1.38em; background: #ffa500; border-radius: 0.69em; background-color: #ffa500; display: block; position: relative; } .swatch-filter-orange.disabled { opacity: 0.2; }
.swatch-circle-pink { border: 0.063em solid rgba(0, 0, 0, 0.3); width: 2.5em; height: 2.5em; background: #fe249a; border-radius: 1.25em; display: block; position: relative; } .swatch-circle-pink.disabled { opacity: 0.2; }
.swatch-filter-pink { border: 0.063em solid rgba(0, 0, 0, 0.3); width: 1.38em; height: 1.38em; background: #fe249a; border-radius: 0.69em; background-color: #fe249a; display: block; position: relative; } .swatch-filter-pink.disabled { opacity: 0.2; }
.swatch-circle-purple { border: 0.063em solid rgba(0, 0, 0, 0.3); width: 2.5em; height: 2.5em; background: #800080; border-radius: 1.25em; display: block; position: relative; } .swatch-circle-purple.disabled { opacity: 0.2; }
.swatch-filter-purple { border: 0.063em solid rgba(0, 0, 0, 0.3); width: 1.38em; height: 1.38em; background: #800080; border-radius: 0.69em; background-color: #800080; display: block; position: relative; } .swatch-filter-purple.disabled { opacity: 0.2; }
.swatch-circle-red { border: 0.063em solid rgba(0, 0, 0, 0.3); width: 2.5em; height: 2.5em; background: #f00; border-radius: 1.25em; display: block; position: relative; } .swatch-circle-red.disabled { opacity: 0.2; }
.swatch-filter-red { border: 0.063em solid rgba(0, 0, 0, 0.3); width: 1.38em; height: 1.38em; background: #f00; border-radius: 0.69em; background-color: #f00; display: block; position: relative; } .swatch-filter-red.disabled { opacity: 0.2; }
.swatch-circle-white { border: 0.063em solid rgba(0, 0, 0, 0.3); width: 2.5em; height: 2.5em; background: #fff; border-radius: 1.25em; display: block; position: relative; } .swatch-circle-white.disabled { opacity: 0.2; }
.swatch-filter-white { border: 0.063em solid rgba(0, 0, 0, 0.3); width: 1.38em; height: 1.38em; background: #fff; border-radius: 0.69em; background-color: #fff; display: block; position: relative; } .swatch-filter-white.disabled { opacity: 0.2; }
.swatch-circle-yellow { border: 0.063em solid rgba(0, 0, 0, 0.3); width: 2.5em; height: 2.5em; background: #ff0; border-radius: 1.25em; display: block; position: relative; } .swatch-circle-yellow.disabled { opacity: 0.2; }
.swatch-filter-yellow { border: 0.063em solid rgba(0, 0, 0, 0.3); width: 1.38em; height: 1.38em; background: #ff0; border-radius: 0.69em; background-color: #ff0; display: block; position: relative; } .swatch-filter-yellow.disabled { opacity: 0.2; }
.swatch-circle-miscellaneous { background: linear-gradient(0deg, #821e91 0, #821e91 25%, #edd134 25%, yellow 50%, #edd134 50%, #59ba00 50%, #59ba00 76%, #111 76%, #111 100%), linear-gradient(0deg, #0e5cd1 0, #0e5cd1 50%, #e20b0b 50%, #e20b0b 100%); background-repeat: repeat-y, repeat; background-size: 50% 100%, 100% 100%; border: 0.063em solid rgba(0, 0, 0, 0.3); border-radius: 1.25em; display: block; height: 2.5em; position: relative; transform: rotate(35deg); width: 2.5em; } .swatch-circle-miscellaneous.disabled { opacity: 0.2; } .swatch-circle-miscellaneous.selected::after { transform: rotate(-35deg); }
.site-search { position: relative; height: 2.5em; width: 20em; } @media (min-width: 375px) { .site-search { margin-right: 0.5em; } } @media (min-width: 1024px) and (max-width: 1439.98px) { .site-search { width: 14.0625em; } } @media (min-width: 375px) and (max-width: 1023.98px) { .site-search { width: 12.5em; } } .site-search .fa-close, .site-search .fa-search { position: absolute; border: none; top: 0.5625em; right: 0.5625em; padding: 0; background-color: transparent; } .site-search .reset-button { position: absolute; border: none; top: 0.5625em; right: 2em; padding: 0; background-color: transparent; } .site-search input { padding-right: 2rem; height: 100%; }
@media (max-width: 374.98px) { .header-search .site-search { display: none; } }
.suggestions-wrapper { position: relative; }
.suggestions { display: block; position: absolute; border: 1px solid #ccc; background-color: #fff; top: 0; right: 0; width: 21.875rem; z-index: 3; } @media (max-width: 374.98px) { .suggestions { display: flex; position: fixed; width: 100%; } } .suggestions .swatch-circle { border: 0.063em solid rgba(0, 0, 0, 0.3); width: 2.5em; height: 2.5em; background: #fff; border-radius: 1.25em; border: 0.063em solid rgba(0, 0, 0, 0.3); display: inline-block; margin-right: 0.313em; position: relative; } .suggestions .swatch-circle.color-value[data-selected=true]::after { color: #000; content: '\f058'; display: table-caption; font-family: 'FontAwesome'; font-size: 1.625em; left: 0.295em; position: absolute; } .suggestions .swatch-circle.color-value.selected::after { background: #fff; border-radius: 50%; color: #000; content: '\f058'; display: table-caption; font-family: 'FontAwesome'; font-size: 1.625em; height: 0.75em; left: 0.31em; line-height: 0.8em; position: absolute; top: 0.35em; width: 0.8em; } .suggestions .swatch-circle i.fa-times-circle { background: #fff; border-radius: 50%; height: 0.75em; line-height: 0.8em; width: 0.8em; } .suggestions .header { color: #999; font-size: 0.875em; padding-top: 0.625em; } .suggestions .header:not(:first-child) { border-top: 1px solid #ccc; } .suggestions .items { padding: 0.313em 0; } .suggestions .item { padding-bottom: 0.625em; } .suggestions .item .name { margin-top: 0.313em; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; } @media (max-width: 374.98px) { .suggestions .item { padding-bottom: 0.938em; } } .suggestions .category-parent { color: #999; font-size: 0.875em; } .suggestions .selected { background-color: #eee; } .suggestions .container { list-style-type: none; }
.more-below { -moz-border-radius: 1.25em; background: #ccc; border: 0.063em solid rgba(0, 0, 0, 0.1); border-radius: 1.25em; bottom: 1.875em; box-shadow: 0 1px 7px rgba(0, 0, 0, 0.3); display: none; height: 2.5em; position: fixed; right: 1.875em; width: 2.5em; } .more-below i.fa-long-arrow-down { border-radius: 50%; color: #fff; display: table-caption; height: 0.75em; font-size: 1.5rem; left: 0.57em; line-height: 0.8em; position: absolute; top: 0.4em; width: 0.8em; }
@media (max-width: 1023.98px) { #search-menu .suggestions { padding-bottom: 350px; } }
#search-menu .site-search { display: flex; align-items: center; margin-right: 0; } #search-menu .site-search input.search-field { border: 0; padding: 0.625rem 2.25rem 0.625rem 2.625rem; width: 100%; font-family: Calibre; font-style: normal; font-weight: 600; font-size: 16px; line-height: 20px; letter-spacing: 0.15em; text-transform: uppercase; color: #00302D; } #search-menu .site-search input.search-field::-webkit-input-placeholder { font-weight: 600; color: #555650; } #search-menu .site-search input.search-field:-ms-input-placeholder { font-weight: 600; color: #555650; } #search-menu .site-search input.search-field::-ms-input-placeholder { font-weight: 600; color: #555650; } #search-menu .site-search input.search-field::placeholder { font-weight: 600; color: #555650; } #search-menu .site-search .search-button, #search-menu .site-search .reset-button, #search-menu .site-search .fa-close { top: 50%; transform: translateY(-50%); color: #00302d; } #search-menu .site-search .search-button { position: absolute; border: none; top: 1.25rem; left: .25rem; padding: 0; background-color: transparent; } #search-menu .site-search .reset-button { right: 2.625rem; } @media (min-width: 1024px) { #search-menu .site-search .reset-button { right: 0.3125rem; } } #search-menu .site-search form { width: calc(100% - 36px); } @media (min-width: 1024px) { #search-menu .site-search form { width: 100%; } }
#search-menu .suggestions { position: static; width: 100%; background: #cfe8c9; border: none; } #search-menu .suggestions .top-suggestions h3, #search-menu .suggestions .top-suggestions a { font-family: 'Calibre'; text-transform: uppercase; font-weight: 500; font-size: 1rem; color: #555650; line-height: 1.25rem; font-style: normal; letter-spacing: 0.15em; } #search-menu .suggestions .top-suggestions a { color: #00302d; font-weight: 600; } #search-menu .suggestions .results h2, #search-menu .suggestions .results .see-all { font-family: 'Calibre'; font-style: normal; text-transform: uppercase; font-weight: 500; font-size: 1rem; color: #555650; line-height: 1.25rem; letter-spacing: 0.15em; } #search-menu .suggestions .results h2.see-all, #search-menu .suggestions .results .see-all.see-all { color: #00302d; font-weight: 600; } #search-menu .suggestions .recommendations .product-tiles { margin: 0; padding: 0; list-style-type: none; } #search-menu .suggestions .recommendations .product-tiles li { list-style: none !important; width: 100%; padding: 0; } #search-menu .suggestions .recommendations .product-tiles li:not(:last-child) { padding-bottom: 1rem; } @media (min-width: 1024px) { #search-menu .suggestions .recommendations .product-tiles li:not(:last-child) { margin-right: 1rem; padding-bottom: 0; } } #search-menu .suggestions .recommendations .product-tiles li .product, #search-menu .suggestions .recommendations .product-tiles li .product-tile { background-color: white; height: 100%; } #search-menu .suggestions .recommendations .product-tiles li .product.product, #search-menu .suggestions .recommendations .product-tiles li .product-tile.product { padding: 0.5rem; } @media (min-width: 1440px) { #search-menu .suggestions .recommendations .product-tiles li .product.product, #search-menu .suggestions .recommendations .product-tiles li .product-tile.product { padding: 1rem; } } #search-menu .suggestions .recommendations .product-tiles li .product.product-tile, #search-menu .suggestions .recommendations .product-tiles li .product-tile.product-tile { padding: 0; min-height: unset; display: flex; } @media (min-width: 1024px) { #search-menu .suggestions .recommendations .product-tiles li .product.product-tile, #search-menu .suggestions .recommendations .product-tiles li .product-tile.product-tile { display: block; } } @media (min-width: 1024px) { #search-menu .suggestions .recommendations .product-tiles li { width: 25%; } } #search-menu .suggestions .recommendations .product-tiles li .image-container { width: 25%; } @media (min-width: 1024px) { #search-menu .suggestions .recommendations .product-tiles li .image-container { width: 100%; } } #search-menu .suggestions .recommendations .product-tiles li .image-container a.quickview { display: none; } #search-menu .suggestions .recommendations .product-tiles li .image-container img.tile-image { width: 100%; } #search-menu .suggestions .recommendations .product-tiles li .tile-body { padding: 0 0 0 1.6875rem; } @media (min-width: 1024px) { #search-menu .suggestions .recommendations .product-tiles li .tile-body { padding: 0; margin-top: 1.25rem; } } #search-menu .suggestions .recommendations .product-tiles li .tile-body .price { margin-bottom: 0; text-align: left; } #search-menu .suggestions .recommendations .product-tiles li .tile-body .pdp-link { min-height: unset; } #search-menu .suggestions .recommendations .product-tiles li .tile-body .pdp-link a { text-align: left; display: flex; } #search-menu .suggestions .recommendations .product-tiles li .tile-body .shortDesc { margin: 0.25rem 0 0.25rem; font-family: Calibre; font-style: normal; font-weight: normal; font-size: 0.875rem; line-height: 1.125rem; letter-spacing: 0.1em; text-transform: uppercase; max-height: 38px; overflow: hidden; color: #555650; }
body.ext-safari .recommendations .product-tiles li { padding-bottom: 0; }
#modal-root .react-modal { position: fixed; z-index: 10000; background: #fff; top: 35vh; width: 80vw; left: 10vw; padding: 2rem 1rem 1rem 1rem; } @media (min-width: 1024px) { #modal-root .react-modal { top: 40vh; width: 100vw; width: 50vw; left: 25vw; } } #modal-root .react-modal .close img { position: absolute; top: -1.25rem; right: 0px; max-height: 2.5rem; }
.dropdown-wrapper { cursor: pointer; } @media (min-width: 1024px) { .dropdown-wrapper { position: relative; } } .dropdown-wrapper .dropdown-header { padding: 0; color: #65665c; margin-right: 0.625rem; } .dropdown-wrapper .dropdown-header .dropdown-header_chevron { transform: rotate(180deg); transition: all 0.5s ease-out; width: 0.625rem; margin-left: 0.5rem; } @media (min-width: 1440px) { .dropdown-wrapper .dropdown-header .dropdown-header_chevron { margin-left: 1rem; } } .dropdown-wrapper .dropdown-header.open .dropdown-header_chevron { transform: rotate(0deg); } .dropdown-wrapper .dropdown-list { position: absolute; background: #f9f7f6; border: 1px solid #BCC1C1; right: 0; z-index: 100; overflow-x: hidden; scrollbar-width: thin; scrollbar-color: #00302d transparent; margin-top: 0.5rem; width: 100%; max-height: 17.375rem; padding: 1.25rem 2rem; } .dropdown-wrapper .dropdown-list::-webkit-scrollbar { width: 5px; height: 5px; } .dropdown-wrapper .dropdown-list::-webkit-scrollbar-track { background-color: transparent; } .dropdown-wrapper .dropdown-list::-webkit-scrollbar-thumb { background-color: #00302d; } @media (min-width: 1024px) { .dropdown-wrapper .dropdown-list { width: 12.875rem; max-height: 16.25rem; padding: 1.25rem 1.125rem; } } @media (min-width: 1440px) { .dropdown-wrapper .dropdown-list { width: 18.75rem; max-height: 17.375rem; padding: 1rem 1.625rem; } } .dropdown-wrapper .dropdown-list div:not(:last-child) { margin-bottom: 0.5rem; } .dropdown-wrapper .dropdown-list .dropdown-item { cursor: pointer; padding: 0; display: flex; align-items: center; justify-content: space-between; } .dropdown-wrapper .dropdown-list .dropdown-item img { border-radius: calc(2.75rem / 2); width: 1.5rem; height: 1.5rem; } .dropdown-wrapper .dropdown-list .dropdown-item span { margin-left: 0.75rem; color: #555650; } .dropdown-wrapper .dropdown-list .dropdown-item.selected::after { content: ''; display: list-item; list-style-type: disc; list-style-position: inside; color: #00302d; position: absolute; width: 0.3125rem; right: 0.5rem; }
@-moz-document url-prefix() { .dropdown-wrapper .dropdown-list .dropdown-item.selected::after { right: 0.4375rem; } } .dropdown-wrapper .dropdown-list .dropdown-item.selected img { border: 1px solid #00302d; } .dropdown-wrapper .dropdown-list .dropdown-item.selected span { color: #00302d; } .dropdown-wrapper .dropdown-list .dropdown-item .disabled-image { width: 100%; position: relative; } .dropdown-wrapper .dropdown-list .dropdown-item .disabled-image::after { display: block; content: ""; position: absolute; top: 1px; left: 1px; border: 1px solid transparent; border-radius: calc(2.75rem / 2); background: linear-gradient(to bottom right, transparent calc(50% - 2px), #f9f7f6 50%, transparent calc(50% + 2px)) no-repeat 0px 0px/100% 100%; width: 1.5rem; height: calc(100% - 2px); } .dropdown-wrapper .dropdown-list .dropdown-item:active { background-color: transparent; }