Skip to content
Snippets Groups Projects

Compare revisions

Changes are shown as if the source revision was being merged into the target revision. Learn more about comparing revisions.

Source

Select target project
No results found

Target

Select target project
No results found
Show changes
Commits on Source (1)
/*! /*!
* Bootstrap v4.1.3 (https://getbootstrap.com/) * Bootstrap v4.5.3 (https://getbootstrap.com/)
* Copyright 2011-2018 The Bootstrap Authors * Copyright 2011-2020 The Bootstrap Authors
* Copyright 2011-2018 Twitter, Inc. * Copyright 2011-2020 Twitter, Inc.
* Licensed under MIT (https://github.com/twbs/bootstrap/blob/master/LICENSE) * Licensed under MIT (https://github.com/twbs/bootstrap/blob/main/LICENSE)
*/ */
:root { :root {
--blue: #007bff; --blue: #007bff;
...@@ -31,7 +31,7 @@ ...@@ -31,7 +31,7 @@
--breakpoint-md: 768px; --breakpoint-md: 768px;
--breakpoint-lg: 992px; --breakpoint-lg: 992px;
--breakpoint-xl: 1200px; --breakpoint-xl: 1200px;
--font-family-sans-serif: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji"; --font-family-sans-serif: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, "Noto Sans", sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";
--font-family-monospace: SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace; --font-family-monospace: SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace;
} }
...@@ -45,22 +45,16 @@ html { ...@@ -45,22 +45,16 @@ html {
font-family: sans-serif; font-family: sans-serif;
line-height: 1.15; line-height: 1.15;
-webkit-text-size-adjust: 100%; -webkit-text-size-adjust: 100%;
-ms-text-size-adjust: 100%;
-ms-overflow-style: scrollbar;
-webkit-tap-highlight-color: rgba(0, 0, 0, 0); -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
} }
@-ms-viewport {
width: device-width;
}
article, aside, figcaption, figure, footer, header, hgroup, main, nav, section { article, aside, figcaption, figure, footer, header, hgroup, main, nav, section {
display: block; display: block;
} }
body { body {
margin: 0; margin: 0;
font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji"; font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, "Noto Sans", sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";
font-size: 1rem; font-size: 1rem;
font-weight: 400; font-weight: 400;
line-height: 1.5; line-height: 1.5;
...@@ -69,7 +63,7 @@ body { ...@@ -69,7 +63,7 @@ body {
background-color: #fff; background-color: #fff;
} }
[tabindex="-1"]:focus { [tabindex="-1"]:focus:not(:focus-visible) {
outline: 0 !important; outline: 0 !important;
} }
...@@ -96,6 +90,8 @@ abbr[data-original-title] { ...@@ -96,6 +90,8 @@ abbr[data-original-title] {
text-decoration: underline dotted; text-decoration: underline dotted;
cursor: help; cursor: help;
border-bottom: 0; border-bottom: 0;
-webkit-text-decoration-skip-ink: none;
text-decoration-skip-ink: none;
} }
address { address {
...@@ -131,10 +127,6 @@ blockquote { ...@@ -131,10 +127,6 @@ blockquote {
margin: 0 0 1rem; margin: 0 0 1rem;
} }
dfn {
font-style: italic;
}
b, b,
strong { strong {
font-weight: bolder; font-weight: bolder;
...@@ -164,7 +156,6 @@ a { ...@@ -164,7 +156,6 @@ a {
color: #007bff; color: #007bff;
text-decoration: none; text-decoration: none;
background-color: transparent; background-color: transparent;
-webkit-text-decoration-skip: objects;
} }
a:hover { a:hover {
...@@ -172,20 +163,16 @@ a:hover { ...@@ -172,20 +163,16 @@ a:hover {
text-decoration: underline; text-decoration: underline;
} }
a:not([href]):not([tabindex]) { a:not([href]):not([class]) {
color: inherit; color: inherit;
text-decoration: none; text-decoration: none;
} }
a:not([href]):not([tabindex]):hover, a:not([href]):not([tabindex]):focus { a:not([href]):not([class]):hover {
color: inherit; color: inherit;
text-decoration: none; text-decoration: none;
} }
a:not([href]):not([tabindex]):focus {
outline: 0;
}
pre, pre,
code, code,
kbd, kbd,
...@@ -229,6 +216,7 @@ caption { ...@@ -229,6 +216,7 @@ caption {
th { th {
text-align: inherit; text-align: inherit;
text-align: -webkit-match-parent;
} }
label { label {
...@@ -266,13 +254,28 @@ select { ...@@ -266,13 +254,28 @@ select {
text-transform: none; text-transform: none;
} }
[role="button"] {
cursor: pointer;
}
select {
word-wrap: normal;
}
button, button,
html [type="button"], [type="button"],
[type="reset"], [type="reset"],
[type="submit"] { [type="submit"] {
-webkit-appearance: button; -webkit-appearance: button;
} }
button:not(:disabled),
[type="button"]:not(:disabled),
[type="reset"]:not(:disabled),
[type="submit"]:not(:disabled) {
cursor: pointer;
}
button::-moz-focus-inner, button::-moz-focus-inner,
[type="button"]::-moz-focus-inner, [type="button"]::-moz-focus-inner,
[type="reset"]::-moz-focus-inner, [type="reset"]::-moz-focus-inner,
...@@ -287,13 +290,6 @@ input[type="checkbox"] { ...@@ -287,13 +290,6 @@ input[type="checkbox"] {
padding: 0; padding: 0;
} }
input[type="date"],
input[type="time"],
input[type="datetime-local"],
input[type="month"] {
-webkit-appearance: listbox;
}
textarea { textarea {
overflow: auto; overflow: auto;
resize: vertical; resize: vertical;
...@@ -332,7 +328,6 @@ progress { ...@@ -332,7 +328,6 @@ progress {
-webkit-appearance: none; -webkit-appearance: none;
} }
[type="search"]::-webkit-search-cancel-button,
[type="search"]::-webkit-search-decoration { [type="search"]::-webkit-search-decoration {
-webkit-appearance: none; -webkit-appearance: none;
} }
...@@ -362,10 +357,8 @@ template { ...@@ -362,10 +357,8 @@ template {
h1, h2, h3, h4, h5, h6, h1, h2, h3, h4, h5, h6,
.h1, .h2, .h3, .h4, .h5, .h6 { .h1, .h2, .h3, .h4, .h5, .h6 {
margin-bottom: 0.5rem; margin-bottom: 0.5rem;
font-family: inherit;
font-weight: 500; font-weight: 500;
line-height: 1.2; line-height: 1.2;
color: inherit;
} }
h1, .h1 { h1, .h1 {
...@@ -475,7 +468,7 @@ mark, ...@@ -475,7 +468,7 @@ mark,
} }
.blockquote-footer::before { .blockquote-footer::before {
content: "\2014 \00A0"; content: "\2014\00A0";
} }
.img-fluid { .img-fluid {
...@@ -509,7 +502,7 @@ mark, ...@@ -509,7 +502,7 @@ mark,
code { code {
font-size: 87.5%; font-size: 87.5%;
color: #e83e8c; color: #e83e8c;
word-break: break-word; word-wrap: break-word;
} }
a > code { a > code {
...@@ -547,7 +540,12 @@ pre code { ...@@ -547,7 +540,12 @@ pre code {
overflow-y: scroll; overflow-y: scroll;
} }
.container { .container,
.container-fluid,
.container-sm,
.container-md,
.container-lg,
.container-xl {
width: 100%; width: 100%;
padding-right: 15px; padding-right: 15px;
padding-left: 15px; padding-left: 15px;
...@@ -556,37 +554,29 @@ pre code { ...@@ -556,37 +554,29 @@ pre code {
} }
@media (min-width: 576px) { @media (min-width: 576px) {
.container { .container, .container-sm {
max-width: 540px; max-width: 540px;
} }
} }
@media (min-width: 768px) { @media (min-width: 768px) {
.container { .container, .container-sm, .container-md {
max-width: 720px; max-width: 720px;
} }
} }
@media (min-width: 992px) { @media (min-width: 992px) {
.container { .container, .container-sm, .container-md, .container-lg {
max-width: 960px; max-width: 960px;
} }
} }
@media (min-width: 1200px) { @media (min-width: 1200px) {
.container { .container, .container-sm, .container-md, .container-lg, .container-xl {
max-width: 1140px; max-width: 1140px;
} }
} }
.container-fluid {
width: 100%;
padding-right: 15px;
padding-left: 15px;
margin-right: auto;
margin-left: auto;
}
.row { .row {
display: -ms-flexbox; display: -ms-flexbox;
display: flex; display: flex;
...@@ -615,7 +605,6 @@ pre code { ...@@ -615,7 +605,6 @@ pre code {
.col-xl-auto { .col-xl-auto {
position: relative; position: relative;
width: 100%; width: 100%;
min-height: 1px;
padding-right: 15px; padding-right: 15px;
padding-left: 15px; padding-left: 15px;
} }
...@@ -628,11 +617,47 @@ pre code { ...@@ -628,11 +617,47 @@ pre code {
max-width: 100%; max-width: 100%;
} }
.row-cols-1 > * {
-ms-flex: 0 0 100%;
flex: 0 0 100%;
max-width: 100%;
}
.row-cols-2 > * {
-ms-flex: 0 0 50%;
flex: 0 0 50%;
max-width: 50%;
}
.row-cols-3 > * {
-ms-flex: 0 0 33.333333%;
flex: 0 0 33.333333%;
max-width: 33.333333%;
}
.row-cols-4 > * {
-ms-flex: 0 0 25%;
flex: 0 0 25%;
max-width: 25%;
}
.row-cols-5 > * {
-ms-flex: 0 0 20%;
flex: 0 0 20%;
max-width: 20%;
}
.row-cols-6 > * {
-ms-flex: 0 0 16.666667%;
flex: 0 0 16.666667%;
max-width: 16.666667%;
}
.col-auto { .col-auto {
-ms-flex: 0 0 auto; -ms-flex: 0 0 auto;
flex: 0 0 auto; flex: 0 0 auto;
width: auto; width: auto;
max-width: none; max-width: 100%;
} }
.col-1 { .col-1 {
...@@ -834,11 +859,41 @@ pre code { ...@@ -834,11 +859,41 @@ pre code {
flex-grow: 1; flex-grow: 1;
max-width: 100%; max-width: 100%;
} }
.row-cols-sm-1 > * {
-ms-flex: 0 0 100%;
flex: 0 0 100%;
max-width: 100%;
}
.row-cols-sm-2 > * {
-ms-flex: 0 0 50%;
flex: 0 0 50%;
max-width: 50%;
}
.row-cols-sm-3 > * {
-ms-flex: 0 0 33.333333%;
flex: 0 0 33.333333%;
max-width: 33.333333%;
}
.row-cols-sm-4 > * {
-ms-flex: 0 0 25%;
flex: 0 0 25%;
max-width: 25%;
}
.row-cols-sm-5 > * {
-ms-flex: 0 0 20%;
flex: 0 0 20%;
max-width: 20%;
}
.row-cols-sm-6 > * {
-ms-flex: 0 0 16.666667%;
flex: 0 0 16.666667%;
max-width: 16.666667%;
}
.col-sm-auto { .col-sm-auto {
-ms-flex: 0 0 auto; -ms-flex: 0 0 auto;
flex: 0 0 auto; flex: 0 0 auto;
width: auto; width: auto;
max-width: none; max-width: 100%;
} }
.col-sm-1 { .col-sm-1 {
-ms-flex: 0 0 8.333333%; -ms-flex: 0 0 8.333333%;
...@@ -1006,11 +1061,41 @@ pre code { ...@@ -1006,11 +1061,41 @@ pre code {
flex-grow: 1; flex-grow: 1;
max-width: 100%; max-width: 100%;
} }
.row-cols-md-1 > * {
-ms-flex: 0 0 100%;
flex: 0 0 100%;
max-width: 100%;
}
.row-cols-md-2 > * {
-ms-flex: 0 0 50%;
flex: 0 0 50%;
max-width: 50%;
}
.row-cols-md-3 > * {
-ms-flex: 0 0 33.333333%;
flex: 0 0 33.333333%;
max-width: 33.333333%;
}
.row-cols-md-4 > * {
-ms-flex: 0 0 25%;
flex: 0 0 25%;
max-width: 25%;
}
.row-cols-md-5 > * {
-ms-flex: 0 0 20%;
flex: 0 0 20%;
max-width: 20%;
}
.row-cols-md-6 > * {
-ms-flex: 0 0 16.666667%;
flex: 0 0 16.666667%;
max-width: 16.666667%;
}
.col-md-auto { .col-md-auto {
-ms-flex: 0 0 auto; -ms-flex: 0 0 auto;
flex: 0 0 auto; flex: 0 0 auto;
width: auto; width: auto;
max-width: none; max-width: 100%;
} }
.col-md-1 { .col-md-1 {
-ms-flex: 0 0 8.333333%; -ms-flex: 0 0 8.333333%;
...@@ -1178,11 +1263,41 @@ pre code { ...@@ -1178,11 +1263,41 @@ pre code {
flex-grow: 1; flex-grow: 1;
max-width: 100%; max-width: 100%;
} }
.row-cols-lg-1 > * {
-ms-flex: 0 0 100%;
flex: 0 0 100%;
max-width: 100%;
}
.row-cols-lg-2 > * {
-ms-flex: 0 0 50%;
flex: 0 0 50%;
max-width: 50%;
}
.row-cols-lg-3 > * {
-ms-flex: 0 0 33.333333%;
flex: 0 0 33.333333%;
max-width: 33.333333%;
}
.row-cols-lg-4 > * {
-ms-flex: 0 0 25%;
flex: 0 0 25%;
max-width: 25%;
}
.row-cols-lg-5 > * {
-ms-flex: 0 0 20%;
flex: 0 0 20%;
max-width: 20%;
}
.row-cols-lg-6 > * {
-ms-flex: 0 0 16.666667%;
flex: 0 0 16.666667%;
max-width: 16.666667%;
}
.col-lg-auto { .col-lg-auto {
-ms-flex: 0 0 auto; -ms-flex: 0 0 auto;
flex: 0 0 auto; flex: 0 0 auto;
width: auto; width: auto;
max-width: none; max-width: 100%;
} }
.col-lg-1 { .col-lg-1 {
-ms-flex: 0 0 8.333333%; -ms-flex: 0 0 8.333333%;
...@@ -1350,11 +1465,41 @@ pre code { ...@@ -1350,11 +1465,41 @@ pre code {
flex-grow: 1; flex-grow: 1;
max-width: 100%; max-width: 100%;
} }
.row-cols-xl-1 > * {
-ms-flex: 0 0 100%;
flex: 0 0 100%;
max-width: 100%;
}
.row-cols-xl-2 > * {
-ms-flex: 0 0 50%;
flex: 0 0 50%;
max-width: 50%;
}
.row-cols-xl-3 > * {
-ms-flex: 0 0 33.333333%;
flex: 0 0 33.333333%;
max-width: 33.333333%;
}
.row-cols-xl-4 > * {
-ms-flex: 0 0 25%;
flex: 0 0 25%;
max-width: 25%;
}
.row-cols-xl-5 > * {
-ms-flex: 0 0 20%;
flex: 0 0 20%;
max-width: 20%;
}
.row-cols-xl-6 > * {
-ms-flex: 0 0 16.666667%;
flex: 0 0 16.666667%;
max-width: 16.666667%;
}
.col-xl-auto { .col-xl-auto {
-ms-flex: 0 0 auto; -ms-flex: 0 0 auto;
flex: 0 0 auto; flex: 0 0 auto;
width: auto; width: auto;
max-width: none; max-width: 100%;
} }
.col-xl-1 { .col-xl-1 {
-ms-flex: 0 0 8.333333%; -ms-flex: 0 0 8.333333%;
...@@ -1517,7 +1662,7 @@ pre code { ...@@ -1517,7 +1662,7 @@ pre code {
.table { .table {
width: 100%; width: 100%;
margin-bottom: 1rem; margin-bottom: 1rem;
background-color: transparent; color: #212529;
} }
.table th, .table th,
...@@ -1536,10 +1681,6 @@ pre code { ...@@ -1536,10 +1681,6 @@ pre code {
border-top: 2px solid #dee2e6; border-top: 2px solid #dee2e6;
} }
.table .table {
background-color: #fff;
}
.table-sm th, .table-sm th,
.table-sm td { .table-sm td {
padding: 0.3rem; padding: 0.3rem;
...@@ -1571,6 +1712,7 @@ pre code { ...@@ -1571,6 +1712,7 @@ pre code {
} }
.table-hover tbody tr:hover { .table-hover tbody tr:hover {
color: #212529;
background-color: rgba(0, 0, 0, 0.075); background-color: rgba(0, 0, 0, 0.075);
} }
...@@ -1580,6 +1722,13 @@ pre code { ...@@ -1580,6 +1722,13 @@ pre code {
background-color: #b8daff; background-color: #b8daff;
} }
.table-primary th,
.table-primary td,
.table-primary thead th,
.table-primary tbody + tbody {
border-color: #7abaff;
}
.table-hover .table-primary:hover { .table-hover .table-primary:hover {
background-color: #9fcdff; background-color: #9fcdff;
} }
...@@ -1595,6 +1744,13 @@ pre code { ...@@ -1595,6 +1744,13 @@ pre code {
background-color: #d6d8db; background-color: #d6d8db;
} }
.table-secondary th,
.table-secondary td,
.table-secondary thead th,
.table-secondary tbody + tbody {
border-color: #b3b7bb;
}
.table-hover .table-secondary:hover { .table-hover .table-secondary:hover {
background-color: #c8cbcf; background-color: #c8cbcf;
} }
...@@ -1610,6 +1766,13 @@ pre code { ...@@ -1610,6 +1766,13 @@ pre code {
background-color: #c3e6cb; background-color: #c3e6cb;
} }
.table-success th,
.table-success td,
.table-success thead th,
.table-success tbody + tbody {
border-color: #8fd19e;
}
.table-hover .table-success:hover { .table-hover .table-success:hover {
background-color: #b1dfbb; background-color: #b1dfbb;
} }
...@@ -1625,6 +1788,13 @@ pre code { ...@@ -1625,6 +1788,13 @@ pre code {
background-color: #bee5eb; 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 { .table-hover .table-info:hover {
background-color: #abdde5; background-color: #abdde5;
} }
...@@ -1640,6 +1810,13 @@ pre code { ...@@ -1640,6 +1810,13 @@ pre code {
background-color: #ffeeba; 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 { .table-hover .table-warning:hover {
background-color: #ffe8a1; background-color: #ffe8a1;
} }
...@@ -1655,6 +1832,13 @@ pre code { ...@@ -1655,6 +1832,13 @@ pre code {
background-color: #f5c6cb; background-color: #f5c6cb;
} }
.table-danger th,
.table-danger td,
.table-danger thead th,
.table-danger tbody + tbody {
border-color: #ed969e;
}
.table-hover .table-danger:hover { .table-hover .table-danger:hover {
background-color: #f1b0b7; background-color: #f1b0b7;
} }
...@@ -1670,6 +1854,13 @@ pre code { ...@@ -1670,6 +1854,13 @@ pre code {
background-color: #fdfdfe; background-color: #fdfdfe;
} }
.table-light th,
.table-light td,
.table-light thead th,
.table-light tbody + tbody {
border-color: #fbfcfc;
}
.table-hover .table-light:hover { .table-hover .table-light:hover {
background-color: #ececf6; background-color: #ececf6;
} }
...@@ -1685,6 +1876,13 @@ pre code { ...@@ -1685,6 +1876,13 @@ pre code {
background-color: #c6c8ca; background-color: #c6c8ca;
} }
.table-dark th,
.table-dark td,
.table-dark thead th,
.table-dark tbody + tbody {
border-color: #95999c;
}
.table-hover .table-dark:hover { .table-hover .table-dark:hover {
background-color: #b9bbbe; background-color: #b9bbbe;
} }
...@@ -1711,8 +1909,8 @@ pre code { ...@@ -1711,8 +1909,8 @@ pre code {
.table .thead-dark th { .table .thead-dark th {
color: #fff; color: #fff;
background-color: #212529; background-color: #343a40;
border-color: #32383e; border-color: #454d55;
} }
.table .thead-light th { .table .thead-light th {
...@@ -1723,13 +1921,13 @@ pre code { ...@@ -1723,13 +1921,13 @@ pre code {
.table-dark { .table-dark {
color: #fff; color: #fff;
background-color: #212529; background-color: #343a40;
} }
.table-dark th, .table-dark th,
.table-dark td, .table-dark td,
.table-dark thead th { .table-dark thead th {
border-color: #32383e; border-color: #454d55;
} }
.table-dark.table-bordered { .table-dark.table-bordered {
...@@ -1741,6 +1939,7 @@ pre code { ...@@ -1741,6 +1939,7 @@ pre code {
} }
.table-dark.table-hover tbody tr:hover { .table-dark.table-hover tbody tr:hover {
color: #fff;
background-color: rgba(255, 255, 255, 0.075); background-color: rgba(255, 255, 255, 0.075);
} }
...@@ -1750,7 +1949,6 @@ pre code { ...@@ -1750,7 +1949,6 @@ pre code {
width: 100%; width: 100%;
overflow-x: auto; overflow-x: auto;
-webkit-overflow-scrolling: touch; -webkit-overflow-scrolling: touch;
-ms-overflow-style: -ms-autohiding-scrollbar;
} }
.table-responsive-sm > .table-bordered { .table-responsive-sm > .table-bordered {
border: 0; border: 0;
...@@ -1763,7 +1961,6 @@ pre code { ...@@ -1763,7 +1961,6 @@ pre code {
width: 100%; width: 100%;
overflow-x: auto; overflow-x: auto;
-webkit-overflow-scrolling: touch; -webkit-overflow-scrolling: touch;
-ms-overflow-style: -ms-autohiding-scrollbar;
} }
.table-responsive-md > .table-bordered { .table-responsive-md > .table-bordered {
border: 0; border: 0;
...@@ -1776,7 +1973,6 @@ pre code { ...@@ -1776,7 +1973,6 @@ pre code {
width: 100%; width: 100%;
overflow-x: auto; overflow-x: auto;
-webkit-overflow-scrolling: touch; -webkit-overflow-scrolling: touch;
-ms-overflow-style: -ms-autohiding-scrollbar;
} }
.table-responsive-lg > .table-bordered { .table-responsive-lg > .table-bordered {
border: 0; border: 0;
...@@ -1789,7 +1985,6 @@ pre code { ...@@ -1789,7 +1985,6 @@ pre code {
width: 100%; width: 100%;
overflow-x: auto; overflow-x: auto;
-webkit-overflow-scrolling: touch; -webkit-overflow-scrolling: touch;
-ms-overflow-style: -ms-autohiding-scrollbar;
} }
.table-responsive-xl > .table-bordered { .table-responsive-xl > .table-bordered {
border: 0; border: 0;
...@@ -1801,7 +1996,6 @@ pre code { ...@@ -1801,7 +1996,6 @@ pre code {
width: 100%; width: 100%;
overflow-x: auto; overflow-x: auto;
-webkit-overflow-scrolling: touch; -webkit-overflow-scrolling: touch;
-ms-overflow-style: -ms-autohiding-scrollbar;
} }
.table-responsive > .table-bordered { .table-responsive > .table-bordered {
...@@ -1811,9 +2005,10 @@ pre code { ...@@ -1811,9 +2005,10 @@ pre code {
.form-control { .form-control {
display: block; display: block;
width: 100%; width: 100%;
height: calc(2.25rem + 2px); height: calc(1.5em + 0.75rem + 2px);
padding: 0.375rem 0.75rem; padding: 0.375rem 0.75rem;
font-size: 1rem; font-size: 1rem;
font-weight: 400;
line-height: 1.5; line-height: 1.5;
color: #495057; color: #495057;
background-color: #fff; background-color: #fff;
...@@ -1823,7 +2018,7 @@ pre code { ...@@ -1823,7 +2018,7 @@ pre code {
transition: border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out; transition: border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out;
} }
@media screen and (prefers-reduced-motion: reduce) { @media (prefers-reduced-motion: reduce) {
.form-control { .form-control {
transition: none; transition: none;
} }
...@@ -1834,6 +2029,11 @@ pre code { ...@@ -1834,6 +2029,11 @@ pre code {
border: 0; border: 0;
} }
.form-control:-moz-focusring {
color: transparent;
text-shadow: 0 0 0 #495057;
}
.form-control:focus { .form-control:focus {
color: #495057; color: #495057;
background-color: #fff; background-color: #fff;
...@@ -1872,6 +2072,15 @@ pre code { ...@@ -1872,6 +2072,15 @@ pre code {
opacity: 1; opacity: 1;
} }
input[type="date"].form-control,
input[type="time"].form-control,
input[type="datetime-local"].form-control,
input[type="month"].form-control {
-webkit-appearance: none;
-moz-appearance: none;
appearance: none;
}
select.form-control:focus::-ms-value { select.form-control:focus::-ms-value {
color: #495057; color: #495057;
background-color: #fff; background-color: #fff;
...@@ -1908,9 +2117,9 @@ select.form-control:focus::-ms-value { ...@@ -1908,9 +2117,9 @@ select.form-control:focus::-ms-value {
.form-control-plaintext { .form-control-plaintext {
display: block; display: block;
width: 100%; width: 100%;
padding-top: 0.375rem; padding: 0.375rem 0;
padding-bottom: 0.375rem;
margin-bottom: 0; margin-bottom: 0;
font-size: 1rem;
line-height: 1.5; line-height: 1.5;
color: #212529; color: #212529;
background-color: transparent; background-color: transparent;
...@@ -1924,7 +2133,7 @@ select.form-control:focus::-ms-value { ...@@ -1924,7 +2133,7 @@ select.form-control:focus::-ms-value {
} }
.form-control-sm { .form-control-sm {
height: calc(1.8125rem + 2px); height: calc(1.5em + 0.5rem + 2px);
padding: 0.25rem 0.5rem; padding: 0.25rem 0.5rem;
font-size: 0.875rem; font-size: 0.875rem;
line-height: 1.5; line-height: 1.5;
...@@ -1932,7 +2141,7 @@ select.form-control:focus::-ms-value { ...@@ -1932,7 +2141,7 @@ select.form-control:focus::-ms-value {
} }
.form-control-lg { .form-control-lg {
height: calc(2.875rem + 2px); height: calc(1.5em + 1rem + 2px);
padding: 0.5rem 1rem; padding: 0.5rem 1rem;
font-size: 1.25rem; font-size: 1.25rem;
line-height: 1.5; line-height: 1.5;
...@@ -1983,6 +2192,7 @@ textarea.form-control { ...@@ -1983,6 +2192,7 @@ textarea.form-control {
margin-left: -1.25rem; margin-left: -1.25rem;
} }
.form-check-input[disabled] ~ .form-check-label,
.form-check-input:disabled ~ .form-check-label { .form-check-input:disabled ~ .form-check-label {
color: #6c757d; color: #6c757d;
} }
...@@ -2018,6 +2228,7 @@ textarea.form-control { ...@@ -2018,6 +2228,7 @@ textarea.form-control {
.valid-tooltip { .valid-tooltip {
position: absolute; position: absolute;
top: 100%; top: 100%;
left: 0;
z-index: 5; z-index: 5;
display: none; display: none;
max-width: 100%; max-width: 100%;
...@@ -2030,34 +2241,41 @@ textarea.form-control { ...@@ -2030,34 +2241,41 @@ textarea.form-control {
border-radius: 0.25rem; border-radius: 0.25rem;
} }
.was-validated .form-control:valid, .form-control.is-valid, .was-validated .was-validated :valid ~ .valid-feedback,
.custom-select:valid, .was-validated :valid ~ .valid-tooltip,
.custom-select.is-valid { .is-valid ~ .valid-feedback,
.is-valid ~ .valid-tooltip {
display: block;
}
.was-validated .form-control:valid, .form-control.is-valid {
border-color: #28a745; border-color: #28a745;
padding-right: calc(1.5em + 0.75rem);
background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' width='8' height='8' viewBox='0 0 8 8'%3e%3cpath fill='%2328a745' d='M2.3 6.73L.6 4.53c-.4-1.04.46-1.4 1.1-.8l1.1 1.4 3.4-3.8c.6-.63 1.6-.27 1.2.7l-4 4.6c-.43.5-.8.4-1.1.1z'/%3e%3c/svg%3e");
background-repeat: no-repeat;
background-position: right calc(0.375em + 0.1875rem) center;
background-size: calc(0.75em + 0.375rem) calc(0.75em + 0.375rem);
} }
.was-validated .form-control:valid:focus, .form-control.is-valid:focus, .was-validated .was-validated .form-control:valid:focus, .form-control.is-valid:focus {
.custom-select:valid:focus,
.custom-select.is-valid:focus {
border-color: #28a745; border-color: #28a745;
box-shadow: 0 0 0 0.2rem rgba(40, 167, 69, 0.25); box-shadow: 0 0 0 0.2rem rgba(40, 167, 69, 0.25);
} }
.was-validated .form-control:valid ~ .valid-feedback, .was-validated textarea.form-control:valid, textarea.form-control.is-valid {
.was-validated .form-control:valid ~ .valid-tooltip, .form-control.is-valid ~ .valid-feedback, padding-right: calc(1.5em + 0.75rem);
.form-control.is-valid ~ .valid-tooltip, .was-validated background-position: top calc(0.375em + 0.1875rem) right calc(0.375em + 0.1875rem);
.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 .custom-select:valid, .custom-select.is-valid {
.was-validated .form-control-file:valid ~ .valid-tooltip, .form-control-file.is-valid ~ .valid-feedback, border-color: #28a745;
.form-control-file.is-valid ~ .valid-tooltip { padding-right: calc(0.75em + 2.3125rem);
display: block; background: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' width='4' height='5' viewBox='0 0 4 5'%3e%3cpath fill='%23343a40' d='M2 0L0 2h4zm0 5L0 3h4z'/%3e%3c/svg%3e") no-repeat right 0.75rem center/8px 10px, url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' width='8' height='8' viewBox='0 0 8 8'%3e%3cpath fill='%2328a745' d='M2.3 6.73L.6 4.53c-.4-1.04.46-1.4 1.1-.8l1.1 1.4 3.4-3.8c.6-.63 1.6-.27 1.2.7l-4 4.6c-.43.5-.8.4-1.1.1z'/%3e%3c/svg%3e") #fff no-repeat center right 1.75rem/calc(0.75em + 0.375rem) calc(0.75em + 0.375rem);
}
.was-validated .custom-select:valid:focus, .custom-select.is-valid:focus {
border-color: #28a745;
box-shadow: 0 0 0 0.2rem rgba(40, 167, 69, 0.25);
} }
.was-validated .form-check-input:valid ~ .form-check-label, .form-check-input.is-valid ~ .form-check-label { .was-validated .form-check-input:valid ~ .form-check-label, .form-check-input.is-valid ~ .form-check-label {
...@@ -2075,38 +2293,28 @@ textarea.form-control { ...@@ -2075,38 +2293,28 @@ textarea.form-control {
} }
.was-validated .custom-control-input:valid ~ .custom-control-label::before, .custom-control-input.is-valid ~ .custom-control-label::before { .was-validated .custom-control-input:valid ~ .custom-control-label::before, .custom-control-input.is-valid ~ .custom-control-label::before {
background-color: #71dd8a; border-color: #28a745;
}
.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 { .was-validated .custom-control-input:valid:checked ~ .custom-control-label::before, .custom-control-input.is-valid:checked ~ .custom-control-label::before {
border-color: #34ce57;
background-color: #34ce57; background-color: #34ce57;
} }
.was-validated .custom-control-input:valid:focus ~ .custom-control-label::before, .custom-control-input.is-valid:focus ~ .custom-control-label::before { .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 1px #fff, 0 0 0 0.2rem rgba(40, 167, 69, 0.25); box-shadow: 0 0 0 0.2rem rgba(40, 167, 69, 0.25);
} }
.was-validated .custom-file-input:valid ~ .custom-file-label, .custom-file-input.is-valid ~ .custom-file-label { .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: #28a745; border-color: #28a745;
} }
.was-validated .custom-file-input:valid ~ .custom-file-label::after, .custom-file-input.is-valid ~ .custom-file-label::after { .was-validated .custom-file-input:valid ~ .custom-file-label, .custom-file-input.is-valid ~ .custom-file-label {
border-color: inherit; border-color: #28a745;
}
.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 { .was-validated .custom-file-input:valid:focus ~ .custom-file-label, .custom-file-input.is-valid:focus ~ .custom-file-label {
border-color: #28a745;
box-shadow: 0 0 0 0.2rem rgba(40, 167, 69, 0.25); box-shadow: 0 0 0 0.2rem rgba(40, 167, 69, 0.25);
} }
...@@ -2121,6 +2329,7 @@ textarea.form-control { ...@@ -2121,6 +2329,7 @@ textarea.form-control {
.invalid-tooltip { .invalid-tooltip {
position: absolute; position: absolute;
top: 100%; top: 100%;
left: 0;
z-index: 5; z-index: 5;
display: none; display: none;
max-width: 100%; max-width: 100%;
...@@ -2133,34 +2342,41 @@ textarea.form-control { ...@@ -2133,34 +2342,41 @@ textarea.form-control {
border-radius: 0.25rem; border-radius: 0.25rem;
} }
.was-validated .form-control:invalid, .form-control.is-invalid, .was-validated .was-validated :invalid ~ .invalid-feedback,
.custom-select:invalid, .was-validated :invalid ~ .invalid-tooltip,
.custom-select.is-invalid { .is-invalid ~ .invalid-feedback,
.is-invalid ~ .invalid-tooltip {
display: block;
}
.was-validated .form-control:invalid, .form-control.is-invalid {
border-color: #dc3545; border-color: #dc3545;
padding-right: calc(1.5em + 0.75rem);
background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' fill='none' stroke='%23dc3545' viewBox='0 0 12 12'%3e%3ccircle cx='6' cy='6' r='4.5'/%3e%3cpath stroke-linejoin='round' d='M5.8 3.6h.4L6 6.5z'/%3e%3ccircle cx='6' cy='8.2' r='.6' fill='%23dc3545' stroke='none'/%3e%3c/svg%3e");
background-repeat: no-repeat;
background-position: right calc(0.375em + 0.1875rem) center;
background-size: calc(0.75em + 0.375rem) calc(0.75em + 0.375rem);
} }
.was-validated .form-control:invalid:focus, .form-control.is-invalid:focus, .was-validated .was-validated .form-control:invalid:focus, .form-control.is-invalid:focus {
.custom-select:invalid:focus,
.custom-select.is-invalid:focus {
border-color: #dc3545; border-color: #dc3545;
box-shadow: 0 0 0 0.2rem rgba(220, 53, 69, 0.25); box-shadow: 0 0 0 0.2rem rgba(220, 53, 69, 0.25);
} }
.was-validated .form-control:invalid ~ .invalid-feedback, .was-validated textarea.form-control:invalid, textarea.form-control.is-invalid {
.was-validated .form-control:invalid ~ .invalid-tooltip, .form-control.is-invalid ~ .invalid-feedback, padding-right: calc(1.5em + 0.75rem);
.form-control.is-invalid ~ .invalid-tooltip, .was-validated background-position: top calc(0.375em + 0.1875rem) right calc(0.375em + 0.1875rem);
.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 .custom-select:invalid, .custom-select.is-invalid {
.was-validated .form-control-file:invalid ~ .invalid-tooltip, .form-control-file.is-invalid ~ .invalid-feedback, border-color: #dc3545;
.form-control-file.is-invalid ~ .invalid-tooltip { padding-right: calc(0.75em + 2.3125rem);
display: block; background: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' width='4' height='5' viewBox='0 0 4 5'%3e%3cpath fill='%23343a40' d='M2 0L0 2h4zm0 5L0 3h4z'/%3e%3c/svg%3e") no-repeat right 0.75rem center/8px 10px, url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' fill='none' stroke='%23dc3545' viewBox='0 0 12 12'%3e%3ccircle cx='6' cy='6' r='4.5'/%3e%3cpath stroke-linejoin='round' d='M5.8 3.6h.4L6 6.5z'/%3e%3ccircle cx='6' cy='8.2' r='.6' fill='%23dc3545' stroke='none'/%3e%3c/svg%3e") #fff no-repeat center right 1.75rem/calc(0.75em + 0.375rem) calc(0.75em + 0.375rem);
}
.was-validated .custom-select:invalid:focus, .custom-select.is-invalid:focus {
border-color: #dc3545;
box-shadow: 0 0 0 0.2rem rgba(220, 53, 69, 0.25);
} }
.was-validated .form-check-input:invalid ~ .form-check-label, .form-check-input.is-invalid ~ .form-check-label { .was-validated .form-check-input:invalid ~ .form-check-label, .form-check-input.is-invalid ~ .form-check-label {
...@@ -2178,38 +2394,28 @@ textarea.form-control { ...@@ -2178,38 +2394,28 @@ textarea.form-control {
} }
.was-validated .custom-control-input:invalid ~ .custom-control-label::before, .custom-control-input.is-invalid ~ .custom-control-label::before { .was-validated .custom-control-input:invalid ~ .custom-control-label::before, .custom-control-input.is-invalid ~ .custom-control-label::before {
background-color: #efa2a9; border-color: #dc3545;
}
.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 { .was-validated .custom-control-input:invalid:checked ~ .custom-control-label::before, .custom-control-input.is-invalid:checked ~ .custom-control-label::before {
border-color: #e4606d;
background-color: #e4606d; background-color: #e4606d;
} }
.was-validated .custom-control-input:invalid:focus ~ .custom-control-label::before, .custom-control-input.is-invalid:focus ~ .custom-control-label::before { .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 1px #fff, 0 0 0 0.2rem rgba(220, 53, 69, 0.25); box-shadow: 0 0 0 0.2rem rgba(220, 53, 69, 0.25);
} }
.was-validated .custom-file-input:invalid ~ .custom-file-label, .custom-file-input.is-invalid ~ .custom-file-label { .was-validated .custom-control-input:invalid:focus:not(:checked) ~ .custom-control-label::before, .custom-control-input.is-invalid:focus:not(:checked) ~ .custom-control-label::before {
border-color: #dc3545; border-color: #dc3545;
} }
.was-validated .custom-file-input:invalid ~ .custom-file-label::after, .custom-file-input.is-invalid ~ .custom-file-label::after { .was-validated .custom-file-input:invalid ~ .custom-file-label, .custom-file-input.is-invalid ~ .custom-file-label {
border-color: inherit; border-color: #dc3545;
}
.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 { .was-validated .custom-file-input:invalid:focus ~ .custom-file-label, .custom-file-input.is-invalid:focus ~ .custom-file-label {
border-color: #dc3545;
box-shadow: 0 0 0 0.2rem rgba(220, 53, 69, 0.25); box-shadow: 0 0 0 0.2rem rgba(220, 53, 69, 0.25);
} }
...@@ -2271,6 +2477,8 @@ textarea.form-control { ...@@ -2271,6 +2477,8 @@ textarea.form-control {
} }
.form-inline .form-check-input { .form-inline .form-check-input {
position: relative; position: relative;
-ms-flex-negative: 0;
flex-shrink: 0;
margin-top: 0; margin-top: 0;
margin-right: 0.25rem; margin-right: 0.25rem;
margin-left: 0; margin-left: 0;
...@@ -2289,13 +2497,14 @@ textarea.form-control { ...@@ -2289,13 +2497,14 @@ textarea.form-control {
.btn { .btn {
display: inline-block; display: inline-block;
font-weight: 400; font-weight: 400;
color: #212529;
text-align: center; text-align: center;
white-space: nowrap;
vertical-align: middle; vertical-align: middle;
-webkit-user-select: none; -webkit-user-select: none;
-moz-user-select: none; -moz-user-select: none;
-ms-user-select: none; -ms-user-select: none;
user-select: none; user-select: none;
background-color: transparent;
border: 1px solid transparent; border: 1px solid transparent;
padding: 0.375rem 0.75rem; padding: 0.375rem 0.75rem;
font-size: 1rem; font-size: 1rem;
...@@ -2304,13 +2513,14 @@ textarea.form-control { ...@@ -2304,13 +2513,14 @@ textarea.form-control {
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; 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 screen and (prefers-reduced-motion: reduce) { @media (prefers-reduced-motion: reduce) {
.btn { .btn {
transition: none; transition: none;
} }
} }
.btn:hover, .btn:focus { .btn:hover {
color: #212529;
text-decoration: none; text-decoration: none;
} }
...@@ -2345,7 +2555,10 @@ fieldset:disabled a.btn { ...@@ -2345,7 +2555,10 @@ fieldset:disabled a.btn {
} }
.btn-primary:focus, .btn-primary.focus { .btn-primary:focus, .btn-primary.focus {
box-shadow: 0 0 0 0.2rem rgba(0, 123, 255, 0.5); color: #fff;
background-color: #0069d9;
border-color: #0062cc;
box-shadow: 0 0 0 0.2rem rgba(38, 143, 255, 0.5);
} }
.btn-primary.disabled, .btn-primary:disabled { .btn-primary.disabled, .btn-primary:disabled {
...@@ -2363,7 +2576,7 @@ fieldset:disabled a.btn { ...@@ -2363,7 +2576,7 @@ fieldset:disabled a.btn {
.btn-primary:not(:disabled):not(.disabled):active:focus, .btn-primary:not(:disabled):not(.disabled).active:focus, .btn-primary:not(:disabled):not(.disabled):active:focus, .btn-primary:not(:disabled):not(.disabled).active:focus,
.show > .btn-primary.dropdown-toggle:focus { .show > .btn-primary.dropdown-toggle:focus {
box-shadow: 0 0 0 0.2rem rgba(0, 123, 255, 0.5); box-shadow: 0 0 0 0.2rem rgba(38, 143, 255, 0.5);
} }
.btn-secondary { .btn-secondary {
...@@ -2379,7 +2592,10 @@ fieldset:disabled a.btn { ...@@ -2379,7 +2592,10 @@ fieldset:disabled a.btn {
} }
.btn-secondary:focus, .btn-secondary.focus { .btn-secondary:focus, .btn-secondary.focus {
box-shadow: 0 0 0 0.2rem rgba(108, 117, 125, 0.5); color: #fff;
background-color: #5a6268;
border-color: #545b62;
box-shadow: 0 0 0 0.2rem rgba(130, 138, 145, 0.5);
} }
.btn-secondary.disabled, .btn-secondary:disabled { .btn-secondary.disabled, .btn-secondary:disabled {
...@@ -2397,7 +2613,7 @@ fieldset:disabled a.btn { ...@@ -2397,7 +2613,7 @@ fieldset:disabled a.btn {
.btn-secondary:not(:disabled):not(.disabled):active:focus, .btn-secondary:not(:disabled):not(.disabled).active:focus, .btn-secondary:not(:disabled):not(.disabled):active:focus, .btn-secondary:not(:disabled):not(.disabled).active:focus,
.show > .btn-secondary.dropdown-toggle:focus { .show > .btn-secondary.dropdown-toggle:focus {
box-shadow: 0 0 0 0.2rem rgba(108, 117, 125, 0.5); box-shadow: 0 0 0 0.2rem rgba(130, 138, 145, 0.5);
} }
.btn-success { .btn-success {
...@@ -2413,7 +2629,10 @@ fieldset:disabled a.btn { ...@@ -2413,7 +2629,10 @@ fieldset:disabled a.btn {
} }
.btn-success:focus, .btn-success.focus { .btn-success:focus, .btn-success.focus {
box-shadow: 0 0 0 0.2rem rgba(40, 167, 69, 0.5); color: #fff;
background-color: #218838;
border-color: #1e7e34;
box-shadow: 0 0 0 0.2rem rgba(72, 180, 97, 0.5);
} }
.btn-success.disabled, .btn-success:disabled { .btn-success.disabled, .btn-success:disabled {
...@@ -2431,7 +2650,7 @@ fieldset:disabled a.btn { ...@@ -2431,7 +2650,7 @@ fieldset:disabled a.btn {
.btn-success:not(:disabled):not(.disabled):active:focus, .btn-success:not(:disabled):not(.disabled).active:focus, .btn-success:not(:disabled):not(.disabled):active:focus, .btn-success:not(:disabled):not(.disabled).active:focus,
.show > .btn-success.dropdown-toggle:focus { .show > .btn-success.dropdown-toggle:focus {
box-shadow: 0 0 0 0.2rem rgba(40, 167, 69, 0.5); box-shadow: 0 0 0 0.2rem rgba(72, 180, 97, 0.5);
} }
.btn-info { .btn-info {
...@@ -2447,7 +2666,10 @@ fieldset:disabled a.btn { ...@@ -2447,7 +2666,10 @@ fieldset:disabled a.btn {
} }
.btn-info:focus, .btn-info.focus { .btn-info:focus, .btn-info.focus {
box-shadow: 0 0 0 0.2rem rgba(23, 162, 184, 0.5); color: #fff;
background-color: #138496;
border-color: #117a8b;
box-shadow: 0 0 0 0.2rem rgba(58, 176, 195, 0.5);
} }
.btn-info.disabled, .btn-info:disabled { .btn-info.disabled, .btn-info:disabled {
...@@ -2465,7 +2687,7 @@ fieldset:disabled a.btn { ...@@ -2465,7 +2687,7 @@ fieldset:disabled a.btn {
.btn-info:not(:disabled):not(.disabled):active:focus, .btn-info:not(:disabled):not(.disabled).active:focus, .btn-info:not(:disabled):not(.disabled):active:focus, .btn-info:not(:disabled):not(.disabled).active:focus,
.show > .btn-info.dropdown-toggle:focus { .show > .btn-info.dropdown-toggle:focus {
box-shadow: 0 0 0 0.2rem rgba(23, 162, 184, 0.5); box-shadow: 0 0 0 0.2rem rgba(58, 176, 195, 0.5);
} }
.btn-warning { .btn-warning {
...@@ -2481,7 +2703,10 @@ fieldset:disabled a.btn { ...@@ -2481,7 +2703,10 @@ fieldset:disabled a.btn {
} }
.btn-warning:focus, .btn-warning.focus { .btn-warning:focus, .btn-warning.focus {
box-shadow: 0 0 0 0.2rem rgba(255, 193, 7, 0.5); color: #212529;
background-color: #e0a800;
border-color: #d39e00;
box-shadow: 0 0 0 0.2rem rgba(222, 170, 12, 0.5);
} }
.btn-warning.disabled, .btn-warning:disabled { .btn-warning.disabled, .btn-warning:disabled {
...@@ -2499,7 +2724,7 @@ fieldset:disabled a.btn { ...@@ -2499,7 +2724,7 @@ fieldset:disabled a.btn {
.btn-warning:not(:disabled):not(.disabled):active:focus, .btn-warning:not(:disabled):not(.disabled).active:focus, .btn-warning:not(:disabled):not(.disabled):active:focus, .btn-warning:not(:disabled):not(.disabled).active:focus,
.show > .btn-warning.dropdown-toggle:focus { .show > .btn-warning.dropdown-toggle:focus {
box-shadow: 0 0 0 0.2rem rgba(255, 193, 7, 0.5); box-shadow: 0 0 0 0.2rem rgba(222, 170, 12, 0.5);
} }
.btn-danger { .btn-danger {
...@@ -2515,7 +2740,10 @@ fieldset:disabled a.btn { ...@@ -2515,7 +2740,10 @@ fieldset:disabled a.btn {
} }
.btn-danger:focus, .btn-danger.focus { .btn-danger:focus, .btn-danger.focus {
box-shadow: 0 0 0 0.2rem rgba(220, 53, 69, 0.5); color: #fff;
background-color: #c82333;
border-color: #bd2130;
box-shadow: 0 0 0 0.2rem rgba(225, 83, 97, 0.5);
} }
.btn-danger.disabled, .btn-danger:disabled { .btn-danger.disabled, .btn-danger:disabled {
...@@ -2533,7 +2761,7 @@ fieldset:disabled a.btn { ...@@ -2533,7 +2761,7 @@ fieldset:disabled a.btn {
.btn-danger:not(:disabled):not(.disabled):active:focus, .btn-danger:not(:disabled):not(.disabled).active:focus, .btn-danger:not(:disabled):not(.disabled):active:focus, .btn-danger:not(:disabled):not(.disabled).active:focus,
.show > .btn-danger.dropdown-toggle:focus { .show > .btn-danger.dropdown-toggle:focus {
box-shadow: 0 0 0 0.2rem rgba(220, 53, 69, 0.5); box-shadow: 0 0 0 0.2rem rgba(225, 83, 97, 0.5);
} }
.btn-light { .btn-light {
...@@ -2549,7 +2777,10 @@ fieldset:disabled a.btn { ...@@ -2549,7 +2777,10 @@ fieldset:disabled a.btn {
} }
.btn-light:focus, .btn-light.focus { .btn-light:focus, .btn-light.focus {
box-shadow: 0 0 0 0.2rem rgba(248, 249, 250, 0.5); color: #212529;
background-color: #e2e6ea;
border-color: #dae0e5;
box-shadow: 0 0 0 0.2rem rgba(216, 217, 219, 0.5);
} }
.btn-light.disabled, .btn-light:disabled { .btn-light.disabled, .btn-light:disabled {
...@@ -2567,7 +2798,7 @@ fieldset:disabled a.btn { ...@@ -2567,7 +2798,7 @@ fieldset:disabled a.btn {
.btn-light:not(:disabled):not(.disabled):active:focus, .btn-light:not(:disabled):not(.disabled).active:focus, .btn-light:not(:disabled):not(.disabled):active:focus, .btn-light:not(:disabled):not(.disabled).active:focus,
.show > .btn-light.dropdown-toggle:focus { .show > .btn-light.dropdown-toggle:focus {
box-shadow: 0 0 0 0.2rem rgba(248, 249, 250, 0.5); box-shadow: 0 0 0 0.2rem rgba(216, 217, 219, 0.5);
} }
.btn-dark { .btn-dark {
...@@ -2583,7 +2814,10 @@ fieldset:disabled a.btn { ...@@ -2583,7 +2814,10 @@ fieldset:disabled a.btn {
} }
.btn-dark:focus, .btn-dark.focus { .btn-dark:focus, .btn-dark.focus {
box-shadow: 0 0 0 0.2rem rgba(52, 58, 64, 0.5); color: #fff;
background-color: #23272b;
border-color: #1d2124;
box-shadow: 0 0 0 0.2rem rgba(82, 88, 93, 0.5);
} }
.btn-dark.disabled, .btn-dark:disabled { .btn-dark.disabled, .btn-dark:disabled {
...@@ -2601,13 +2835,11 @@ fieldset:disabled a.btn { ...@@ -2601,13 +2835,11 @@ fieldset:disabled a.btn {
.btn-dark:not(:disabled):not(.disabled):active:focus, .btn-dark:not(:disabled):not(.disabled).active:focus, .btn-dark:not(:disabled):not(.disabled):active:focus, .btn-dark:not(:disabled):not(.disabled).active:focus,
.show > .btn-dark.dropdown-toggle:focus { .show > .btn-dark.dropdown-toggle:focus {
box-shadow: 0 0 0 0.2rem rgba(52, 58, 64, 0.5); box-shadow: 0 0 0 0.2rem rgba(82, 88, 93, 0.5);
} }
.btn-outline-primary { .btn-outline-primary {
color: #007bff; color: #007bff;
background-color: transparent;
background-image: none;
border-color: #007bff; border-color: #007bff;
} }
...@@ -2640,8 +2872,6 @@ fieldset:disabled a.btn { ...@@ -2640,8 +2872,6 @@ fieldset:disabled a.btn {
.btn-outline-secondary { .btn-outline-secondary {
color: #6c757d; color: #6c757d;
background-color: transparent;
background-image: none;
border-color: #6c757d; border-color: #6c757d;
} }
...@@ -2674,8 +2904,6 @@ fieldset:disabled a.btn { ...@@ -2674,8 +2904,6 @@ fieldset:disabled a.btn {
.btn-outline-success { .btn-outline-success {
color: #28a745; color: #28a745;
background-color: transparent;
background-image: none;
border-color: #28a745; border-color: #28a745;
} }
...@@ -2708,8 +2936,6 @@ fieldset:disabled a.btn { ...@@ -2708,8 +2936,6 @@ fieldset:disabled a.btn {
.btn-outline-info { .btn-outline-info {
color: #17a2b8; color: #17a2b8;
background-color: transparent;
background-image: none;
border-color: #17a2b8; border-color: #17a2b8;
} }
...@@ -2742,8 +2968,6 @@ fieldset:disabled a.btn { ...@@ -2742,8 +2968,6 @@ fieldset:disabled a.btn {
.btn-outline-warning { .btn-outline-warning {
color: #ffc107; color: #ffc107;
background-color: transparent;
background-image: none;
border-color: #ffc107; border-color: #ffc107;
} }
...@@ -2776,8 +3000,6 @@ fieldset:disabled a.btn { ...@@ -2776,8 +3000,6 @@ fieldset:disabled a.btn {
.btn-outline-danger { .btn-outline-danger {
color: #dc3545; color: #dc3545;
background-color: transparent;
background-image: none;
border-color: #dc3545; border-color: #dc3545;
} }
...@@ -2810,8 +3032,6 @@ fieldset:disabled a.btn { ...@@ -2810,8 +3032,6 @@ fieldset:disabled a.btn {
.btn-outline-light { .btn-outline-light {
color: #f8f9fa; color: #f8f9fa;
background-color: transparent;
background-image: none;
border-color: #f8f9fa; border-color: #f8f9fa;
} }
...@@ -2844,8 +3064,6 @@ fieldset:disabled a.btn { ...@@ -2844,8 +3064,6 @@ fieldset:disabled a.btn {
.btn-outline-dark { .btn-outline-dark {
color: #343a40; color: #343a40;
background-color: transparent;
background-image: none;
border-color: #343a40; border-color: #343a40;
} }
...@@ -2879,20 +3097,16 @@ fieldset:disabled a.btn { ...@@ -2879,20 +3097,16 @@ fieldset:disabled a.btn {
.btn-link { .btn-link {
font-weight: 400; font-weight: 400;
color: #007bff; color: #007bff;
background-color: transparent; text-decoration: none;
} }
.btn-link:hover { .btn-link:hover {
color: #0056b3; color: #0056b3;
text-decoration: underline; text-decoration: underline;
background-color: transparent;
border-color: transparent;
} }
.btn-link:focus, .btn-link.focus { .btn-link:focus, .btn-link.focus {
text-decoration: underline; text-decoration: underline;
border-color: transparent;
box-shadow: none;
} }
.btn-link:disabled, .btn-link.disabled { .btn-link:disabled, .btn-link.disabled {
...@@ -2933,7 +3147,7 @@ input[type="button"].btn-block { ...@@ -2933,7 +3147,7 @@ input[type="button"].btn-block {
transition: opacity 0.15s linear; transition: opacity 0.15s linear;
} }
@media screen and (prefers-reduced-motion: reduce) { @media (prefers-reduced-motion: reduce) {
.fade { .fade {
transition: none; transition: none;
} }
...@@ -2954,7 +3168,7 @@ input[type="button"].btn-block { ...@@ -2954,7 +3168,7 @@ input[type="button"].btn-block {
transition: height 0.35s ease; transition: height 0.35s ease;
} }
@media screen and (prefers-reduced-motion: reduce) { @media (prefers-reduced-motion: reduce) {
.collapsing { .collapsing {
transition: none; transition: none;
} }
...@@ -2967,10 +3181,12 @@ input[type="button"].btn-block { ...@@ -2967,10 +3181,12 @@ input[type="button"].btn-block {
position: relative; position: relative;
} }
.dropdown-toggle {
white-space: nowrap;
}
.dropdown-toggle::after { .dropdown-toggle::after {
display: inline-block; display: inline-block;
width: 0;
height: 0;
margin-left: 0.255em; margin-left: 0.255em;
vertical-align: 0.255em; vertical-align: 0.255em;
content: ""; content: "";
...@@ -3004,11 +3220,60 @@ input[type="button"].btn-block { ...@@ -3004,11 +3220,60 @@ input[type="button"].btn-block {
border-radius: 0.25rem; border-radius: 0.25rem;
} }
.dropdown-menu-left {
right: auto;
left: 0;
}
.dropdown-menu-right { .dropdown-menu-right {
right: 0; right: 0;
left: auto; left: auto;
} }
@media (min-width: 576px) {
.dropdown-menu-sm-left {
right: auto;
left: 0;
}
.dropdown-menu-sm-right {
right: 0;
left: auto;
}
}
@media (min-width: 768px) {
.dropdown-menu-md-left {
right: auto;
left: 0;
}
.dropdown-menu-md-right {
right: 0;
left: auto;
}
}
@media (min-width: 992px) {
.dropdown-menu-lg-left {
right: auto;
left: 0;
}
.dropdown-menu-lg-right {
right: 0;
left: auto;
}
}
@media (min-width: 1200px) {
.dropdown-menu-xl-left {
right: auto;
left: 0;
}
.dropdown-menu-xl-right {
right: 0;
left: auto;
}
}
.dropup .dropdown-menu { .dropup .dropdown-menu {
top: auto; top: auto;
bottom: 100%; bottom: 100%;
...@@ -3018,8 +3283,6 @@ input[type="button"].btn-block { ...@@ -3018,8 +3283,6 @@ input[type="button"].btn-block {
.dropup .dropdown-toggle::after { .dropup .dropdown-toggle::after {
display: inline-block; display: inline-block;
width: 0;
height: 0;
margin-left: 0.255em; margin-left: 0.255em;
vertical-align: 0.255em; vertical-align: 0.255em;
content: ""; content: "";
...@@ -3043,8 +3306,6 @@ input[type="button"].btn-block { ...@@ -3043,8 +3306,6 @@ input[type="button"].btn-block {
.dropright .dropdown-toggle::after { .dropright .dropdown-toggle::after {
display: inline-block; display: inline-block;
width: 0;
height: 0;
margin-left: 0.255em; margin-left: 0.255em;
vertical-align: 0.255em; vertical-align: 0.255em;
content: ""; content: "";
...@@ -3072,8 +3333,6 @@ input[type="button"].btn-block { ...@@ -3072,8 +3333,6 @@ input[type="button"].btn-block {
.dropleft .dropdown-toggle::after { .dropleft .dropdown-toggle::after {
display: inline-block; display: inline-block;
width: 0;
height: 0;
margin-left: 0.255em; margin-left: 0.255em;
vertical-align: 0.255em; vertical-align: 0.255em;
content: ""; content: "";
...@@ -3085,8 +3344,6 @@ input[type="button"].btn-block { ...@@ -3085,8 +3344,6 @@ input[type="button"].btn-block {
.dropleft .dropdown-toggle::before { .dropleft .dropdown-toggle::before {
display: inline-block; display: inline-block;
width: 0;
height: 0;
margin-right: 0.255em; margin-right: 0.255em;
vertical-align: 0.255em; vertical-align: 0.255em;
content: ""; content: "";
...@@ -3142,6 +3399,7 @@ input[type="button"].btn-block { ...@@ -3142,6 +3399,7 @@ input[type="button"].btn-block {
.dropdown-item.disabled, .dropdown-item:disabled { .dropdown-item.disabled, .dropdown-item:disabled {
color: #6c757d; color: #6c757d;
pointer-events: none;
background-color: transparent; background-color: transparent;
} }
...@@ -3175,8 +3433,8 @@ input[type="button"].btn-block { ...@@ -3175,8 +3433,8 @@ input[type="button"].btn-block {
.btn-group > .btn, .btn-group > .btn,
.btn-group-vertical > .btn { .btn-group-vertical > .btn {
position: relative; position: relative;
-ms-flex: 0 1 auto; -ms-flex: 1 1 auto;
flex: 0 1 auto; flex: 1 1 auto;
} }
.btn-group > .btn:hover, .btn-group > .btn:hover,
...@@ -3191,17 +3449,6 @@ input[type="button"].btn-block { ...@@ -3191,17 +3449,6 @@ input[type="button"].btn-block {
z-index: 1; z-index: 1;
} }
.btn-group .btn + .btn,
.btn-group .btn + .btn-group,
.btn-group .btn-group + .btn,
.btn-group .btn-group + .btn-group,
.btn-group-vertical .btn + .btn,
.btn-group-vertical .btn + .btn-group,
.btn-group-vertical .btn-group + .btn,
.btn-group-vertical .btn-group + .btn-group {
margin-left: -1px;
}
.btn-toolbar { .btn-toolbar {
display: -ms-flexbox; display: -ms-flexbox;
display: flex; display: flex;
...@@ -3215,8 +3462,9 @@ input[type="button"].btn-block { ...@@ -3215,8 +3462,9 @@ input[type="button"].btn-block {
width: auto; width: auto;
} }
.btn-group > .btn:first-child { .btn-group > .btn:not(:first-child),
margin-left: 0; .btn-group > .btn-group:not(:first-child) {
margin-left: -1px;
} }
.btn-group > .btn:not(:last-child):not(.dropdown-toggle), .btn-group > .btn:not(:last-child):not(.dropdown-toggle),
...@@ -3265,17 +3513,14 @@ input[type="button"].btn-block { ...@@ -3265,17 +3513,14 @@ input[type="button"].btn-block {
justify-content: center; justify-content: center;
} }
.btn-group-vertical .btn, .btn-group-vertical > .btn,
.btn-group-vertical .btn-group { .btn-group-vertical > .btn-group {
width: 100%; width: 100%;
} }
.btn-group-vertical > .btn + .btn, .btn-group-vertical > .btn:not(:first-child),
.btn-group-vertical > .btn + .btn-group, .btn-group-vertical > .btn-group:not(:first-child) {
.btn-group-vertical > .btn-group + .btn,
.btn-group-vertical > .btn-group + .btn-group {
margin-top: -1px; margin-top: -1px;
margin-left: 0;
} }
.btn-group-vertical > .btn:not(:last-child):not(.dropdown-toggle), .btn-group-vertical > .btn:not(:last-child):not(.dropdown-toggle),
...@@ -3316,18 +3561,23 @@ input[type="button"].btn-block { ...@@ -3316,18 +3561,23 @@ input[type="button"].btn-block {
} }
.input-group > .form-control, .input-group > .form-control,
.input-group > .form-control-plaintext,
.input-group > .custom-select, .input-group > .custom-select,
.input-group > .custom-file { .input-group > .custom-file {
position: relative; position: relative;
-ms-flex: 1 1 auto; -ms-flex: 1 1 auto;
flex: 1 1 auto; flex: 1 1 auto;
width: 1%; width: 1%;
min-width: 0;
margin-bottom: 0; margin-bottom: 0;
} }
.input-group > .form-control + .form-control, .input-group > .form-control + .form-control,
.input-group > .form-control + .custom-select, .input-group > .form-control + .custom-select,
.input-group > .form-control + .custom-file, .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 + .form-control,
.input-group > .custom-select + .custom-select, .input-group > .custom-select + .custom-select,
.input-group > .custom-select + .custom-file, .input-group > .custom-select + .custom-file,
...@@ -3389,6 +3639,11 @@ input[type="button"].btn-block { ...@@ -3389,6 +3639,11 @@ input[type="button"].btn-block {
z-index: 2; 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 + .btn,
.input-group-prepend .btn + .input-group-text, .input-group-prepend .btn + .input-group-text,
.input-group-prepend .input-group-text + .input-group-text, .input-group-prepend .input-group-text + .input-group-text,
...@@ -3431,30 +3686,45 @@ input[type="button"].btn-block { ...@@ -3431,30 +3686,45 @@ input[type="button"].btn-block {
margin-top: 0; 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 > .form-control,
.input-group-lg > .custom-select,
.input-group-lg > .input-group-prepend > .input-group-text, .input-group-lg > .input-group-prepend > .input-group-text,
.input-group-lg > .input-group-append > .input-group-text, .input-group-lg > .input-group-append > .input-group-text,
.input-group-lg > .input-group-prepend > .btn, .input-group-lg > .input-group-prepend > .btn,
.input-group-lg > .input-group-append > .btn { .input-group-lg > .input-group-append > .btn {
height: calc(2.875rem + 2px);
padding: 0.5rem 1rem; padding: 0.5rem 1rem;
font-size: 1.25rem; font-size: 1.25rem;
line-height: 1.5; line-height: 1.5;
border-radius: 0.3rem; border-radius: 0.3rem;
} }
.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 > .form-control,
.input-group-sm > .custom-select,
.input-group-sm > .input-group-prepend > .input-group-text, .input-group-sm > .input-group-prepend > .input-group-text,
.input-group-sm > .input-group-append > .input-group-text, .input-group-sm > .input-group-append > .input-group-text,
.input-group-sm > .input-group-prepend > .btn, .input-group-sm > .input-group-prepend > .btn,
.input-group-sm > .input-group-append > .btn { .input-group-sm > .input-group-append > .btn {
height: calc(1.8125rem + 2px);
padding: 0.25rem 0.5rem; padding: 0.25rem 0.5rem;
font-size: 0.875rem; font-size: 0.875rem;
line-height: 1.5; line-height: 1.5;
border-radius: 0.2rem; border-radius: 0.2rem;
} }
.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 > .btn,
.input-group > .input-group-prepend > .input-group-text, .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) > .btn,
...@@ -3477,9 +3747,12 @@ input[type="button"].btn-block { ...@@ -3477,9 +3747,12 @@ input[type="button"].btn-block {
.custom-control { .custom-control {
position: relative; position: relative;
z-index: 1;
display: block; display: block;
min-height: 1.5rem; min-height: 1.5rem;
padding-left: 1.5rem; padding-left: 1.5rem;
-webkit-print-color-adjust: exact;
color-adjust: exact;
} }
.custom-control-inline { .custom-control-inline {
...@@ -3490,35 +3763,45 @@ input[type="button"].btn-block { ...@@ -3490,35 +3763,45 @@ input[type="button"].btn-block {
.custom-control-input { .custom-control-input {
position: absolute; position: absolute;
left: 0;
z-index: -1; z-index: -1;
width: 1rem;
height: 1.25rem;
opacity: 0; opacity: 0;
} }
.custom-control-input:checked ~ .custom-control-label::before { .custom-control-input:checked ~ .custom-control-label::before {
color: #fff; color: #fff;
border-color: #007bff;
background-color: #007bff; background-color: #007bff;
} }
.custom-control-input:focus ~ .custom-control-label::before { .custom-control-input:focus ~ .custom-control-label::before {
box-shadow: 0 0 0 1px #fff, 0 0 0 0.2rem rgba(0, 123, 255, 0.25); box-shadow: 0 0 0 0.2rem rgba(0, 123, 255, 0.25);
}
.custom-control-input:focus:not(:checked) ~ .custom-control-label::before {
border-color: #80bdff;
} }
.custom-control-input:active ~ .custom-control-label::before { .custom-control-input:not(:disabled):active ~ .custom-control-label::before {
color: #fff; color: #fff;
background-color: #b3d7ff; background-color: #b3d7ff;
border-color: #b3d7ff;
} }
.custom-control-input:disabled ~ .custom-control-label { .custom-control-input[disabled] ~ .custom-control-label, .custom-control-input:disabled ~ .custom-control-label {
color: #6c757d; color: #6c757d;
} }
.custom-control-input:disabled ~ .custom-control-label::before { .custom-control-input[disabled] ~ .custom-control-label::before, .custom-control-input:disabled ~ .custom-control-label::before {
background-color: #e9ecef; background-color: #e9ecef;
} }
.custom-control-label { .custom-control-label {
position: relative; position: relative;
margin-bottom: 0; margin-bottom: 0;
vertical-align: top;
} }
.custom-control-label::before { .custom-control-label::before {
...@@ -3530,11 +3813,8 @@ input[type="button"].btn-block { ...@@ -3530,11 +3813,8 @@ input[type="button"].btn-block {
height: 1rem; height: 1rem;
pointer-events: none; pointer-events: none;
content: ""; content: "";
-webkit-user-select: none; background-color: #fff;
-moz-user-select: none; border: #adb5bd solid 1px;
-ms-user-select: none;
user-select: none;
background-color: #dee2e6;
} }
.custom-control-label::after { .custom-control-label::after {
...@@ -3545,29 +3825,24 @@ input[type="button"].btn-block { ...@@ -3545,29 +3825,24 @@ input[type="button"].btn-block {
width: 1rem; width: 1rem;
height: 1rem; height: 1rem;
content: ""; content: "";
background-repeat: no-repeat; background: no-repeat 50% / 50% 50%;
background-position: center center;
background-size: 50% 50%;
} }
.custom-checkbox .custom-control-label::before { .custom-checkbox .custom-control-label::before {
border-radius: 0.25rem; border-radius: 0.25rem;
} }
.custom-checkbox .custom-control-input:checked ~ .custom-control-label::before {
background-color: #007bff;
}
.custom-checkbox .custom-control-input:checked ~ .custom-control-label::after { .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='%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"); background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' width='8' height='8' viewBox='0 0 8 8'%3e%3cpath fill='%23fff' d='M6.564.75l-3.59 3.612-1.538-1.55L0 4.26l2.974 2.99L8 2.193z'/%3e%3c/svg%3e");
} }
.custom-checkbox .custom-control-input:indeterminate ~ .custom-control-label::before { .custom-checkbox .custom-control-input:indeterminate ~ .custom-control-label::before {
border-color: #007bff;
background-color: #007bff; background-color: #007bff;
} }
.custom-checkbox .custom-control-input:indeterminate ~ .custom-control-label::after { .custom-checkbox .custom-control-input:indeterminate ~ .custom-control-label::after {
background-image: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 4 4'%3E%3Cpath stroke='%23fff' d='M0 2h4'/%3E%3C/svg%3E"); background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' width='4' height='4' viewBox='0 0 4 4'%3e%3cpath stroke='%23fff' d='M0 2h4'/%3e%3c/svg%3e");
} }
.custom-checkbox .custom-control-input:disabled:checked ~ .custom-control-label::before { .custom-checkbox .custom-control-input:disabled:checked ~ .custom-control-label::before {
...@@ -3582,28 +3857,64 @@ input[type="button"].btn-block { ...@@ -3582,28 +3857,64 @@ input[type="button"].btn-block {
border-radius: 50%; border-radius: 50%;
} }
.custom-radio .custom-control-input:checked ~ .custom-control-label::before {
background-color: #007bff;
}
.custom-radio .custom-control-input:checked ~ .custom-control-label::after { .custom-radio .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='-4 -4 8 8'%3E%3Ccircle r='3' fill='%23fff'/%3E%3C/svg%3E"); background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' viewBox='-4 -4 8 8'%3e%3ccircle r='3' fill='%23fff'/%3e%3c/svg%3e");
} }
.custom-radio .custom-control-input:disabled:checked ~ .custom-control-label::before { .custom-radio .custom-control-input:disabled:checked ~ .custom-control-label::before {
background-color: rgba(0, 123, 255, 0.5); background-color: rgba(0, 123, 255, 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: background-color 0.15s ease-in-out, border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out, -webkit-transform 0.15s ease-in-out;
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;
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, -webkit-transform 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;
-webkit-transform: translateX(0.75rem);
transform: translateX(0.75rem);
}
.custom-switch .custom-control-input:disabled:checked ~ .custom-control-label::before {
background-color: rgba(0, 123, 255, 0.5);
}
.custom-select { .custom-select {
display: inline-block; display: inline-block;
width: 100%; width: 100%;
height: calc(2.25rem + 2px); height: calc(1.5em + 0.75rem + 2px);
padding: 0.375rem 1.75rem 0.375rem 0.75rem; padding: 0.375rem 1.75rem 0.375rem 0.75rem;
font-size: 1rem;
font-weight: 400;
line-height: 1.5; line-height: 1.5;
color: #495057; color: #495057;
vertical-align: middle; vertical-align: middle;
background: #fff url("data:image/svg+xml;charset=utf8,%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; background: #fff url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' width='4' height='5' viewBox='0 0 4 5'%3e%3cpath fill='%23343a40' d='M2 0L0 2h4zm0 5L0 3h4z'/%3e%3c/svg%3e") no-repeat right 0.75rem center/8px 10px;
background-size: 8px 10px;
border: 1px solid #ced4da; border: 1px solid #ced4da;
border-radius: 0.25rem; border-radius: 0.25rem;
-webkit-appearance: none; -webkit-appearance: none;
...@@ -3614,7 +3925,7 @@ input[type="button"].btn-block { ...@@ -3614,7 +3925,7 @@ input[type="button"].btn-block {
.custom-select:focus { .custom-select:focus {
border-color: #80bdff; border-color: #80bdff;
outline: 0; outline: 0;
box-shadow: 0 0 0 0.2rem rgba(128, 189, 255, 0.5); box-shadow: 0 0 0 0.2rem rgba(0, 123, 255, 0.25);
} }
.custom-select:focus::-ms-value { .custom-select:focus::-ms-value {
...@@ -3634,28 +3945,35 @@ input[type="button"].btn-block { ...@@ -3634,28 +3945,35 @@ input[type="button"].btn-block {
} }
.custom-select::-ms-expand { .custom-select::-ms-expand {
opacity: 0; display: none;
}
.custom-select:-moz-focusring {
color: transparent;
text-shadow: 0 0 0 #495057;
} }
.custom-select-sm { .custom-select-sm {
height: calc(1.8125rem + 2px); height: calc(1.5em + 0.5rem + 2px);
padding-top: 0.375rem; padding-top: 0.25rem;
padding-bottom: 0.375rem; padding-bottom: 0.25rem;
font-size: 75%; padding-left: 0.5rem;
font-size: 0.875rem;
} }
.custom-select-lg { .custom-select-lg {
height: calc(2.875rem + 2px); height: calc(1.5em + 1rem + 2px);
padding-top: 0.375rem; padding-top: 0.5rem;
padding-bottom: 0.375rem; padding-bottom: 0.5rem;
font-size: 125%; padding-left: 1rem;
font-size: 1.25rem;
} }
.custom-file { .custom-file {
position: relative; position: relative;
display: inline-block; display: inline-block;
width: 100%; width: 100%;
height: calc(2.25rem + 2px); height: calc(1.5em + 0.75rem + 2px);
margin-bottom: 0; margin-bottom: 0;
} }
...@@ -3663,7 +3981,7 @@ input[type="button"].btn-block { ...@@ -3663,7 +3981,7 @@ input[type="button"].btn-block {
position: relative; position: relative;
z-index: 2; z-index: 2;
width: 100%; width: 100%;
height: calc(2.25rem + 2px); height: calc(1.5em + 0.75rem + 2px);
margin: 0; margin: 0;
opacity: 0; opacity: 0;
} }
...@@ -3673,10 +3991,7 @@ input[type="button"].btn-block { ...@@ -3673,10 +3991,7 @@ input[type="button"].btn-block {
box-shadow: 0 0 0 0.2rem rgba(0, 123, 255, 0.25); box-shadow: 0 0 0 0.2rem rgba(0, 123, 255, 0.25);
} }
.custom-file-input:focus ~ .custom-file-label::after { .custom-file-input[disabled] ~ .custom-file-label,
border-color: #80bdff;
}
.custom-file-input:disabled ~ .custom-file-label { .custom-file-input:disabled ~ .custom-file-label {
background-color: #e9ecef; background-color: #e9ecef;
} }
...@@ -3685,14 +4000,19 @@ input[type="button"].btn-block { ...@@ -3685,14 +4000,19 @@ input[type="button"].btn-block {
content: "Browse"; content: "Browse";
} }
.custom-file-input ~ .custom-file-label[data-browse]::after {
content: attr(data-browse);
}
.custom-file-label { .custom-file-label {
position: absolute; position: absolute;
top: 0; top: 0;
right: 0; right: 0;
left: 0; left: 0;
z-index: 1; z-index: 1;
height: calc(2.25rem + 2px); height: calc(1.5em + 0.75rem + 2px);
padding: 0.375rem 0.75rem; padding: 0.375rem 0.75rem;
font-weight: 400;
line-height: 1.5; line-height: 1.5;
color: #495057; color: #495057;
background-color: #fff; background-color: #fff;
...@@ -3707,19 +4027,20 @@ input[type="button"].btn-block { ...@@ -3707,19 +4027,20 @@ input[type="button"].btn-block {
bottom: 0; bottom: 0;
z-index: 3; z-index: 3;
display: block; display: block;
height: 2.25rem; height: calc(1.5em + 0.75rem);
padding: 0.375rem 0.75rem; padding: 0.375rem 0.75rem;
line-height: 1.5; line-height: 1.5;
color: #495057; color: #495057;
content: "Browse"; content: "Browse";
background-color: #e9ecef; background-color: #e9ecef;
border-left: 1px solid #ced4da; border-left: inherit;
border-radius: 0 0.25rem 0.25rem 0; border-radius: 0 0.25rem 0.25rem 0;
} }
.custom-range { .custom-range {
width: 100%; width: 100%;
padding-left: 0; height: 1.4rem;
padding: 0;
background-color: transparent; background-color: transparent;
-webkit-appearance: none; -webkit-appearance: none;
-moz-appearance: none; -moz-appearance: none;
...@@ -3753,13 +4074,15 @@ input[type="button"].btn-block { ...@@ -3753,13 +4074,15 @@ input[type="button"].btn-block {
background-color: #007bff; background-color: #007bff;
border: 0; border: 0;
border-radius: 1rem; 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; 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; -webkit-appearance: none;
appearance: none; appearance: none;
} }
@media screen and (prefers-reduced-motion: reduce) { @media (prefers-reduced-motion: reduce) {
.custom-range::-webkit-slider-thumb { .custom-range::-webkit-slider-thumb {
-webkit-transition: none;
transition: none; transition: none;
} }
} }
...@@ -3784,13 +4107,15 @@ input[type="button"].btn-block { ...@@ -3784,13 +4107,15 @@ input[type="button"].btn-block {
background-color: #007bff; background-color: #007bff;
border: 0; border: 0;
border-radius: 1rem; 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; 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; -moz-appearance: none;
appearance: none; appearance: none;
} }
@media screen and (prefers-reduced-motion: reduce) { @media (prefers-reduced-motion: reduce) {
.custom-range::-moz-range-thumb { .custom-range::-moz-range-thumb {
-moz-transition: none;
transition: none; transition: none;
} }
} }
...@@ -3818,12 +4143,14 @@ input[type="button"].btn-block { ...@@ -3818,12 +4143,14 @@ input[type="button"].btn-block {
background-color: #007bff; background-color: #007bff;
border: 0; border: 0;
border-radius: 1rem; 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; transition: background-color 0.15s ease-in-out, border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out;
appearance: none; appearance: none;
} }
@media screen and (prefers-reduced-motion: reduce) { @media (prefers-reduced-motion: reduce) {
.custom-range::-ms-thumb { .custom-range::-ms-thumb {
-ms-transition: none;
transition: none; transition: none;
} }
} }
...@@ -3853,13 +4180,33 @@ input[type="button"].btn-block { ...@@ -3853,13 +4180,33 @@ input[type="button"].btn-block {
border-radius: 1rem; 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-control-label::before,
.custom-file-label, .custom-file-label,
.custom-select { .custom-select {
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;
} }
@media screen and (prefers-reduced-motion: reduce) { @media (prefers-reduced-motion: reduce) {
.custom-control-label::before, .custom-control-label::before,
.custom-file-label, .custom-file-label,
.custom-select { .custom-select {
...@@ -3888,6 +4235,8 @@ input[type="button"].btn-block { ...@@ -3888,6 +4235,8 @@ input[type="button"].btn-block {
.nav-link.disabled { .nav-link.disabled {
color: #6c757d; color: #6c757d;
pointer-events: none;
cursor: default;
} }
.nav-tabs { .nav-tabs {
...@@ -3937,12 +4286,14 @@ input[type="button"].btn-block { ...@@ -3937,12 +4286,14 @@ input[type="button"].btn-block {
background-color: #007bff; background-color: #007bff;
} }
.nav-fill > .nav-link,
.nav-fill .nav-item { .nav-fill .nav-item {
-ms-flex: 1 1 auto; -ms-flex: 1 1 auto;
flex: 1 1 auto; flex: 1 1 auto;
text-align: center; text-align: center;
} }
.nav-justified > .nav-link,
.nav-justified .nav-item { .nav-justified .nav-item {
-ms-flex-preferred-size: 0; -ms-flex-preferred-size: 0;
flex-basis: 0; flex-basis: 0;
...@@ -3972,8 +4323,8 @@ input[type="button"].btn-block { ...@@ -3972,8 +4323,8 @@ input[type="button"].btn-block {
padding: 0.5rem 1rem; padding: 0.5rem 1rem;
} }
.navbar > .container, .navbar .container,
.navbar > .container-fluid { .navbar .container-fluid, .navbar .container-sm, .navbar .container-md, .navbar .container-lg, .navbar .container-xl {
display: -ms-flexbox; display: -ms-flexbox;
display: flex; display: flex;
-ms-flex-wrap: wrap; -ms-flex-wrap: wrap;
...@@ -4046,10 +4397,6 @@ input[type="button"].btn-block { ...@@ -4046,10 +4397,6 @@ input[type="button"].btn-block {
text-decoration: none; text-decoration: none;
} }
.navbar-toggler:not(:disabled):not(.disabled) {
cursor: pointer;
}
.navbar-toggler-icon { .navbar-toggler-icon {
display: inline-block; display: inline-block;
width: 1.5em; width: 1.5em;
...@@ -4062,7 +4409,7 @@ input[type="button"].btn-block { ...@@ -4062,7 +4409,7 @@ input[type="button"].btn-block {
@media (max-width: 575.98px) { @media (max-width: 575.98px) {
.navbar-expand-sm > .container, .navbar-expand-sm > .container,
.navbar-expand-sm > .container-fluid { .navbar-expand-sm > .container-fluid, .navbar-expand-sm > .container-sm, .navbar-expand-sm > .container-md, .navbar-expand-sm > .container-lg, .navbar-expand-sm > .container-xl {
padding-right: 0; padding-right: 0;
padding-left: 0; padding-left: 0;
} }
...@@ -4087,7 +4434,7 @@ input[type="button"].btn-block { ...@@ -4087,7 +4434,7 @@ input[type="button"].btn-block {
padding-left: 0.5rem; padding-left: 0.5rem;
} }
.navbar-expand-sm > .container, .navbar-expand-sm > .container,
.navbar-expand-sm > .container-fluid { .navbar-expand-sm > .container-fluid, .navbar-expand-sm > .container-sm, .navbar-expand-sm > .container-md, .navbar-expand-sm > .container-lg, .navbar-expand-sm > .container-xl {
-ms-flex-wrap: nowrap; -ms-flex-wrap: nowrap;
flex-wrap: nowrap; flex-wrap: nowrap;
} }
...@@ -4104,7 +4451,7 @@ input[type="button"].btn-block { ...@@ -4104,7 +4451,7 @@ input[type="button"].btn-block {
@media (max-width: 767.98px) { @media (max-width: 767.98px) {
.navbar-expand-md > .container, .navbar-expand-md > .container,
.navbar-expand-md > .container-fluid { .navbar-expand-md > .container-fluid, .navbar-expand-md > .container-sm, .navbar-expand-md > .container-md, .navbar-expand-md > .container-lg, .navbar-expand-md > .container-xl {
padding-right: 0; padding-right: 0;
padding-left: 0; padding-left: 0;
} }
...@@ -4129,7 +4476,7 @@ input[type="button"].btn-block { ...@@ -4129,7 +4476,7 @@ input[type="button"].btn-block {
padding-left: 0.5rem; padding-left: 0.5rem;
} }
.navbar-expand-md > .container, .navbar-expand-md > .container,
.navbar-expand-md > .container-fluid { .navbar-expand-md > .container-fluid, .navbar-expand-md > .container-sm, .navbar-expand-md > .container-md, .navbar-expand-md > .container-lg, .navbar-expand-md > .container-xl {
-ms-flex-wrap: nowrap; -ms-flex-wrap: nowrap;
flex-wrap: nowrap; flex-wrap: nowrap;
} }
...@@ -4146,7 +4493,7 @@ input[type="button"].btn-block { ...@@ -4146,7 +4493,7 @@ input[type="button"].btn-block {
@media (max-width: 991.98px) { @media (max-width: 991.98px) {
.navbar-expand-lg > .container, .navbar-expand-lg > .container,
.navbar-expand-lg > .container-fluid { .navbar-expand-lg > .container-fluid, .navbar-expand-lg > .container-sm, .navbar-expand-lg > .container-md, .navbar-expand-lg > .container-lg, .navbar-expand-lg > .container-xl {
padding-right: 0; padding-right: 0;
padding-left: 0; padding-left: 0;
} }
...@@ -4171,7 +4518,7 @@ input[type="button"].btn-block { ...@@ -4171,7 +4518,7 @@ input[type="button"].btn-block {
padding-left: 0.5rem; padding-left: 0.5rem;
} }
.navbar-expand-lg > .container, .navbar-expand-lg > .container,
.navbar-expand-lg > .container-fluid { .navbar-expand-lg > .container-fluid, .navbar-expand-lg > .container-sm, .navbar-expand-lg > .container-md, .navbar-expand-lg > .container-lg, .navbar-expand-lg > .container-xl {
-ms-flex-wrap: nowrap; -ms-flex-wrap: nowrap;
flex-wrap: nowrap; flex-wrap: nowrap;
} }
...@@ -4188,7 +4535,7 @@ input[type="button"].btn-block { ...@@ -4188,7 +4535,7 @@ input[type="button"].btn-block {
@media (max-width: 1199.98px) { @media (max-width: 1199.98px) {
.navbar-expand-xl > .container, .navbar-expand-xl > .container,
.navbar-expand-xl > .container-fluid { .navbar-expand-xl > .container-fluid, .navbar-expand-xl > .container-sm, .navbar-expand-xl > .container-md, .navbar-expand-xl > .container-lg, .navbar-expand-xl > .container-xl {
padding-right: 0; padding-right: 0;
padding-left: 0; padding-left: 0;
} }
...@@ -4213,7 +4560,7 @@ input[type="button"].btn-block { ...@@ -4213,7 +4560,7 @@ input[type="button"].btn-block {
padding-left: 0.5rem; padding-left: 0.5rem;
} }
.navbar-expand-xl > .container, .navbar-expand-xl > .container,
.navbar-expand-xl > .container-fluid { .navbar-expand-xl > .container-fluid, .navbar-expand-xl > .container-sm, .navbar-expand-xl > .container-md, .navbar-expand-xl > .container-lg, .navbar-expand-xl > .container-xl {
-ms-flex-wrap: nowrap; -ms-flex-wrap: nowrap;
flex-wrap: nowrap; flex-wrap: nowrap;
} }
...@@ -4236,7 +4583,7 @@ input[type="button"].btn-block { ...@@ -4236,7 +4583,7 @@ input[type="button"].btn-block {
} }
.navbar-expand > .container, .navbar-expand > .container,
.navbar-expand > .container-fluid { .navbar-expand > .container-fluid, .navbar-expand > .container-sm, .navbar-expand > .container-md, .navbar-expand > .container-lg, .navbar-expand > .container-xl {
padding-right: 0; padding-right: 0;
padding-left: 0; padding-left: 0;
} }
...@@ -4256,7 +4603,7 @@ input[type="button"].btn-block { ...@@ -4256,7 +4603,7 @@ input[type="button"].btn-block {
} }
.navbar-expand > .container, .navbar-expand > .container,
.navbar-expand > .container-fluid { .navbar-expand > .container-fluid, .navbar-expand > .container-sm, .navbar-expand > .container-md, .navbar-expand > .container-lg, .navbar-expand > .container-xl {
-ms-flex-wrap: nowrap; -ms-flex-wrap: nowrap;
flex-wrap: nowrap; flex-wrap: nowrap;
} }
...@@ -4305,7 +4652,7 @@ input[type="button"].btn-block { ...@@ -4305,7 +4652,7 @@ input[type="button"].btn-block {
} }
.navbar-light .navbar-toggler-icon { .navbar-light .navbar-toggler-icon {
background-image: url("data:image/svg+xml;charset=utf8,%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"); background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' width='30' height='30' viewBox='0 0 30 30'%3e%3cpath stroke='rgba%280, 0, 0, 0.5%29' stroke-linecap='round' stroke-miterlimit='10' stroke-width='2' d='M4 7h22M4 15h22M4 23h22'/%3e%3c/svg%3e");
} }
.navbar-light .navbar-text { .navbar-light .navbar-text {
...@@ -4353,7 +4700,7 @@ input[type="button"].btn-block { ...@@ -4353,7 +4700,7 @@ input[type="button"].btn-block {
} }
.navbar-dark .navbar-toggler-icon { .navbar-dark .navbar-toggler-icon {
background-image: url("data:image/svg+xml;charset=utf8,%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"); background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' width='30' height='30' viewBox='0 0 30 30'%3e%3cpath stroke='rgba%28255, 255, 255, 0.5%29' stroke-linecap='round' stroke-miterlimit='10' stroke-width='2' d='M4 7h22M4 15h22M4 23h22'/%3e%3c/svg%3e");
} }
.navbar-dark .navbar-text { .navbar-dark .navbar-text {
...@@ -4387,19 +4734,32 @@ input[type="button"].btn-block { ...@@ -4387,19 +4734,32 @@ input[type="button"].btn-block {
margin-left: 0; margin-left: 0;
} }
.card > .list-group:first-child .list-group-item:first-child { .card > .list-group {
border-top-left-radius: 0.25rem; border-top: inherit;
border-top-right-radius: 0.25rem; border-bottom: inherit;
} }
.card > .list-group:last-child .list-group-item:last-child { .card > .list-group:first-child {
border-bottom-right-radius: 0.25rem; border-top-width: 0;
border-bottom-left-radius: 0.25rem; border-top-left-radius: calc(0.25rem - 1px);
border-top-right-radius: calc(0.25rem - 1px);
}
.card > .list-group:last-child {
border-bottom-width: 0;
border-bottom-right-radius: calc(0.25rem - 1px);
border-bottom-left-radius: calc(0.25rem - 1px);
}
.card > .card-header + .list-group,
.card > .list-group + .card-footer {
border-top: 0;
} }
.card-body { .card-body {
-ms-flex: 1 1 auto; -ms-flex: 1 1 auto;
flex: 1 1 auto; flex: 1 1 auto;
min-height: 1px;
padding: 1.25rem; padding: 1.25rem;
} }
...@@ -4435,10 +4795,6 @@ input[type="button"].btn-block { ...@@ -4435,10 +4795,6 @@ input[type="button"].btn-block {
border-radius: calc(0.25rem - 1px) calc(0.25rem - 1px) 0 0; border-radius: calc(0.25rem - 1px) calc(0.25rem - 1px) 0 0;
} }
.card-header + .list-group .list-group-item:first-child {
border-top: 0;
}
.card-footer { .card-footer {
padding: 0.75rem 1.25rem; padding: 0.75rem 1.25rem;
background-color: rgba(0, 0, 0, 0.03); background-color: rgba(0, 0, 0, 0.03);
...@@ -4468,69 +4824,59 @@ input[type="button"].btn-block { ...@@ -4468,69 +4824,59 @@ input[type="button"].btn-block {
bottom: 0; bottom: 0;
left: 0; left: 0;
padding: 1.25rem; padding: 1.25rem;
border-radius: calc(0.25rem - 1px);
} }
.card-img { .card-img,
.card-img-top,
.card-img-bottom {
-ms-flex-negative: 0;
flex-shrink: 0;
width: 100%; width: 100%;
border-radius: calc(0.25rem - 1px);
} }
.card-img,
.card-img-top { .card-img-top {
width: 100%;
border-top-left-radius: calc(0.25rem - 1px); border-top-left-radius: calc(0.25rem - 1px);
border-top-right-radius: calc(0.25rem - 1px); border-top-right-radius: calc(0.25rem - 1px);
} }
.card-img,
.card-img-bottom { .card-img-bottom {
width: 100%;
border-bottom-right-radius: calc(0.25rem - 1px); border-bottom-right-radius: calc(0.25rem - 1px);
border-bottom-left-radius: calc(0.25rem - 1px); border-bottom-left-radius: calc(0.25rem - 1px);
} }
.card-deck {
display: -ms-flexbox;
display: flex;
-ms-flex-direction: column;
flex-direction: column;
}
.card-deck .card { .card-deck .card {
margin-bottom: 15px; margin-bottom: 15px;
} }
@media (min-width: 576px) { @media (min-width: 576px) {
.card-deck { .card-deck {
display: -ms-flexbox;
display: flex;
-ms-flex-flow: row wrap; -ms-flex-flow: row wrap;
flex-flow: row wrap; flex-flow: row wrap;
margin-right: -15px; margin-right: -15px;
margin-left: -15px; margin-left: -15px;
} }
.card-deck .card { .card-deck .card {
display: -ms-flexbox;
display: flex;
-ms-flex: 1 0 0%; -ms-flex: 1 0 0%;
flex: 1 0 0%; flex: 1 0 0%;
-ms-flex-direction: column;
flex-direction: column;
margin-right: 15px; margin-right: 15px;
margin-bottom: 0; margin-bottom: 0;
margin-left: 15px; margin-left: 15px;
} }
} }
.card-group {
display: -ms-flexbox;
display: flex;
-ms-flex-direction: column;
flex-direction: column;
}
.card-group > .card { .card-group > .card {
margin-bottom: 15px; margin-bottom: 15px;
} }
@media (min-width: 576px) { @media (min-width: 576px) {
.card-group { .card-group {
display: -ms-flexbox;
display: flex;
-ms-flex-flow: row wrap; -ms-flex-flow: row wrap;
flex-flow: row wrap; flex-flow: row wrap;
} }
...@@ -4543,52 +4889,30 @@ input[type="button"].btn-block { ...@@ -4543,52 +4889,30 @@ input[type="button"].btn-block {
margin-left: 0; margin-left: 0;
border-left: 0; border-left: 0;
} }
.card-group > .card:first-child { .card-group > .card:not(:last-child) {
border-top-right-radius: 0; border-top-right-radius: 0;
border-bottom-right-radius: 0; border-bottom-right-radius: 0;
} }
.card-group > .card:first-child .card-img-top, .card-group > .card:not(:last-child) .card-img-top,
.card-group > .card:first-child .card-header { .card-group > .card:not(:last-child) .card-header {
border-top-right-radius: 0; border-top-right-radius: 0;
} }
.card-group > .card:first-child .card-img-bottom, .card-group > .card:not(:last-child) .card-img-bottom,
.card-group > .card:first-child .card-footer { .card-group > .card:not(:last-child) .card-footer {
border-bottom-right-radius: 0; border-bottom-right-radius: 0;
} }
.card-group > .card:last-child { .card-group > .card:not(:first-child) {
border-top-left-radius: 0; border-top-left-radius: 0;
border-bottom-left-radius: 0; border-bottom-left-radius: 0;
} }
.card-group > .card:last-child .card-img-top, .card-group > .card:not(:first-child) .card-img-top,
.card-group > .card:last-child .card-header { .card-group > .card:not(:first-child) .card-header {
border-top-left-radius: 0; border-top-left-radius: 0;
} }
.card-group > .card:last-child .card-img-bottom, .card-group > .card:not(:first-child) .card-img-bottom,
.card-group > .card:last-child .card-footer { .card-group > .card:not(:first-child) .card-footer {
border-bottom-left-radius: 0; border-bottom-left-radius: 0;
} }
.card-group > .card:only-child {
border-radius: 0.25rem;
}
.card-group > .card:only-child .card-img-top,
.card-group > .card:only-child .card-header {
border-top-left-radius: 0.25rem;
border-top-right-radius: 0.25rem;
}
.card-group > .card:only-child .card-img-bottom,
.card-group > .card:only-child .card-footer {
border-bottom-right-radius: 0.25rem;
border-bottom-left-radius: 0.25rem;
}
.card-group > .card:not(:first-child):not(:last-child):not(:only-child) {
border-radius: 0;
}
.card-group > .card:not(:first-child):not(:last-child):not(:only-child) .card-img-top,
.card-group > .card:not(:first-child):not(:last-child):not(:only-child) .card-img-bottom,
.card-group > .card:not(:first-child):not(:last-child):not(:only-child) .card-header,
.card-group > .card:not(:first-child):not(:last-child):not(:only-child) .card-footer {
border-radius: 0;
}
} }
.card-columns .card { .card-columns .card {
...@@ -4612,26 +4936,30 @@ input[type="button"].btn-block { ...@@ -4612,26 +4936,30 @@ input[type="button"].btn-block {
} }
} }
.accordion .card:not(:first-of-type):not(:last-of-type) { .accordion {
border-bottom: 0; overflow-anchor: none;
border-radius: 0;
} }
.accordion .card:not(:first-of-type) .card-header:first-child { .accordion > .card {
border-radius: 0; overflow: hidden;
} }
.accordion .card:first-of-type { .accordion > .card:not(:last-of-type) {
border-bottom: 0; border-bottom: 0;
border-bottom-right-radius: 0; border-bottom-right-radius: 0;
border-bottom-left-radius: 0; border-bottom-left-radius: 0;
} }
.accordion .card:last-of-type { .accordion > .card:not(:first-of-type) {
border-top-left-radius: 0; border-top-left-radius: 0;
border-top-right-radius: 0; border-top-right-radius: 0;
} }
.accordion > .card > .card-header {
border-radius: 0;
margin-bottom: -1px;
}
.breadcrumb { .breadcrumb {
display: -ms-flexbox; display: -ms-flexbox;
display: flex; display: flex;
...@@ -4644,6 +4972,11 @@ input[type="button"].btn-block { ...@@ -4644,6 +4972,11 @@ input[type="button"].btn-block {
border-radius: 0.25rem; border-radius: 0.25rem;
} }
.breadcrumb-item {
display: -ms-flexbox;
display: flex;
}
.breadcrumb-item + .breadcrumb-item { .breadcrumb-item + .breadcrumb-item {
padding-left: 0.5rem; padding-left: 0.5rem;
} }
...@@ -4695,15 +5028,11 @@ input[type="button"].btn-block { ...@@ -4695,15 +5028,11 @@ input[type="button"].btn-block {
} }
.page-link:focus { .page-link:focus {
z-index: 2; z-index: 3;
outline: 0; outline: 0;
box-shadow: 0 0 0 0.2rem rgba(0, 123, 255, 0.25); box-shadow: 0 0 0 0.2rem rgba(0, 123, 255, 0.25);
} }
.page-link:not(:disabled):not(.disabled) {
cursor: pointer;
}
.page-item:first-child .page-link { .page-item:first-child .page-link {
margin-left: 0; margin-left: 0;
border-top-left-radius: 0.25rem; border-top-left-radius: 0.25rem;
...@@ -4716,7 +5045,7 @@ input[type="button"].btn-block { ...@@ -4716,7 +5045,7 @@ input[type="button"].btn-block {
} }
.page-item.active .page-link { .page-item.active .page-link {
z-index: 1; z-index: 3;
color: #fff; color: #fff;
background-color: #007bff; background-color: #007bff;
border-color: #007bff; border-color: #007bff;
...@@ -4772,6 +5101,17 @@ input[type="button"].btn-block { ...@@ -4772,6 +5101,17 @@ input[type="button"].btn-block {
white-space: nowrap; white-space: nowrap;
vertical-align: baseline; vertical-align: baseline;
border-radius: 0.25rem; border-radius: 0.25rem;
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 { .badge:empty {
...@@ -4794,89 +5134,121 @@ input[type="button"].btn-block { ...@@ -4794,89 +5134,121 @@ input[type="button"].btn-block {
background-color: #007bff; background-color: #007bff;
} }
.badge-primary[href]:hover, .badge-primary[href]:focus { a.badge-primary:hover, a.badge-primary:focus {
color: #fff; color: #fff;
text-decoration: none;
background-color: #0062cc; background-color: #0062cc;
} }
.badge-secondary { a.badge-primary:focus, a.badge-primary.focus {
color: #fff; outline: 0;
background-color: #6c757d; box-shadow: 0 0 0 0.2rem rgba(0, 123, 255, 0.5);
} }
.badge-secondary[href]:hover, .badge-secondary[href]:focus { .badge-secondary {
color: #fff;
background-color: #6c757d;
}
a.badge-secondary:hover, a.badge-secondary:focus {
color: #fff; color: #fff;
text-decoration: none;
background-color: #545b62; background-color: #545b62;
} }
a.badge-secondary:focus, a.badge-secondary.focus {
outline: 0;
box-shadow: 0 0 0 0.2rem rgba(108, 117, 125, 0.5);
}
.badge-success { .badge-success {
color: #fff; color: #fff;
background-color: #28a745; background-color: #28a745;
} }
.badge-success[href]:hover, .badge-success[href]:focus { a.badge-success:hover, a.badge-success:focus {
color: #fff; color: #fff;
text-decoration: none;
background-color: #1e7e34; background-color: #1e7e34;
} }
a.badge-success:focus, a.badge-success.focus {
outline: 0;
box-shadow: 0 0 0 0.2rem rgba(40, 167, 69, 0.5);
}
.badge-info { .badge-info {
color: #fff; color: #fff;
background-color: #17a2b8; background-color: #17a2b8;
} }
.badge-info[href]:hover, .badge-info[href]:focus { a.badge-info:hover, a.badge-info:focus {
color: #fff; color: #fff;
text-decoration: none;
background-color: #117a8b; 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 { .badge-warning {
color: #212529; color: #212529;
background-color: #ffc107; background-color: #ffc107;
} }
.badge-warning[href]:hover, .badge-warning[href]:focus { a.badge-warning:hover, a.badge-warning:focus {
color: #212529; color: #212529;
text-decoration: none;
background-color: #d39e00; 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 { .badge-danger {
color: #fff; color: #fff;
background-color: #dc3545; background-color: #dc3545;
} }
.badge-danger[href]:hover, .badge-danger[href]:focus { a.badge-danger:hover, a.badge-danger:focus {
color: #fff; color: #fff;
text-decoration: none;
background-color: #bd2130; background-color: #bd2130;
} }
a.badge-danger:focus, a.badge-danger.focus {
outline: 0;
box-shadow: 0 0 0 0.2rem rgba(220, 53, 69, 0.5);
}
.badge-light { .badge-light {
color: #212529; color: #212529;
background-color: #f8f9fa; background-color: #f8f9fa;
} }
.badge-light[href]:hover, .badge-light[href]:focus { a.badge-light:hover, a.badge-light:focus {
color: #212529; color: #212529;
text-decoration: none;
background-color: #dae0e5; background-color: #dae0e5;
} }
a.badge-light:focus, a.badge-light.focus {
outline: 0;
box-shadow: 0 0 0 0.2rem rgba(248, 249, 250, 0.5);
}
.badge-dark { .badge-dark {
color: #fff; color: #fff;
background-color: #343a40; background-color: #343a40;
} }
.badge-dark[href]:hover, .badge-dark[href]:focus { a.badge-dark:hover, a.badge-dark:focus {
color: #fff; color: #fff;
text-decoration: none;
background-color: #1d2124; background-color: #1d2124;
} }
a.badge-dark:focus, a.badge-dark.focus {
outline: 0;
box-shadow: 0 0 0 0.2rem rgba(52, 58, 64, 0.5);
}
.jumbotron { .jumbotron {
padding: 2rem 1rem; padding: 2rem 1rem;
margin-bottom: 2rem; margin-bottom: 2rem;
...@@ -4920,6 +5292,7 @@ input[type="button"].btn-block { ...@@ -4920,6 +5292,7 @@ input[type="button"].btn-block {
position: absolute; position: absolute;
top: 0; top: 0;
right: 0; right: 0;
z-index: 2;
padding: 0.75rem 1.25rem; padding: 0.75rem 1.25rem;
color: inherit; color: inherit;
} }
...@@ -5059,6 +5432,7 @@ input[type="button"].btn-block { ...@@ -5059,6 +5432,7 @@ input[type="button"].btn-block {
display: flex; display: flex;
height: 1rem; height: 1rem;
overflow: hidden; overflow: hidden;
line-height: 0;
font-size: 0.75rem; font-size: 0.75rem;
background-color: #e9ecef; background-color: #e9ecef;
border-radius: 0.25rem; border-radius: 0.25rem;
...@@ -5071,6 +5445,7 @@ input[type="button"].btn-block { ...@@ -5071,6 +5445,7 @@ input[type="button"].btn-block {
flex-direction: column; flex-direction: column;
-ms-flex-pack: center; -ms-flex-pack: center;
justify-content: center; justify-content: center;
overflow: hidden;
color: #fff; color: #fff;
text-align: center; text-align: center;
white-space: nowrap; white-space: nowrap;
...@@ -5078,7 +5453,7 @@ input[type="button"].btn-block { ...@@ -5078,7 +5453,7 @@ input[type="button"].btn-block {
transition: width 0.6s ease; transition: width 0.6s ease;
} }
@media screen and (prefers-reduced-motion: reduce) { @media (prefers-reduced-motion: reduce) {
.progress-bar { .progress-bar {
transition: none; transition: none;
} }
...@@ -5094,6 +5469,13 @@ input[type="button"].btn-block { ...@@ -5094,6 +5469,13 @@ input[type="button"].btn-block {
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 { .media {
display: -ms-flexbox; display: -ms-flexbox;
display: flex; display: flex;
...@@ -5113,6 +5495,7 @@ input[type="button"].btn-block { ...@@ -5113,6 +5495,7 @@ input[type="button"].btn-block {
flex-direction: column; flex-direction: column;
padding-left: 0; padding-left: 0;
margin-bottom: 0; margin-bottom: 0;
border-radius: 0.25rem;
} }
.list-group-item-action { .list-group-item-action {
...@@ -5122,6 +5505,7 @@ input[type="button"].btn-block { ...@@ -5122,6 +5505,7 @@ input[type="button"].btn-block {
} }
.list-group-item-action:hover, .list-group-item-action:focus { .list-group-item-action:hover, .list-group-item-action:focus {
z-index: 1;
color: #495057; color: #495057;
text-decoration: none; text-decoration: none;
background-color: #f8f9fa; background-color: #f8f9fa;
...@@ -5136,29 +5520,23 @@ input[type="button"].btn-block { ...@@ -5136,29 +5520,23 @@ input[type="button"].btn-block {
position: relative; position: relative;
display: block; display: block;
padding: 0.75rem 1.25rem; padding: 0.75rem 1.25rem;
margin-bottom: -1px;
background-color: #fff; background-color: #fff;
border: 1px solid rgba(0, 0, 0, 0.125); border: 1px solid rgba(0, 0, 0, 0.125);
} }
.list-group-item:first-child { .list-group-item:first-child {
border-top-left-radius: 0.25rem; border-top-left-radius: inherit;
border-top-right-radius: 0.25rem; border-top-right-radius: inherit;
} }
.list-group-item:last-child { .list-group-item:last-child {
margin-bottom: 0; border-bottom-right-radius: inherit;
border-bottom-right-radius: 0.25rem; border-bottom-left-radius: inherit;
border-bottom-left-radius: 0.25rem;
}
.list-group-item:hover, .list-group-item:focus {
z-index: 1;
text-decoration: none;
} }
.list-group-item.disabled, .list-group-item:disabled { .list-group-item.disabled, .list-group-item:disabled {
color: #6c757d; color: #6c757d;
pointer-events: none;
background-color: #fff; background-color: #fff;
} }
...@@ -5169,18 +5547,158 @@ input[type="button"].btn-block { ...@@ -5169,18 +5547,158 @@ input[type="button"].btn-block {
border-color: #007bff; border-color: #007bff;
} }
.list-group-flush .list-group-item { .list-group-item + .list-group-item {
border-right: 0; border-top-width: 0;
border-left: 0; }
.list-group-item + .list-group-item.active {
margin-top: -1px;
border-top-width: 1px;
}
.list-group-horizontal {
-ms-flex-direction: row;
flex-direction: row;
}
.list-group-horizontal > .list-group-item:first-child {
border-bottom-left-radius: 0.25rem;
border-top-right-radius: 0;
}
.list-group-horizontal > .list-group-item:last-child {
border-top-right-radius: 0.25rem;
border-bottom-left-radius: 0;
}
.list-group-horizontal > .list-group-item.active {
margin-top: 0;
}
.list-group-horizontal > .list-group-item + .list-group-item {
border-top-width: 1px;
border-left-width: 0;
}
.list-group-horizontal > .list-group-item + .list-group-item.active {
margin-left: -1px;
border-left-width: 1px;
}
@media (min-width: 576px) {
.list-group-horizontal-sm {
-ms-flex-direction: row;
flex-direction: row;
}
.list-group-horizontal-sm > .list-group-item:first-child {
border-bottom-left-radius: 0.25rem;
border-top-right-radius: 0;
}
.list-group-horizontal-sm > .list-group-item:last-child {
border-top-right-radius: 0.25rem;
border-bottom-left-radius: 0;
}
.list-group-horizontal-sm > .list-group-item.active {
margin-top: 0;
}
.list-group-horizontal-sm > .list-group-item + .list-group-item {
border-top-width: 1px;
border-left-width: 0;
}
.list-group-horizontal-sm > .list-group-item + .list-group-item.active {
margin-left: -1px;
border-left-width: 1px;
}
}
@media (min-width: 768px) {
.list-group-horizontal-md {
-ms-flex-direction: row;
flex-direction: row;
}
.list-group-horizontal-md > .list-group-item:first-child {
border-bottom-left-radius: 0.25rem;
border-top-right-radius: 0;
}
.list-group-horizontal-md > .list-group-item:last-child {
border-top-right-radius: 0.25rem;
border-bottom-left-radius: 0;
}
.list-group-horizontal-md > .list-group-item.active {
margin-top: 0;
}
.list-group-horizontal-md > .list-group-item + .list-group-item {
border-top-width: 1px;
border-left-width: 0;
}
.list-group-horizontal-md > .list-group-item + .list-group-item.active {
margin-left: -1px;
border-left-width: 1px;
}
}
@media (min-width: 992px) {
.list-group-horizontal-lg {
-ms-flex-direction: row;
flex-direction: row;
}
.list-group-horizontal-lg > .list-group-item:first-child {
border-bottom-left-radius: 0.25rem;
border-top-right-radius: 0;
}
.list-group-horizontal-lg > .list-group-item:last-child {
border-top-right-radius: 0.25rem;
border-bottom-left-radius: 0;
}
.list-group-horizontal-lg > .list-group-item.active {
margin-top: 0;
}
.list-group-horizontal-lg > .list-group-item + .list-group-item {
border-top-width: 1px;
border-left-width: 0;
}
.list-group-horizontal-lg > .list-group-item + .list-group-item.active {
margin-left: -1px;
border-left-width: 1px;
}
}
@media (min-width: 1200px) {
.list-group-horizontal-xl {
-ms-flex-direction: row;
flex-direction: row;
}
.list-group-horizontal-xl > .list-group-item:first-child {
border-bottom-left-radius: 0.25rem;
border-top-right-radius: 0;
}
.list-group-horizontal-xl > .list-group-item:last-child {
border-top-right-radius: 0.25rem;
border-bottom-left-radius: 0;
}
.list-group-horizontal-xl > .list-group-item.active {
margin-top: 0;
}
.list-group-horizontal-xl > .list-group-item + .list-group-item {
border-top-width: 1px;
border-left-width: 0;
}
.list-group-horizontal-xl > .list-group-item + .list-group-item.active {
margin-left: -1px;
border-left-width: 1px;
}
}
.list-group-flush {
border-radius: 0; border-radius: 0;
} }
.list-group-flush:first-child .list-group-item:first-child { .list-group-flush > .list-group-item {
border-top: 0; border-width: 0 0 1px;
} }
.list-group-flush:last-child .list-group-item:last-child { .list-group-flush > .list-group-item:last-child {
border-bottom: 0; border-bottom-width: 0;
} }
.list-group-item-primary { .list-group-item-primary {
...@@ -5321,13 +5839,12 @@ input[type="button"].btn-block { ...@@ -5321,13 +5839,12 @@ input[type="button"].btn-block {
opacity: .5; opacity: .5;
} }
.close:not(:disabled):not(.disabled) { .close:hover {
cursor: pointer; color: #000;
text-decoration: none;
} }
.close:not(:disabled):not(.disabled):hover, .close:not(:disabled):not(.disabled):focus { .close:not(:disabled):not(.disabled):hover, .close:not(:disabled):not(.disabled):focus {
color: #000;
text-decoration: none;
opacity: .75; opacity: .75;
} }
...@@ -5335,7 +5852,58 @@ button.close { ...@@ -5335,7 +5852,58 @@ button.close {
padding: 0; padding: 0;
background-color: transparent; background-color: transparent;
border: 0; border: 0;
-webkit-appearance: none; }
a.close.disabled {
pointer-events: none;
}
.toast {
-ms-flex-preferred-size: 350px;
flex-basis: 350px;
max-width: 350px;
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);
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: -ms-flexbox;
display: flex;
-ms-flex-align: center;
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);
border-top-left-radius: calc(0.25rem - 1px);
border-top-right-radius: calc(0.25rem - 1px);
}
.toast-body {
padding: 0.75rem;
} }
.modal-open { .modal-open {
...@@ -5350,11 +5918,11 @@ button.close { ...@@ -5350,11 +5918,11 @@ button.close {
.modal { .modal {
position: fixed; position: fixed;
top: 0; top: 0;
right: 0;
bottom: 0;
left: 0; left: 0;
z-index: 1050; z-index: 1050;
display: none; display: none;
width: 100%;
height: 100%;
overflow: hidden; overflow: hidden;
outline: 0; outline: 0;
} }
...@@ -5370,19 +5938,45 @@ button.close { ...@@ -5370,19 +5938,45 @@ button.close {
transition: -webkit-transform 0.3s ease-out; transition: -webkit-transform 0.3s ease-out;
transition: transform 0.3s ease-out; transition: transform 0.3s ease-out;
transition: transform 0.3s ease-out, -webkit-transform 0.3s ease-out; transition: transform 0.3s ease-out, -webkit-transform 0.3s ease-out;
-webkit-transform: translate(0, -25%); -webkit-transform: translate(0, -50px);
transform: translate(0, -25%); transform: translate(0, -50px);
} }
@media screen and (prefers-reduced-motion: reduce) { @media (prefers-reduced-motion: reduce) {
.modal.fade .modal-dialog { .modal.fade .modal-dialog {
transition: none; transition: none;
} }
} }
.modal.show .modal-dialog { .modal.show .modal-dialog {
-webkit-transform: translate(0, 0); -webkit-transform: none;
transform: translate(0, 0); transform: none;
}
.modal.modal-static .modal-dialog {
-webkit-transform: scale(1.02);
transform: scale(1.02);
}
.modal-dialog-scrollable {
display: -ms-flexbox;
display: flex;
max-height: calc(100% - 1rem);
}
.modal-dialog-scrollable .modal-content {
max-height: calc(100vh - 1rem);
overflow: hidden;
}
.modal-dialog-scrollable .modal-header,
.modal-dialog-scrollable .modal-footer {
-ms-flex-negative: 0;
flex-shrink: 0;
}
.modal-dialog-scrollable .modal-body {
overflow-y: auto;
} }
.modal-dialog-centered { .modal-dialog-centered {
...@@ -5390,15 +5984,34 @@ button.close { ...@@ -5390,15 +5984,34 @@ button.close {
display: flex; display: flex;
-ms-flex-align: center; -ms-flex-align: center;
align-items: center; align-items: center;
min-height: calc(100% - (0.5rem * 2)); min-height: calc(100% - 1rem);
} }
.modal-dialog-centered::before { .modal-dialog-centered::before {
display: block; display: block;
height: calc(100vh - (0.5rem * 2)); height: calc(100vh - 1rem);
height: -webkit-min-content;
height: -moz-min-content;
height: min-content;
content: ""; content: "";
} }
.modal-dialog-centered.modal-dialog-scrollable {
-ms-flex-direction: column;
flex-direction: column;
-ms-flex-pack: center;
justify-content: center;
height: 100%;
}
.modal-dialog-centered.modal-dialog-scrollable .modal-content {
max-height: none;
}
.modal-dialog-centered.modal-dialog-scrollable::before {
content: none;
}
.modal-content { .modal-content {
position: relative; position: relative;
display: -ms-flexbox; display: -ms-flexbox;
...@@ -5417,10 +6030,10 @@ button.close { ...@@ -5417,10 +6030,10 @@ button.close {
.modal-backdrop { .modal-backdrop {
position: fixed; position: fixed;
top: 0; top: 0;
right: 0;
bottom: 0;
left: 0; left: 0;
z-index: 1040; z-index: 1040;
width: 100vw;
height: 100vh;
background-color: #000; background-color: #000;
} }
...@@ -5439,14 +6052,14 @@ button.close { ...@@ -5439,14 +6052,14 @@ button.close {
align-items: flex-start; align-items: flex-start;
-ms-flex-pack: justify; -ms-flex-pack: justify;
justify-content: space-between; justify-content: space-between;
padding: 1rem; padding: 1rem 1rem;
border-bottom: 1px solid #e9ecef; border-bottom: 1px solid #dee2e6;
border-top-left-radius: 0.3rem; border-top-left-radius: calc(0.3rem - 1px);
border-top-right-radius: 0.3rem; border-top-right-radius: calc(0.3rem - 1px);
} }
.modal-header .close { .modal-header .close {
padding: 1rem; padding: 1rem 1rem;
margin: -1rem -1rem -1rem auto; margin: -1rem -1rem -1rem auto;
} }
...@@ -5465,20 +6078,20 @@ button.close { ...@@ -5465,20 +6078,20 @@ button.close {
.modal-footer { .modal-footer {
display: -ms-flexbox; display: -ms-flexbox;
display: flex; display: flex;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
-ms-flex-align: center; -ms-flex-align: center;
align-items: center; align-items: center;
-ms-flex-pack: end; -ms-flex-pack: end;
justify-content: flex-end; justify-content: flex-end;
padding: 1rem; padding: 0.75rem;
border-top: 1px solid #e9ecef; border-top: 1px solid #dee2e6;
} border-bottom-right-radius: calc(0.3rem - 1px);
border-bottom-left-radius: calc(0.3rem - 1px);
.modal-footer > :not(:first-child) {
margin-left: .25rem;
} }
.modal-footer > :not(:last-child) { .modal-footer > * {
margin-right: .25rem; margin: 0.25rem;
} }
.modal-scrollbar-measure { .modal-scrollbar-measure {
...@@ -5494,11 +6107,20 @@ button.close { ...@@ -5494,11 +6107,20 @@ button.close {
max-width: 500px; max-width: 500px;
margin: 1.75rem auto; 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 { .modal-dialog-centered {
min-height: calc(100% - (1.75rem * 2)); min-height: calc(100% - 3.5rem);
} }
.modal-dialog-centered::before { .modal-dialog-centered::before {
height: calc(100vh - (1.75rem * 2)); height: calc(100vh - 3.5rem);
height: -webkit-min-content;
height: -moz-min-content;
height: min-content;
} }
.modal-sm { .modal-sm {
max-width: 300px; max-width: 300px;
...@@ -5506,17 +6128,24 @@ button.close { ...@@ -5506,17 +6128,24 @@ button.close {
} }
@media (min-width: 992px) { @media (min-width: 992px) {
.modal-lg { .modal-lg,
.modal-xl {
max-width: 800px; max-width: 800px;
} }
} }
@media (min-width: 1200px) {
.modal-xl {
max-width: 1140px;
}
}
.tooltip { .tooltip {
position: absolute; position: absolute;
z-index: 1070; z-index: 1070;
display: block; display: block;
margin: 0; margin: 0;
font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji"; font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, "Noto Sans", sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";
font-style: normal; font-style: normal;
font-weight: 400; font-weight: 400;
line-height: 1.5; line-height: 1.5;
...@@ -5629,7 +6258,7 @@ button.close { ...@@ -5629,7 +6258,7 @@ button.close {
z-index: 1060; z-index: 1060;
display: block; display: block;
max-width: 276px; max-width: 276px;
font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji"; font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, "Noto Sans", sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";
font-style: normal; font-style: normal;
font-weight: 400; font-weight: 400;
line-height: 1.5; line-height: 1.5;
...@@ -5671,25 +6300,19 @@ button.close { ...@@ -5671,25 +6300,19 @@ button.close {
margin-bottom: 0.5rem; margin-bottom: 0.5rem;
} }
.bs-popover-top .arrow, .bs-popover-auto[x-placement^="top"] .arrow { .bs-popover-top > .arrow, .bs-popover-auto[x-placement^="top"] > .arrow {
bottom: calc((0.5rem + 1px) * -1); bottom: calc(-0.5rem - 1px);
}
.bs-popover-top .arrow::before, .bs-popover-auto[x-placement^="top"] .arrow::before,
.bs-popover-top .arrow::after,
.bs-popover-auto[x-placement^="top"] .arrow::after {
border-width: 0.5rem 0.5rem 0;
} }
.bs-popover-top .arrow::before, .bs-popover-auto[x-placement^="top"] .arrow::before { .bs-popover-top > .arrow::before, .bs-popover-auto[x-placement^="top"] > .arrow::before {
bottom: 0; bottom: 0;
border-width: 0.5rem 0.5rem 0;
border-top-color: rgba(0, 0, 0, 0.25); border-top-color: rgba(0, 0, 0, 0.25);
} }
.bs-popover-top > .arrow::after, .bs-popover-auto[x-placement^="top"] > .arrow::after {
.bs-popover-top .arrow::after,
.bs-popover-auto[x-placement^="top"] .arrow::after {
bottom: 1px; bottom: 1px;
border-width: 0.5rem 0.5rem 0;
border-top-color: #fff; border-top-color: #fff;
} }
...@@ -5697,28 +6320,22 @@ button.close { ...@@ -5697,28 +6320,22 @@ button.close {
margin-left: 0.5rem; margin-left: 0.5rem;
} }
.bs-popover-right .arrow, .bs-popover-auto[x-placement^="right"] .arrow { .bs-popover-right > .arrow, .bs-popover-auto[x-placement^="right"] > .arrow {
left: calc((0.5rem + 1px) * -1); left: calc(-0.5rem - 1px);
width: 0.5rem; width: 0.5rem;
height: 1rem; height: 1rem;
margin: 0.3rem 0; margin: 0.3rem 0;
} }
.bs-popover-right .arrow::before, .bs-popover-auto[x-placement^="right"] .arrow::before, .bs-popover-right > .arrow::before, .bs-popover-auto[x-placement^="right"] > .arrow::before {
.bs-popover-right .arrow::after,
.bs-popover-auto[x-placement^="right"] .arrow::after {
border-width: 0.5rem 0.5rem 0.5rem 0;
}
.bs-popover-right .arrow::before, .bs-popover-auto[x-placement^="right"] .arrow::before {
left: 0; left: 0;
border-width: 0.5rem 0.5rem 0.5rem 0;
border-right-color: rgba(0, 0, 0, 0.25); border-right-color: rgba(0, 0, 0, 0.25);
} }
.bs-popover-right > .arrow::after, .bs-popover-auto[x-placement^="right"] > .arrow::after {
.bs-popover-right .arrow::after,
.bs-popover-auto[x-placement^="right"] .arrow::after {
left: 1px; left: 1px;
border-width: 0.5rem 0.5rem 0.5rem 0;
border-right-color: #fff; border-right-color: #fff;
} }
...@@ -5726,25 +6343,19 @@ button.close { ...@@ -5726,25 +6343,19 @@ button.close {
margin-top: 0.5rem; margin-top: 0.5rem;
} }
.bs-popover-bottom .arrow, .bs-popover-auto[x-placement^="bottom"] .arrow { .bs-popover-bottom > .arrow, .bs-popover-auto[x-placement^="bottom"] > .arrow {
top: calc((0.5rem + 1px) * -1); top: calc(-0.5rem - 1px);
}
.bs-popover-bottom .arrow::before, .bs-popover-auto[x-placement^="bottom"] .arrow::before,
.bs-popover-bottom .arrow::after,
.bs-popover-auto[x-placement^="bottom"] .arrow::after {
border-width: 0 0.5rem 0.5rem 0.5rem;
} }
.bs-popover-bottom .arrow::before, .bs-popover-auto[x-placement^="bottom"] .arrow::before { .bs-popover-bottom > .arrow::before, .bs-popover-auto[x-placement^="bottom"] > .arrow::before {
top: 0; top: 0;
border-width: 0 0.5rem 0.5rem 0.5rem;
border-bottom-color: rgba(0, 0, 0, 0.25); border-bottom-color: rgba(0, 0, 0, 0.25);
} }
.bs-popover-bottom > .arrow::after, .bs-popover-auto[x-placement^="bottom"] > .arrow::after {
.bs-popover-bottom .arrow::after,
.bs-popover-auto[x-placement^="bottom"] .arrow::after {
top: 1px; top: 1px;
border-width: 0 0.5rem 0.5rem 0.5rem;
border-bottom-color: #fff; border-bottom-color: #fff;
} }
...@@ -5763,28 +6374,22 @@ button.close { ...@@ -5763,28 +6374,22 @@ button.close {
margin-right: 0.5rem; margin-right: 0.5rem;
} }
.bs-popover-left .arrow, .bs-popover-auto[x-placement^="left"] .arrow { .bs-popover-left > .arrow, .bs-popover-auto[x-placement^="left"] > .arrow {
right: calc((0.5rem + 1px) * -1); right: calc(-0.5rem - 1px);
width: 0.5rem; width: 0.5rem;
height: 1rem; height: 1rem;
margin: 0.3rem 0; margin: 0.3rem 0;
} }
.bs-popover-left .arrow::before, .bs-popover-auto[x-placement^="left"] .arrow::before, .bs-popover-left > .arrow::before, .bs-popover-auto[x-placement^="left"] > .arrow::before {
.bs-popover-left .arrow::after,
.bs-popover-auto[x-placement^="left"] .arrow::after {
border-width: 0.5rem 0 0.5rem 0.5rem;
}
.bs-popover-left .arrow::before, .bs-popover-auto[x-placement^="left"] .arrow::before {
right: 0; right: 0;
border-width: 0.5rem 0 0.5rem 0.5rem;
border-left-color: rgba(0, 0, 0, 0.25); border-left-color: rgba(0, 0, 0, 0.25);
} }
.bs-popover-left > .arrow::after, .bs-popover-auto[x-placement^="left"] > .arrow::after {
.bs-popover-left .arrow::after,
.bs-popover-auto[x-placement^="left"] .arrow::after {
right: 1px; right: 1px;
border-width: 0.5rem 0 0.5rem 0.5rem;
border-left-color: #fff; border-left-color: #fff;
} }
...@@ -5792,7 +6397,6 @@ button.close { ...@@ -5792,7 +6397,6 @@ button.close {
padding: 0.5rem 0.75rem; padding: 0.5rem 0.75rem;
margin-bottom: 0; margin-bottom: 0;
font-size: 1rem; font-size: 1rem;
color: inherit;
background-color: #f7f7f7; background-color: #f7f7f7;
border-bottom: 1px solid #ebebeb; border-bottom: 1px solid #ebebeb;
border-top-left-radius: calc(0.3rem - 1px); border-top-left-radius: calc(0.3rem - 1px);
...@@ -5812,123 +6416,85 @@ button.close { ...@@ -5812,123 +6416,85 @@ button.close {
position: relative; position: relative;
} }
.carousel.pointer-event {
-ms-touch-action: pan-y;
touch-action: pan-y;
}
.carousel-inner { .carousel-inner {
position: relative; position: relative;
width: 100%; width: 100%;
overflow: hidden; overflow: hidden;
} }
.carousel-inner::after {
display: block;
clear: both;
content: "";
}
.carousel-item { .carousel-item {
position: relative; position: relative;
display: none; display: none;
-ms-flex-align: center; float: left;
align-items: center;
width: 100%; width: 100%;
margin-right: -100%;
-webkit-backface-visibility: hidden; -webkit-backface-visibility: hidden;
backface-visibility: hidden; backface-visibility: hidden;
-webkit-perspective: 1000px; transition: -webkit-transform 0.6s ease-in-out;
perspective: 1000px; transition: transform 0.6s ease-in-out;
} transition: transform 0.6s ease-in-out, -webkit-transform 0.6s ease-in-out;
.carousel-item.active,
.carousel-item-next,
.carousel-item-prev {
display: block;
transition: -webkit-transform 0.6s ease;
transition: transform 0.6s ease;
transition: transform 0.6s ease, -webkit-transform 0.6s ease;
} }
@media screen and (prefers-reduced-motion: reduce) { @media (prefers-reduced-motion: reduce) {
.carousel-item.active, .carousel-item {
.carousel-item-next,
.carousel-item-prev {
transition: none; transition: none;
} }
} }
.carousel-item.active,
.carousel-item-next, .carousel-item-next,
.carousel-item-prev { .carousel-item-prev {
position: absolute; display: block;
top: 0;
}
.carousel-item-next.carousel-item-left,
.carousel-item-prev.carousel-item-right {
-webkit-transform: translateX(0);
transform: translateX(0);
}
@supports ((-webkit-transform-style: preserve-3d) or (transform-style: preserve-3d)) {
.carousel-item-next.carousel-item-left,
.carousel-item-prev.carousel-item-right {
-webkit-transform: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0);
}
} }
.carousel-item-next, .carousel-item-next:not(.carousel-item-left),
.active.carousel-item-right { .active.carousel-item-right {
-webkit-transform: translateX(100%); -webkit-transform: translateX(100%);
transform: translateX(100%); transform: translateX(100%);
} }
@supports ((-webkit-transform-style: preserve-3d) or (transform-style: preserve-3d)) { .carousel-item-prev:not(.carousel-item-right),
.carousel-item-next,
.active.carousel-item-right {
-webkit-transform: translate3d(100%, 0, 0);
transform: translate3d(100%, 0, 0);
}
}
.carousel-item-prev,
.active.carousel-item-left { .active.carousel-item-left {
-webkit-transform: translateX(-100%); -webkit-transform: translateX(-100%);
transform: translateX(-100%); transform: translateX(-100%);
} }
@supports ((-webkit-transform-style: preserve-3d) or (transform-style: preserve-3d)) {
.carousel-item-prev,
.active.carousel-item-left {
-webkit-transform: translate3d(-100%, 0, 0);
transform: translate3d(-100%, 0, 0);
}
}
.carousel-fade .carousel-item { .carousel-fade .carousel-item {
opacity: 0; opacity: 0;
transition-duration: .6s;
transition-property: opacity; transition-property: opacity;
-webkit-transform: none;
transform: none;
} }
.carousel-fade .carousel-item.active, .carousel-fade .carousel-item.active,
.carousel-fade .carousel-item-next.carousel-item-left, .carousel-fade .carousel-item-next.carousel-item-left,
.carousel-fade .carousel-item-prev.carousel-item-right { .carousel-fade .carousel-item-prev.carousel-item-right {
z-index: 1;
opacity: 1; opacity: 1;
} }
.carousel-fade .active.carousel-item-left, .carousel-fade .active.carousel-item-left,
.carousel-fade .active.carousel-item-right { .carousel-fade .active.carousel-item-right {
z-index: 0;
opacity: 0; opacity: 0;
transition: opacity 0s 0.6s;
} }
.carousel-fade .carousel-item-next, @media (prefers-reduced-motion: reduce) {
.carousel-fade .carousel-item-prev,
.carousel-fade .carousel-item.active,
.carousel-fade .active.carousel-item-left,
.carousel-fade .active.carousel-item-prev {
-webkit-transform: translateX(0);
transform: translateX(0);
}
@supports ((-webkit-transform-style: preserve-3d) or (transform-style: preserve-3d)) {
.carousel-fade .carousel-item-next,
.carousel-fade .carousel-item-prev,
.carousel-fade .carousel-item.active,
.carousel-fade .active.carousel-item-left, .carousel-fade .active.carousel-item-left,
.carousel-fade .active.carousel-item-prev { .carousel-fade .active.carousel-item-right {
-webkit-transform: translate3d(0, 0, 0); transition: none;
transform: translate3d(0, 0, 0);
} }
} }
...@@ -5937,6 +6503,7 @@ button.close { ...@@ -5937,6 +6503,7 @@ button.close {
position: absolute; position: absolute;
top: 0; top: 0;
bottom: 0; bottom: 0;
z-index: 1;
display: -ms-flexbox; display: -ms-flexbox;
display: flex; display: flex;
-ms-flex-align: center; -ms-flex-align: center;
...@@ -5947,6 +6514,14 @@ button.close { ...@@ -5947,6 +6514,14 @@ button.close {
color: #fff; color: #fff;
text-align: center; text-align: center;
opacity: 0.5; 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-prev:hover, .carousel-control-prev:focus,
...@@ -5955,7 +6530,7 @@ button.close { ...@@ -5955,7 +6530,7 @@ button.close {
color: #fff; color: #fff;
text-decoration: none; text-decoration: none;
outline: 0; outline: 0;
opacity: .9; opacity: 0.9;
} }
.carousel-control-prev { .carousel-control-prev {
...@@ -5971,22 +6546,21 @@ button.close { ...@@ -5971,22 +6546,21 @@ button.close {
display: inline-block; display: inline-block;
width: 20px; width: 20px;
height: 20px; height: 20px;
background: transparent no-repeat center center; background: no-repeat 50% / 100% 100%;
background-size: 100% 100%;
} }
.carousel-control-prev-icon { .carousel-control-prev-icon {
background-image: url("data:image/svg+xml;charset=utf8,%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"); background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' fill='%23fff' width='8' height='8' viewBox='0 0 8 8'%3e%3cpath d='M5.25 0l-4 4 4 4 1.5-1.5L4.25 4l2.5-2.5L5.25 0z'/%3e%3c/svg%3e");
} }
.carousel-control-next-icon { .carousel-control-next-icon {
background-image: url("data:image/svg+xml;charset=utf8,%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"); background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' fill='%23fff' width='8' height='8' viewBox='0 0 8 8'%3e%3cpath d='M2.75 0l-1.5 1.5L3.75 4l-2.5 2.5L2.75 8l4-4-4-4z'/%3e%3c/svg%3e");
} }
.carousel-indicators { .carousel-indicators {
position: absolute; position: absolute;
right: 0; right: 0;
bottom: 10px; bottom: 0;
left: 0; left: 0;
z-index: 15; z-index: 15;
display: -ms-flexbox; display: -ms-flexbox;
...@@ -6000,7 +6574,7 @@ button.close { ...@@ -6000,7 +6574,7 @@ button.close {
} }
.carousel-indicators li { .carousel-indicators li {
position: relative; box-sizing: content-box;
-ms-flex: 0 1 auto; -ms-flex: 0 1 auto;
flex: 0 1 auto; flex: 0 1 auto;
width: 30px; width: 30px;
...@@ -6009,31 +6583,22 @@ button.close { ...@@ -6009,31 +6583,22 @@ button.close {
margin-left: 3px; margin-left: 3px;
text-indent: -999px; text-indent: -999px;
cursor: pointer; cursor: pointer;
background-color: rgba(255, 255, 255, 0.5); background-color: #fff;
} background-clip: padding-box;
border-top: 10px solid transparent;
.carousel-indicators li::before { border-bottom: 10px solid transparent;
position: absolute; opacity: .5;
top: -10px; transition: opacity 0.6s ease;
left: 0;
display: inline-block;
width: 100%;
height: 10px;
content: "";
} }
.carousel-indicators li::after { @media (prefers-reduced-motion: reduce) {
position: absolute; .carousel-indicators li {
bottom: -10px; transition: none;
left: 0; }
display: inline-block;
width: 100%;
height: 10px;
content: "";
} }
.carousel-indicators .active { .carousel-indicators .active {
background-color: #fff; opacity: 1;
} }
.carousel-caption { .carousel-caption {
...@@ -6048,6 +6613,79 @@ button.close { ...@@ -6048,6 +6613,79 @@ button.close {
text-align: center; text-align: center;
} }
@-webkit-keyframes spinner-border {
to {
-webkit-transform: rotate(360deg);
transform: rotate(360deg);
}
}
@keyframes spinner-border {
to {
-webkit-transform: rotate(360deg);
transform: rotate(360deg);
}
}
.spinner-border {
display: inline-block;
width: 2rem;
height: 2rem;
vertical-align: text-bottom;
border: 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% {
-webkit-transform: scale(0);
transform: scale(0);
}
50% {
opacity: 1;
-webkit-transform: none;
transform: none;
}
}
@keyframes spinner-grow {
0% {
-webkit-transform: scale(0);
transform: scale(0);
}
50% {
opacity: 1;
-webkit-transform: none;
transform: none;
}
}
.spinner-grow {
display: inline-block;
width: 2rem;
height: 2rem;
vertical-align: text-bottom;
background-color: currentColor;
border-radius: 50%;
opacity: 0;
-webkit-animation: spinner-grow .75s linear infinite;
animation: spinner-grow .75s linear infinite;
}
.spinner-grow-sm {
width: 1rem;
height: 1rem;
}
.align-baseline { .align-baseline {
vertical-align: baseline !important; vertical-align: baseline !important;
} }
...@@ -6236,6 +6874,10 @@ button.bg-dark:focus { ...@@ -6236,6 +6874,10 @@ button.bg-dark:focus {
border-color: #fff !important; border-color: #fff !important;
} }
.rounded-sm {
border-radius: 0.2rem !important;
}
.rounded { .rounded {
border-radius: 0.25rem !important; border-radius: 0.25rem !important;
} }
...@@ -6260,10 +6902,18 @@ button.bg-dark:focus { ...@@ -6260,10 +6902,18 @@ button.bg-dark:focus {
border-bottom-left-radius: 0.25rem !important; border-bottom-left-radius: 0.25rem !important;
} }
.rounded-lg {
border-radius: 0.3rem !important;
}
.rounded-circle { .rounded-circle {
border-radius: 50% !important; border-radius: 50% !important;
} }
.rounded-pill {
border-radius: 50rem !important;
}
.rounded-0 { .rounded-0 {
border-radius: 0 !important; border-radius: 0 !important;
} }
...@@ -7301,6 +7951,35 @@ button.bg-dark:focus { ...@@ -7301,6 +7951,35 @@ button.bg-dark:focus {
} }
} }
.user-select-all {
-webkit-user-select: all !important;
-moz-user-select: all !important;
-ms-user-select: all !important;
user-select: all !important;
}
.user-select-auto {
-webkit-user-select: auto !important;
-moz-user-select: auto !important;
-ms-user-select: auto !important;
user-select: auto !important;
}
.user-select-none {
-webkit-user-select: none !important;
-moz-user-select: none !important;
-ms-user-select: none !important;
user-select: none !important;
}
.overflow-auto {
overflow: auto !important;
}
.overflow-hidden {
overflow: hidden !important;
}
.position-static { .position-static {
position: static !important; position: static !important;
} }
...@@ -7352,6 +8031,7 @@ button.bg-dark:focus { ...@@ -7352,6 +8031,7 @@ button.bg-dark:focus {
width: 1px; width: 1px;
height: 1px; height: 1px;
padding: 0; padding: 0;
margin: -1px;
overflow: hidden; overflow: hidden;
clip: rect(0, 0, 0, 0); clip: rect(0, 0, 0, 0);
white-space: nowrap; white-space: nowrap;
...@@ -7431,6 +8111,22 @@ button.bg-dark:focus { ...@@ -7431,6 +8111,22 @@ button.bg-dark:focus {
max-height: 100% !important; max-height: 100% !important;
} }
.min-vw-100 {
min-width: 100vw !important;
}
.min-vh-100 {
min-height: 100vh !important;
}
.vw-100 {
width: 100vw !important;
}
.vh-100 {
height: 100vh !important;
}
.m-0 { .m-0 {
margin: 0 !important; margin: 0 !important;
} }
...@@ -7719,6 +8415,126 @@ button.bg-dark:focus { ...@@ -7719,6 +8415,126 @@ button.bg-dark:focus {
padding-left: 3rem !important; 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 { .m-auto {
margin: auto !important; margin: auto !important;
} }
...@@ -7972,6 +8788,101 @@ button.bg-dark:focus { ...@@ -7972,6 +8788,101 @@ button.bg-dark:focus {
.px-sm-5 { .px-sm-5 {
padding-left: 3rem !important; 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 { .m-sm-auto {
margin: auto !important; margin: auto !important;
} }
...@@ -8222,6 +9133,101 @@ button.bg-dark:focus { ...@@ -8222,6 +9133,101 @@ button.bg-dark:focus {
.px-md-5 { .px-md-5 {
padding-left: 3rem !important; 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 { .m-md-auto {
margin: auto !important; margin: auto !important;
} }
...@@ -8472,6 +9478,101 @@ button.bg-dark:focus { ...@@ -8472,6 +9478,101 @@ button.bg-dark:focus {
.px-lg-5 { .px-lg-5 {
padding-left: 3rem !important; 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 { .m-lg-auto {
margin: auto !important; margin: auto !important;
} }
...@@ -8722,6 +9823,101 @@ button.bg-dark:focus { ...@@ -8722,6 +9823,101 @@ button.bg-dark:focus {
.px-xl-5 { .px-xl-5 {
padding-left: 3rem !important; padding-left: 3rem !important;
} }
.m-xl-n1 {
margin: -0.25rem !important;
}
.mt-xl-n1,
.my-xl-n1 {
margin-top: -0.25rem !important;
}
.mr-xl-n1,
.mx-xl-n1 {
margin-right: -0.25rem !important;
}
.mb-xl-n1,
.my-xl-n1 {
margin-bottom: -0.25rem !important;
}
.ml-xl-n1,
.mx-xl-n1 {
margin-left: -0.25rem !important;
}
.m-xl-n2 {
margin: -0.5rem !important;
}
.mt-xl-n2,
.my-xl-n2 {
margin-top: -0.5rem !important;
}
.mr-xl-n2,
.mx-xl-n2 {
margin-right: -0.5rem !important;
}
.mb-xl-n2,
.my-xl-n2 {
margin-bottom: -0.5rem !important;
}
.ml-xl-n2,
.mx-xl-n2 {
margin-left: -0.5rem !important;
}
.m-xl-n3 {
margin: -1rem !important;
}
.mt-xl-n3,
.my-xl-n3 {
margin-top: -1rem !important;
}
.mr-xl-n3,
.mx-xl-n3 {
margin-right: -1rem !important;
}
.mb-xl-n3,
.my-xl-n3 {
margin-bottom: -1rem !important;
}
.ml-xl-n3,
.mx-xl-n3 {
margin-left: -1rem !important;
}
.m-xl-n4 {
margin: -1.5rem !important;
}
.mt-xl-n4,
.my-xl-n4 {
margin-top: -1.5rem !important;
}
.mr-xl-n4,
.mx-xl-n4 {
margin-right: -1.5rem !important;
}
.mb-xl-n4,
.my-xl-n4 {
margin-bottom: -1.5rem !important;
}
.ml-xl-n4,
.mx-xl-n4 {
margin-left: -1.5rem !important;
}
.m-xl-n5 {
margin: -3rem !important;
}
.mt-xl-n5,
.my-xl-n5 {
margin-top: -3rem !important;
}
.mr-xl-n5,
.mx-xl-n5 {
margin-right: -3rem !important;
}
.mb-xl-n5,
.my-xl-n5 {
margin-bottom: -3rem !important;
}
.ml-xl-n5,
.mx-xl-n5 {
margin-left: -3rem !important;
}
.m-xl-auto { .m-xl-auto {
margin: auto !important; margin: auto !important;
} }
...@@ -8743,14 +9939,30 @@ button.bg-dark:focus { ...@@ -8743,14 +9939,30 @@ button.bg-dark:focus {
} }
} }
.stretched-link::after {
position: absolute;
top: 0;
right: 0;
bottom: 0;
left: 0;
z-index: 1;
pointer-events: auto;
content: "";
background-color: rgba(0, 0, 0, 0);
}
.text-monospace { .text-monospace {
font-family: SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace; font-family: SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace !important;
} }
.text-justify { .text-justify {
text-align: justify !important; text-align: justify !important;
} }
.text-wrap {
white-space: normal !important;
}
.text-nowrap { .text-nowrap {
white-space: nowrap !important; white-space: nowrap !important;
} }
...@@ -8837,6 +10049,10 @@ button.bg-dark:focus { ...@@ -8837,6 +10049,10 @@ button.bg-dark:focus {
font-weight: 300 !important; font-weight: 300 !important;
} }
.font-weight-lighter {
font-weight: lighter !important;
}
.font-weight-normal { .font-weight-normal {
font-weight: 400 !important; font-weight: 400 !important;
} }
...@@ -8845,6 +10061,10 @@ button.bg-dark:focus { ...@@ -8845,6 +10061,10 @@ button.bg-dark:focus {
font-weight: 700 !important; font-weight: 700 !important;
} }
.font-weight-bolder {
font-weight: bolder !important;
}
.font-italic { .font-italic {
font-style: italic !important; font-style: italic !important;
} }
...@@ -8858,7 +10078,7 @@ button.bg-dark:focus { ...@@ -8858,7 +10078,7 @@ button.bg-dark:focus {
} }
a.text-primary:hover, a.text-primary:focus { a.text-primary:hover, a.text-primary:focus {
color: #0062cc !important; color: #0056b3 !important;
} }
.text-secondary { .text-secondary {
...@@ -8866,7 +10086,7 @@ a.text-primary:hover, a.text-primary:focus { ...@@ -8866,7 +10086,7 @@ a.text-primary:hover, a.text-primary:focus {
} }
a.text-secondary:hover, a.text-secondary:focus { a.text-secondary:hover, a.text-secondary:focus {
color: #545b62 !important; color: #494f54 !important;
} }
.text-success { .text-success {
...@@ -8874,7 +10094,7 @@ a.text-secondary:hover, a.text-secondary:focus { ...@@ -8874,7 +10094,7 @@ a.text-secondary:hover, a.text-secondary:focus {
} }
a.text-success:hover, a.text-success:focus { a.text-success:hover, a.text-success:focus {
color: #1e7e34 !important; color: #19692c !important;
} }
.text-info { .text-info {
...@@ -8882,7 +10102,7 @@ a.text-success:hover, a.text-success:focus { ...@@ -8882,7 +10102,7 @@ a.text-success:hover, a.text-success:focus {
} }
a.text-info:hover, a.text-info:focus { a.text-info:hover, a.text-info:focus {
color: #117a8b !important; color: #0f6674 !important;
} }
.text-warning { .text-warning {
...@@ -8890,7 +10110,7 @@ a.text-info:hover, a.text-info:focus { ...@@ -8890,7 +10110,7 @@ a.text-info:hover, a.text-info:focus {
} }
a.text-warning:hover, a.text-warning:focus { a.text-warning:hover, a.text-warning:focus {
color: #d39e00 !important; color: #ba8b00 !important;
} }
.text-danger { .text-danger {
...@@ -8898,7 +10118,7 @@ a.text-warning:hover, a.text-warning:focus { ...@@ -8898,7 +10118,7 @@ a.text-warning:hover, a.text-warning:focus {
} }
a.text-danger:hover, a.text-danger:focus { a.text-danger:hover, a.text-danger:focus {
color: #bd2130 !important; color: #a71d2a !important;
} }
.text-light { .text-light {
...@@ -8906,7 +10126,7 @@ a.text-danger:hover, a.text-danger:focus { ...@@ -8906,7 +10126,7 @@ a.text-danger:hover, a.text-danger:focus {
} }
a.text-light:hover, a.text-light:focus { a.text-light:hover, a.text-light:focus {
color: #dae0e5 !important; color: #cbd3da !important;
} }
.text-dark { .text-dark {
...@@ -8914,7 +10134,7 @@ a.text-light:hover, a.text-light:focus { ...@@ -8914,7 +10134,7 @@ a.text-light:hover, a.text-light:focus {
} }
a.text-dark:hover, a.text-dark:focus { a.text-dark:hover, a.text-dark:focus {
color: #1d2124 !important; color: #121416 !important;
} }
.text-body { .text-body {
...@@ -8941,6 +10161,19 @@ a.text-dark:hover, a.text-dark:focus { ...@@ -8941,6 +10161,19 @@ a.text-dark:hover, a.text-dark:focus {
border: 0; border: 0;
} }
.text-decoration-none {
text-decoration: none !important;
}
.text-break {
word-break: break-word !important;
word-wrap: break-word !important;
}
.text-reset {
color: inherit !important;
}
.visible { .visible {
visibility: visible !important; visibility: visible !important;
} }
......
This diff is collapsed.
Source diff could not be displayed: it is too large. Options to address this: view the blob.
This diff is collapsed.
This diff is collapsed.
This diff is collapsed.
This diff is collapsed.
This diff is collapsed.
This diff is collapsed.
This diff is collapsed.
This diff is collapsed.
This diff is collapsed.