From 432b9ba9c85dac1da66ad955e1c673a50186717f Mon Sep 17 00:00:00 2001 From: =?UTF-8?q?Holger=20Ko=CC=88nemann?= Date: Fri, 11 Aug 2017 17:29:45 +0200 Subject: [PATCH 1/8] Preparing change to Bootstrap 4 Beta --- css/theme.css | 5635 +++++---- js/theme.js | 2849 +---- js/theme.min.js | 5 +- package.json | 7 +- sass/assets/bootstrap4.scss | 17 +- sass/theme/_contact-form7.scss | 6 +- sass/understrap/understrap.scss | 16 +- src/css/tether-theme-arrows-dark.css | 150 - src/css/tether-theme-arrows-dark.min.css | 1 - src/css/tether-theme-arrows.css | 154 - src/css/tether-theme-arrows.min.css | 1 - src/css/tether-theme-basic.css | 21 - src/css/tether-theme-basic.min.css | 1 - src/css/tether.css | 8 - src/css/tether.min.css | 1 - src/js/bootstrap4/bootstrap.js | 1038 +- src/js/bootstrap4/bootstrap.min.js | 5 +- src/js/core.js | 476 - src/js/jquery.js | 10253 ---------------- src/js/jquery.min.js | 4 - src/js/jquery.slim.js | 8160 ------------ src/js/jquery.slim.min.js | 4 - src/js/tether.js | 1811 --- src/js/tether.min.js | 1 - src/sass/bootstrap4/_alert.scss | 15 +- src/sass/bootstrap4/_badge.scss | 37 +- src/sass/bootstrap4/_breadcrumb.scss | 2 +- src/sass/bootstrap4/_button-group.scss | 26 +- src/sass/bootstrap4/_buttons.scss | 55 +- src/sass/bootstrap4/_card.scss | 107 +- src/sass/bootstrap4/_carousel.scss | 41 +- src/sass/bootstrap4/_close.scss | 2 - src/sass/bootstrap4/_custom-forms.scss | 80 +- src/sass/bootstrap4/_custom.scss | 4 - src/sass/bootstrap4/_dropdown.scss | 63 +- src/sass/bootstrap4/_forms.scss | 140 +- src/sass/bootstrap4/_functions.scss | 90 + src/sass/bootstrap4/_grid.scss | 5 +- src/sass/bootstrap4/_images.scss | 2 +- src/sass/bootstrap4/_input-group.scss | 19 +- src/sass/bootstrap4/_jumbotron.scss | 4 - src/sass/bootstrap4/_list-group.scss | 45 +- src/sass/bootstrap4/_mixins.scss | 20 +- src/sass/bootstrap4/_modal.scss | 10 +- src/sass/bootstrap4/_nav.scss | 31 +- src/sass/bootstrap4/_navbar.scss | 124 +- src/sass/bootstrap4/_normalize.scss | 461 - src/sass/bootstrap4/_pagination.scss | 7 +- src/sass/bootstrap4/_popover.scss | 168 +- src/sass/bootstrap4/_print.scss | 10 +- src/sass/bootstrap4/_progress.scss | 12 +- src/sass/bootstrap4/_reboot.scss | 295 +- src/sass/bootstrap4/_tables.scss | 51 +- src/sass/bootstrap4/_tooltip.scss | 89 +- src/sass/bootstrap4/_type.scss | 36 +- src/sass/bootstrap4/_utilities.scss | 1 + src/sass/bootstrap4/_variables.scss | 721 +- src/sass/bootstrap4/bootstrap-grid.scss | 10 +- src/sass/bootstrap4/bootstrap-reboot.scss | 3 +- src/sass/bootstrap4/bootstrap.scss | 17 +- src/sass/bootstrap4/mixins/_alert.scss | 9 +- src/sass/bootstrap4/mixins/_badge.scss | 11 +- .../bootstrap4/mixins/_border-radius.scss | 6 +- src/sass/bootstrap4/mixins/_box-shadow.scss | 5 + src/sass/bootstrap4/mixins/_breakpoints.scss | 36 +- src/sass/bootstrap4/mixins/_buttons.scss | 25 +- src/sass/bootstrap4/mixins/_cards.scss | 47 - src/sass/bootstrap4/mixins/_clearfix.scss | 2 +- src/sass/bootstrap4/mixins/_forms.scss | 112 +- src/sass/bootstrap4/mixins/_gradients.scss | 2 +- .../bootstrap4/mixins/_grid-framework.scss | 27 +- src/sass/bootstrap4/mixins/_grid.scss | 77 +- src/sass/bootstrap4/mixins/_hover.scss | 12 +- src/sass/bootstrap4/mixins/_list-group.scss | 6 +- src/sass/bootstrap4/mixins/_nav-divider.scss | 6 +- src/sass/bootstrap4/mixins/_pagination.scss | 1 + src/sass/bootstrap4/mixins/_reset-text.scss | 7 +- src/sass/bootstrap4/mixins/_resize.scss | 2 +- .../bootstrap4/mixins/_screen-reader.scss | 7 +- .../bootstrap4/mixins/_text-truncate.scss | 2 +- src/sass/bootstrap4/mixins/_transforms.scss | 14 - src/sass/bootstrap4/mixins/_transition.scss | 9 + src/sass/bootstrap4/mixins/_visibility.scss | 4 +- .../bootstrap4/utilities/_background.scss | 21 +- src/sass/bootstrap4/utilities/_borders.scss | 25 +- src/sass/bootstrap4/utilities/_display.scss | 37 +- .../_embed.scss} | 0 src/sass/bootstrap4/utilities/_flex.scss | 4 - src/sass/bootstrap4/utilities/_position.scss | 19 +- src/sass/bootstrap4/utilities/_spacing.scss | 46 +- src/sass/bootstrap4/utilities/_text.scss | 29 +- .../bootstrap4/utilities/_visibility.scss | 54 +- 92 files changed, 5532 insertions(+), 28559 deletions(-) delete mode 100644 src/css/tether-theme-arrows-dark.css delete mode 100644 src/css/tether-theme-arrows-dark.min.css delete mode 100644 src/css/tether-theme-arrows.css delete mode 100644 src/css/tether-theme-arrows.min.css delete mode 100644 src/css/tether-theme-basic.css delete mode 100644 src/css/tether-theme-basic.min.css delete mode 100644 src/css/tether.css delete mode 100644 src/css/tether.min.css delete mode 100644 src/js/core.js delete mode 100644 src/js/jquery.js delete mode 100644 src/js/jquery.min.js delete mode 100644 src/js/jquery.slim.js delete mode 100644 src/js/jquery.slim.min.js delete mode 100644 src/js/tether.js delete mode 100644 src/js/tether.min.js delete mode 100644 src/sass/bootstrap4/_custom.scss create mode 100644 src/sass/bootstrap4/_functions.scss delete mode 100644 src/sass/bootstrap4/_normalize.scss create mode 100644 src/sass/bootstrap4/mixins/_box-shadow.scss delete mode 100644 src/sass/bootstrap4/mixins/_cards.scss delete mode 100644 src/sass/bootstrap4/mixins/_transforms.scss create mode 100644 src/sass/bootstrap4/mixins/_transition.scss rename src/sass/bootstrap4/{_responsive-embed.scss => utilities/_embed.scss} (100%) diff --git a/css/theme.css b/css/theme.css index be4cbc9..762f4df 100644 --- a/css/theme.css +++ b/css/theme.css @@ -1,219 +1,14 @@ @charset "UTF-8"; /*! - * Bootstrap v4.0.0-alpha.6 (https://getbootstrap.com) + * Bootstrap v4.0.0-beta (https://getbootstrap.com) * Copyright 2011-2017 The Bootstrap Authors * Copyright 2011-2017 Twitter, Inc. * Licensed under MIT (https://github.com/twbs/bootstrap/blob/master/LICENSE) */ -/*! normalize.css v5.0.0 | MIT License | github.com/necolas/normalize.css */ -html { - font-family: sans-serif; - line-height: 1.15; - -ms-text-size-adjust: 100%; - -webkit-text-size-adjust: 100%; } - -body { - margin: 0; } - -article, -aside, -footer, -header, -nav, -section { - display: block; } - -h1 { - font-size: 2em; - margin: 0.67em 0; } - -figcaption, -figure, -main { - display: block; } - -figure { - margin: 1em 40px; } - -hr { - box-sizing: content-box; - height: 0; - overflow: visible; } - -pre { - font-family: monospace, monospace; - font-size: 1em; } - -a { - background-color: transparent; - -webkit-text-decoration-skip: objects; } - -a:active, -a:hover { - outline-width: 0; } - -abbr[title] { - border-bottom: none; - text-decoration: underline; - text-decoration: underline dotted; } - -b, -strong { - font-weight: inherit; } - -b, -strong { - font-weight: bolder; } - -code, -kbd, -samp { - font-family: monospace, monospace; - font-size: 1em; } - -dfn { - font-style: italic; } - -mark { - background-color: #ff0; - color: #000; } - -small { - font-size: 80%; } - -sub, -sup { - font-size: 75%; - line-height: 0; - position: relative; - vertical-align: baseline; } - -sub { - bottom: -0.25em; } - -sup { - top: -0.5em; } - -audio, -video { - display: inline-block; } - -audio:not([controls]) { - display: none; - height: 0; } - -img { - border-style: none; } - -svg:not(:root) { - overflow: hidden; } - -button, -input, -optgroup, -select, -textarea { - font-family: sans-serif; - font-size: 100%; - line-height: 1.15; - margin: 0; } - -button, -input { - overflow: visible; } - -button, -select { - text-transform: none; } - -button, -html [type="button"], -[type="reset"], -[type="submit"] { - -webkit-appearance: button; } - -button::-moz-focus-inner, -[type="button"]::-moz-focus-inner, -[type="reset"]::-moz-focus-inner, -[type="submit"]::-moz-focus-inner { - border-style: none; - padding: 0; } - -button:-moz-focusring, -[type="button"]:-moz-focusring, -[type="reset"]:-moz-focusring, -[type="submit"]:-moz-focusring { - outline: 1px dotted ButtonText; } - -fieldset { - border: 1px solid #c0c0c0; - margin: 0 2px; - padding: 0.35em 0.625em 0.75em; } - -legend { - box-sizing: border-box; - color: inherit; - display: table; - max-width: 100%; - padding: 0; - white-space: normal; } - -progress { - display: inline-block; - vertical-align: baseline; } - -textarea { - overflow: auto; } - -[type="checkbox"], -[type="radio"] { - box-sizing: border-box; - padding: 0; } - -[type="number"]::-webkit-inner-spin-button, -[type="number"]::-webkit-outer-spin-button { - height: auto; } - -[type="search"] { - -webkit-appearance: textfield; - outline-offset: -2px; } - -[type="search"]::-webkit-search-cancel-button, -[type="search"]::-webkit-search-decoration { - -webkit-appearance: none; } - -::-webkit-file-upload-button { - -webkit-appearance: button; - font: inherit; } - -details, -menu { - display: block; } - -summary { - display: list-item; } - -canvas { - display: inline-block; } - -template { - display: none; } - -[hidden] { - display: none; } - @media print { *, *::before, - *::after, - p::first-letter, - div::first-letter, - blockquote::first-letter, - li::first-letter, - p::first-line, - div::first-line, - blockquote::first-line, - li::first-line { + *::after { text-shadow: none !important; box-shadow: none !important; } a, @@ -253,32 +48,43 @@ template { .table-bordered td { border: 1px solid #ddd !important; } } -html { - box-sizing: border-box; } - *, *::before, *::after { - box-sizing: inherit; } + box-sizing: border-box; } + +html { + font-family: sans-serif; + line-height: 1.15; + -webkit-text-size-adjust: 100%; + -ms-text-size-adjust: 100%; + -ms-overflow-style: scrollbar; + -webkit-tap-highlight-color: transparent; } @-ms-viewport { width: device-width; } -html { - -ms-overflow-style: scrollbar; - -webkit-tap-highlight-color: transparent; } +article, aside, dialog, figcaption, figure, footer, header, hgroup, main, nav, section { + display: block; } body { + margin: 0; font-family: Arial, sans-serif; font-size: 1rem; font-weight: normal; line-height: 1.5; - color: #292b2c; + color: #212529; + text-align: left; background-color: #fff; } [tabindex="-1"]:focus { outline: none !important; } +hr { + box-sizing: content-box; + height: 0; + overflow: visible; } + h1, h2, h3, h4, h5, h6 { margin-top: 0; margin-bottom: .5rem; } @@ -289,7 +95,10 @@ p { abbr[title], abbr[data-original-title] { - cursor: help; } + text-decoration: underline; + text-decoration: underline dotted; + cursor: help; + border-bottom: 0; } address { margin-bottom: 1rem; @@ -318,11 +127,36 @@ dd { blockquote { margin: 0 0 1rem; } +dfn { + font-style: italic; } + +b, +strong { + font-weight: bolder; } + +small { + font-size: 80%; } + +sub, +sup { + position: relative; + font-size: 75%; + line-height: 0; + vertical-align: baseline; } + +sub { + bottom: -.25em; } + +sup { + top: -.5em; } + a { - color: #7852B2; - text-decoration: none; } - a:focus, a:hover { - color: #54397f; + color: #007bff; + text-decoration: none; + background-color: transparent; + -webkit-text-decoration-skip: objects; } + a:hover { + color: #0056b3; text-decoration: underline; } a:not([href]):not([tabindex]) { @@ -334,6 +168,13 @@ a:not([href]):not([tabindex]) { a:not([href]):not([tabindex]):focus { outline: 0; } +pre, +code, +kbd, +samp { + font-family: monospace, monospace; + font-size: 1em; } + pre { margin-top: 0; margin-bottom: 1rem; @@ -343,10 +184,11 @@ figure { margin: 0 0 1rem; } img { - vertical-align: middle; } + vertical-align: middle; + border-style: none; } -[role="button"] { - cursor: pointer; } +svg:not(:root) { + overflow: hidden; } a, area, @@ -360,18 +202,17 @@ textarea { touch-action: manipulation; } table { - border-collapse: collapse; - background-color: transparent; } + border-collapse: collapse; } caption { padding-top: 0.75rem; padding-bottom: 0.75rem; - color: #636c72; + color: #868e96; text-align: left; caption-side: bottom; } th { - text-align: left; } + text-align: inherit; } label { display: inline-block; @@ -384,12 +225,38 @@ button:focus { input, button, select, +optgroup, textarea { + margin: 0; + font-family: inherit; + font-size: inherit; line-height: inherit; } -input[type="radio"]:disabled, -input[type="checkbox"]:disabled { - cursor: not-allowed; } +button, +input { + overflow: visible; } + +button, +select { + text-transform: none; } + +button, +html [type="button"], +[type="reset"], +[type="submit"] { + -webkit-appearance: button; } + +button::-moz-focus-inner, +[type="button"]::-moz-focus-inner, +[type="reset"]::-moz-focus-inner, +[type="submit"]::-moz-focus-inner { + padding: 0; + border-style: none; } + +input[type="radio"], +input[type="checkbox"] { + box-sizing: border-box; + padding: 0; } input[type="date"], input[type="time"], @@ -398,6 +265,7 @@ input[type="month"] { -webkit-appearance: listbox; } textarea { + overflow: auto; resize: vertical; } fieldset { @@ -409,17 +277,42 @@ fieldset { legend { display: block; width: 100%; + max-width: 100%; padding: 0; margin-bottom: .5rem; font-size: 1.5rem; - line-height: inherit; } + line-height: inherit; + color: inherit; + white-space: normal; } -input[type="search"] { +progress { + vertical-align: baseline; } + +[type="number"]::-webkit-inner-spin-button, +[type="number"]::-webkit-outer-spin-button { + height: auto; } + +[type="search"] { + outline-offset: -2px; -webkit-appearance: none; } +[type="search"]::-webkit-search-cancel-button, +[type="search"]::-webkit-search-decoration { + -webkit-appearance: none; } + +::-webkit-file-upload-button { + font: inherit; + -webkit-appearance: button; } + output { display: inline-block; } +summary { + display: list-item; } + +template { + display: none; } + [hidden] { display: none !important; } @@ -507,31 +400,16 @@ mark, text-transform: uppercase; } .blockquote { - padding: 0.5rem 1rem; margin-bottom: 1rem; - font-size: 1.25rem; - border-left: 0.25rem solid #eceeef; } + font-size: 1.25rem; } .blockquote-footer { display: block; font-size: 80%; - color: #636c72; } + color: #868e96; } .blockquote-footer::before { content: "\2014 \00A0"; } -.blockquote-reverse { - padding-right: 1rem; - padding-left: 0; - text-align: right; - border-right: 0.25rem solid #eceeef; - border-left: 0; } - -.blockquote-reverse .blockquote-footer::before { - content: ""; } - -.blockquote-reverse .blockquote-footer::after { - content: "\00A0 \2014"; } - .img-fluid { max-width: 100%; height: auto; } @@ -554,19 +432,19 @@ mark, .figure-caption { font-size: 90%; - color: #636c72; } + color: #868e96; } code, kbd, pre, samp { - font-family: Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace; } + font-family: "SFMono-Regular", Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace; } code { padding: 0.2rem 0.4rem; font-size: 90%; color: #bd4147; - background-color: #f7f7f9; + background-color: #f8f9fa; border-radius: 0.25rem; } a > code { padding: 0; @@ -577,7 +455,7 @@ kbd { padding: 0.2rem 0.4rem; font-size: 90%; color: #fff; - background-color: #292b2c; + background-color: #212529; border-radius: 0.2rem; } kbd kbd { padding: 0; @@ -589,7 +467,7 @@ pre { margin-top: 0; margin-bottom: 1rem; font-size: 90%; - color: #292b2c; } + color: #212529; } pre code { padding: 0; font-size: inherit; @@ -602,88 +480,37 @@ pre { overflow-y: scroll; } .container { - position: relative; - margin-left: auto; margin-right: auto; + margin-left: auto; padding-right: 15px; - padding-left: 15px; } + padding-left: 15px; + width: 100%; } @media (min-width: 576px) { .container { - padding-right: 15px; - padding-left: 15px; } } + max-width: 540px; } } @media (min-width: 768px) { .container { - padding-right: 15px; - padding-left: 15px; } } + max-width: 720px; } } @media (min-width: 992px) { .container { - padding-right: 15px; - padding-left: 15px; } } + max-width: 960px; } } @media (min-width: 1200px) { .container { - padding-right: 15px; - padding-left: 15px; } } - @media (min-width: 576px) { - .container { - width: 540px; - max-width: 100%; } } - @media (min-width: 768px) { - .container { - width: 720px; - max-width: 100%; } } - @media (min-width: 992px) { - .container { - width: 960px; - max-width: 100%; } } - @media (min-width: 1200px) { - .container { - width: 1140px; - max-width: 100%; } } + max-width: 1140px; } } .container-fluid { - position: relative; - margin-left: auto; + width: 100%; margin-right: auto; + margin-left: auto; padding-right: 15px; - padding-left: 15px; } - @media (min-width: 576px) { - .container-fluid { - padding-right: 15px; - padding-left: 15px; } } - @media (min-width: 768px) { - .container-fluid { - padding-right: 15px; - padding-left: 15px; } } - @media (min-width: 992px) { - .container-fluid { - padding-right: 15px; - padding-left: 15px; } } - @media (min-width: 1200px) { - .container-fluid { - padding-right: 15px; - padding-left: 15px; } } + padding-left: 15px; + width: 100%; } .row { display: flex; flex-wrap: wrap; margin-right: -15px; margin-left: -15px; } - @media (min-width: 576px) { - .row { - margin-right: -15px; - margin-left: -15px; } } - @media (min-width: 768px) { - .row { - margin-right: -15px; - margin-left: -15px; } } - @media (min-width: 992px) { - .row { - margin-right: -15px; - margin-left: -15px; } } - @media (min-width: 1200px) { - .row { - margin-right: -15px; - margin-left: -15px; } } .no-gutters { margin-right: 0; @@ -693,28 +520,17 @@ pre { padding-right: 0; padding-left: 0; } -.col-1, .col-2, .col-3, .col-4, .col-5, .col-6, .col-7, .col-8, .col-9, .col-10, .col-11, .col-12, .col, .col-sm-1, .col-sm-2, .col-sm-3, .col-sm-4, .col-sm-5, .col-sm-6, .col-sm-7, .col-sm-8, .col-sm-9, .col-sm-10, .col-sm-11, .col-sm-12, .col-sm, .col-md-1, .col-md-2, .col-md-3, .col-md-4, .col-md-5, .col-md-6, .col-md-7, .col-md-8, .col-md-9, .col-md-10, .col-md-11, .col-md-12, .col-md, .col-lg-1, .col-lg-2, .col-lg-3, .col-lg-4, .col-lg-5, .col-lg-6, .col-lg-7, .col-lg-8, .col-lg-9, .col-lg-10, .col-lg-11, .col-lg-12, .col-lg, .col-xl-1, .col-xl-2, .col-xl-3, .col-xl-4, .col-xl-5, .col-xl-6, .col-xl-7, .col-xl-8, .col-xl-9, .col-xl-10, .col-xl-11, .col-xl-12, .col-xl { +.col-1, .col-2, .col-3, .col-4, .col-5, .col-6, .col-7, .col-8, .col-9, .col-10, .col-11, .col-12, .col, +.col-auto, .col-sm-1, .col-sm-2, .col-sm-3, .col-sm-4, .col-sm-5, .col-sm-6, .col-sm-7, .col-sm-8, .col-sm-9, .col-sm-10, .col-sm-11, .col-sm-12, .col-sm, +.col-sm-auto, .col-md-1, .col-md-2, .col-md-3, .col-md-4, .col-md-5, .col-md-6, .col-md-7, .col-md-8, .col-md-9, .col-md-10, .col-md-11, .col-md-12, .col-md, +.col-md-auto, .col-lg-1, .col-lg-2, .col-lg-3, .col-lg-4, .col-lg-5, .col-lg-6, .col-lg-7, .col-lg-8, .col-lg-9, .col-lg-10, .col-lg-11, .col-lg-12, .col-lg, +.col-lg-auto, .col-xl-1, .col-xl-2, .col-xl-3, .col-xl-4, .col-xl-5, .col-xl-6, .col-xl-7, .col-xl-8, .col-xl-9, .col-xl-10, .col-xl-11, .col-xl-12, .col-xl, +.col-xl-auto { position: relative; width: 100%; min-height: 1px; padding-right: 15px; padding-left: 15px; } - @media (min-width: 576px) { - .col-1, .col-2, .col-3, .col-4, .col-5, .col-6, .col-7, .col-8, .col-9, .col-10, .col-11, .col-12, .col, .col-sm-1, .col-sm-2, .col-sm-3, .col-sm-4, .col-sm-5, .col-sm-6, .col-sm-7, .col-sm-8, .col-sm-9, .col-sm-10, .col-sm-11, .col-sm-12, .col-sm, .col-md-1, .col-md-2, .col-md-3, .col-md-4, .col-md-5, .col-md-6, .col-md-7, .col-md-8, .col-md-9, .col-md-10, .col-md-11, .col-md-12, .col-md, .col-lg-1, .col-lg-2, .col-lg-3, .col-lg-4, .col-lg-5, .col-lg-6, .col-lg-7, .col-lg-8, .col-lg-9, .col-lg-10, .col-lg-11, .col-lg-12, .col-lg, .col-xl-1, .col-xl-2, .col-xl-3, .col-xl-4, .col-xl-5, .col-xl-6, .col-xl-7, .col-xl-8, .col-xl-9, .col-xl-10, .col-xl-11, .col-xl-12, .col-xl { - padding-right: 15px; - padding-left: 15px; } } - @media (min-width: 768px) { - .col-1, .col-2, .col-3, .col-4, .col-5, .col-6, .col-7, .col-8, .col-9, .col-10, .col-11, .col-12, .col, .col-sm-1, .col-sm-2, .col-sm-3, .col-sm-4, .col-sm-5, .col-sm-6, .col-sm-7, .col-sm-8, .col-sm-9, .col-sm-10, .col-sm-11, .col-sm-12, .col-sm, .col-md-1, .col-md-2, .col-md-3, .col-md-4, .col-md-5, .col-md-6, .col-md-7, .col-md-8, .col-md-9, .col-md-10, .col-md-11, .col-md-12, .col-md, .col-lg-1, .col-lg-2, .col-lg-3, .col-lg-4, .col-lg-5, .col-lg-6, .col-lg-7, .col-lg-8, .col-lg-9, .col-lg-10, .col-lg-11, .col-lg-12, .col-lg, .col-xl-1, .col-xl-2, .col-xl-3, .col-xl-4, .col-xl-5, .col-xl-6, .col-xl-7, .col-xl-8, .col-xl-9, .col-xl-10, .col-xl-11, .col-xl-12, .col-xl { - padding-right: 15px; - padding-left: 15px; } } - @media (min-width: 992px) { - .col-1, .col-2, .col-3, .col-4, .col-5, .col-6, .col-7, .col-8, .col-9, .col-10, .col-11, .col-12, .col, .col-sm-1, .col-sm-2, .col-sm-3, .col-sm-4, .col-sm-5, .col-sm-6, .col-sm-7, .col-sm-8, .col-sm-9, .col-sm-10, .col-sm-11, .col-sm-12, .col-sm, .col-md-1, .col-md-2, .col-md-3, .col-md-4, .col-md-5, .col-md-6, .col-md-7, .col-md-8, .col-md-9, .col-md-10, .col-md-11, .col-md-12, .col-md, .col-lg-1, .col-lg-2, .col-lg-3, .col-lg-4, .col-lg-5, .col-lg-6, .col-lg-7, .col-lg-8, .col-lg-9, .col-lg-10, .col-lg-11, .col-lg-12, .col-lg, .col-xl-1, .col-xl-2, .col-xl-3, .col-xl-4, .col-xl-5, .col-xl-6, .col-xl-7, .col-xl-8, .col-xl-9, .col-xl-10, .col-xl-11, .col-xl-12, .col-xl { - padding-right: 15px; - padding-left: 15px; } } - @media (min-width: 1200px) { - .col-1, .col-2, .col-3, .col-4, .col-5, .col-6, .col-7, .col-8, .col-9, .col-10, .col-11, .col-12, .col, .col-sm-1, .col-sm-2, .col-sm-3, .col-sm-4, .col-sm-5, .col-sm-6, .col-sm-7, .col-sm-8, .col-sm-9, .col-sm-10, .col-sm-11, .col-sm-12, .col-sm, .col-md-1, .col-md-2, .col-md-3, .col-md-4, .col-md-5, .col-md-6, .col-md-7, .col-md-8, .col-md-9, .col-md-10, .col-md-11, .col-md-12, .col-md, .col-lg-1, .col-lg-2, .col-lg-3, .col-lg-4, .col-lg-5, .col-lg-6, .col-lg-7, .col-lg-8, .col-lg-9, .col-lg-10, .col-lg-11, .col-lg-12, .col-lg, .col-xl-1, .col-xl-2, .col-xl-3, .col-xl-4, .col-xl-5, .col-xl-6, .col-xl-7, .col-xl-8, .col-xl-9, .col-xl-10, .col-xl-11, .col-xl-12, .col-xl { - padding-right: 15px; - padding-left: 15px; } } .col { flex-basis: 0; @@ -723,7 +539,8 @@ pre { .col-auto { flex: 0 0 auto; - width: auto; } + width: auto; + max-width: none; } .col-1 { flex: 0 0 8.33333%; @@ -773,116 +590,41 @@ pre { flex: 0 0 100%; max-width: 100%; } -.pull-0 { - right: auto; } +.order-1 { + order: 1; } -.pull-1 { - right: 8.33333%; } +.order-2 { + order: 2; } -.pull-2 { - right: 16.66667%; } +.order-3 { + order: 3; } -.pull-3 { - right: 25%; } +.order-4 { + order: 4; } -.pull-4 { - right: 33.33333%; } +.order-5 { + order: 5; } -.pull-5 { - right: 41.66667%; } +.order-6 { + order: 6; } -.pull-6 { - right: 50%; } +.order-7 { + order: 7; } -.pull-7 { - right: 58.33333%; } +.order-8 { + order: 8; } -.pull-8 { - right: 66.66667%; } +.order-9 { + order: 9; } -.pull-9 { - right: 75%; } +.order-10 { + order: 10; } -.pull-10 { - right: 83.33333%; } +.order-11 { + order: 11; } -.pull-11 { - right: 91.66667%; } - -.pull-12 { - right: 100%; } - -.push-0 { - left: auto; } - -.push-1 { - left: 8.33333%; } - -.push-2 { - left: 16.66667%; } - -.push-3 { - left: 25%; } - -.push-4 { - left: 33.33333%; } - -.push-5 { - left: 41.66667%; } - -.push-6 { - left: 50%; } - -.push-7 { - left: 58.33333%; } - -.push-8 { - left: 66.66667%; } - -.push-9 { - left: 75%; } - -.push-10 { - left: 83.33333%; } - -.push-11 { - left: 91.66667%; } - -.push-12 { - left: 100%; } - -.offset-1 { - margin-left: 8.33333%; } - -.offset-2 { - margin-left: 16.66667%; } - -.offset-3 { - margin-left: 25%; } - -.offset-4 { - margin-left: 33.33333%; } - -.offset-5 { - margin-left: 41.66667%; } - -.offset-6 { - margin-left: 50%; } - -.offset-7 { - margin-left: 58.33333%; } - -.offset-8 { - margin-left: 66.66667%; } - -.offset-9 { - margin-left: 75%; } - -.offset-10 { - margin-left: 83.33333%; } - -.offset-11 { - margin-left: 91.66667%; } +.order-12 { + order: 12; } @media (min-width: 576px) { .col-sm { @@ -891,7 +633,8 @@ pre { max-width: 100%; } .col-sm-auto { flex: 0 0 auto; - width: auto; } + width: auto; + max-width: none; } .col-sm-1 { flex: 0 0 8.33333%; max-width: 8.33333%; } @@ -928,82 +671,30 @@ pre { .col-sm-12 { flex: 0 0 100%; max-width: 100%; } - .pull-sm-0 { - right: auto; } - .pull-sm-1 { - right: 8.33333%; } - .pull-sm-2 { - right: 16.66667%; } - .pull-sm-3 { - right: 25%; } - .pull-sm-4 { - right: 33.33333%; } - .pull-sm-5 { - right: 41.66667%; } - .pull-sm-6 { - right: 50%; } - .pull-sm-7 { - right: 58.33333%; } - .pull-sm-8 { - right: 66.66667%; } - .pull-sm-9 { - right: 75%; } - .pull-sm-10 { - right: 83.33333%; } - .pull-sm-11 { - right: 91.66667%; } - .pull-sm-12 { - right: 100%; } - .push-sm-0 { - left: auto; } - .push-sm-1 { - left: 8.33333%; } - .push-sm-2 { - left: 16.66667%; } - .push-sm-3 { - left: 25%; } - .push-sm-4 { - left: 33.33333%; } - .push-sm-5 { - left: 41.66667%; } - .push-sm-6 { - left: 50%; } - .push-sm-7 { - left: 58.33333%; } - .push-sm-8 { - left: 66.66667%; } - .push-sm-9 { - left: 75%; } - .push-sm-10 { - left: 83.33333%; } - .push-sm-11 { - left: 91.66667%; } - .push-sm-12 { - left: 100%; } - .offset-sm-0 { - margin-left: 0%; } - .offset-sm-1 { - margin-left: 8.33333%; } - .offset-sm-2 { - margin-left: 16.66667%; } - .offset-sm-3 { - margin-left: 25%; } - .offset-sm-4 { - margin-left: 33.33333%; } - .offset-sm-5 { - margin-left: 41.66667%; } - .offset-sm-6 { - margin-left: 50%; } - .offset-sm-7 { - margin-left: 58.33333%; } - .offset-sm-8 { - margin-left: 66.66667%; } - .offset-sm-9 { - margin-left: 75%; } - .offset-sm-10 { - margin-left: 83.33333%; } - .offset-sm-11 { - margin-left: 91.66667%; } } + .order-sm-1 { + order: 1; } + .order-sm-2 { + order: 2; } + .order-sm-3 { + order: 3; } + .order-sm-4 { + order: 4; } + .order-sm-5 { + order: 5; } + .order-sm-6 { + order: 6; } + .order-sm-7 { + order: 7; } + .order-sm-8 { + order: 8; } + .order-sm-9 { + order: 9; } + .order-sm-10 { + order: 10; } + .order-sm-11 { + order: 11; } + .order-sm-12 { + order: 12; } } @media (min-width: 768px) { .col-md { @@ -1012,7 +703,8 @@ pre { max-width: 100%; } .col-md-auto { flex: 0 0 auto; - width: auto; } + width: auto; + max-width: none; } .col-md-1 { flex: 0 0 8.33333%; max-width: 8.33333%; } @@ -1049,82 +741,30 @@ pre { .col-md-12 { flex: 0 0 100%; max-width: 100%; } - .pull-md-0 { - right: auto; } - .pull-md-1 { - right: 8.33333%; } - .pull-md-2 { - right: 16.66667%; } - .pull-md-3 { - right: 25%; } - .pull-md-4 { - right: 33.33333%; } - .pull-md-5 { - right: 41.66667%; } - .pull-md-6 { - right: 50%; } - .pull-md-7 { - right: 58.33333%; } - .pull-md-8 { - right: 66.66667%; } - .pull-md-9 { - right: 75%; } - .pull-md-10 { - right: 83.33333%; } - .pull-md-11 { - right: 91.66667%; } - .pull-md-12 { - right: 100%; } - .push-md-0 { - left: auto; } - .push-md-1 { - left: 8.33333%; } - .push-md-2 { - left: 16.66667%; } - .push-md-3 { - left: 25%; } - .push-md-4 { - left: 33.33333%; } - .push-md-5 { - left: 41.66667%; } - .push-md-6 { - left: 50%; } - .push-md-7 { - left: 58.33333%; } - .push-md-8 { - left: 66.66667%; } - .push-md-9 { - left: 75%; } - .push-md-10 { - left: 83.33333%; } - .push-md-11 { - left: 91.66667%; } - .push-md-12 { - left: 100%; } - .offset-md-0 { - margin-left: 0%; } - .offset-md-1 { - margin-left: 8.33333%; } - .offset-md-2 { - margin-left: 16.66667%; } - .offset-md-3 { - margin-left: 25%; } - .offset-md-4 { - margin-left: 33.33333%; } - .offset-md-5 { - margin-left: 41.66667%; } - .offset-md-6 { - margin-left: 50%; } - .offset-md-7 { - margin-left: 58.33333%; } - .offset-md-8 { - margin-left: 66.66667%; } - .offset-md-9 { - margin-left: 75%; } - .offset-md-10 { - margin-left: 83.33333%; } - .offset-md-11 { - margin-left: 91.66667%; } } + .order-md-1 { + order: 1; } + .order-md-2 { + order: 2; } + .order-md-3 { + order: 3; } + .order-md-4 { + order: 4; } + .order-md-5 { + order: 5; } + .order-md-6 { + order: 6; } + .order-md-7 { + order: 7; } + .order-md-8 { + order: 8; } + .order-md-9 { + order: 9; } + .order-md-10 { + order: 10; } + .order-md-11 { + order: 11; } + .order-md-12 { + order: 12; } } @media (min-width: 992px) { .col-lg { @@ -1133,7 +773,8 @@ pre { max-width: 100%; } .col-lg-auto { flex: 0 0 auto; - width: auto; } + width: auto; + max-width: none; } .col-lg-1 { flex: 0 0 8.33333%; max-width: 8.33333%; } @@ -1170,82 +811,30 @@ pre { .col-lg-12 { flex: 0 0 100%; max-width: 100%; } - .pull-lg-0 { - right: auto; } - .pull-lg-1 { - right: 8.33333%; } - .pull-lg-2 { - right: 16.66667%; } - .pull-lg-3 { - right: 25%; } - .pull-lg-4 { - right: 33.33333%; } - .pull-lg-5 { - right: 41.66667%; } - .pull-lg-6 { - right: 50%; } - .pull-lg-7 { - right: 58.33333%; } - .pull-lg-8 { - right: 66.66667%; } - .pull-lg-9 { - right: 75%; } - .pull-lg-10 { - right: 83.33333%; } - .pull-lg-11 { - right: 91.66667%; } - .pull-lg-12 { - right: 100%; } - .push-lg-0 { - left: auto; } - .push-lg-1 { - left: 8.33333%; } - .push-lg-2 { - left: 16.66667%; } - .push-lg-3 { - left: 25%; } - .push-lg-4 { - left: 33.33333%; } - .push-lg-5 { - left: 41.66667%; } - .push-lg-6 { - left: 50%; } - .push-lg-7 { - left: 58.33333%; } - .push-lg-8 { - left: 66.66667%; } - .push-lg-9 { - left: 75%; } - .push-lg-10 { - left: 83.33333%; } - .push-lg-11 { - left: 91.66667%; } - .push-lg-12 { - left: 100%; } - .offset-lg-0 { - margin-left: 0%; } - .offset-lg-1 { - margin-left: 8.33333%; } - .offset-lg-2 { - margin-left: 16.66667%; } - .offset-lg-3 { - margin-left: 25%; } - .offset-lg-4 { - margin-left: 33.33333%; } - .offset-lg-5 { - margin-left: 41.66667%; } - .offset-lg-6 { - margin-left: 50%; } - .offset-lg-7 { - margin-left: 58.33333%; } - .offset-lg-8 { - margin-left: 66.66667%; } - .offset-lg-9 { - margin-left: 75%; } - .offset-lg-10 { - margin-left: 83.33333%; } - .offset-lg-11 { - margin-left: 91.66667%; } } + .order-lg-1 { + order: 1; } + .order-lg-2 { + order: 2; } + .order-lg-3 { + order: 3; } + .order-lg-4 { + order: 4; } + .order-lg-5 { + order: 5; } + .order-lg-6 { + order: 6; } + .order-lg-7 { + order: 7; } + .order-lg-8 { + order: 8; } + .order-lg-9 { + order: 9; } + .order-lg-10 { + order: 10; } + .order-lg-11 { + order: 11; } + .order-lg-12 { + order: 12; } } @media (min-width: 1200px) { .col-xl { @@ -1254,7 +843,8 @@ pre { max-width: 100%; } .col-xl-auto { flex: 0 0 auto; - width: auto; } + width: auto; + max-width: none; } .col-xl-1 { flex: 0 0 8.33333%; max-width: 8.33333%; } @@ -1291,97 +881,46 @@ pre { .col-xl-12 { flex: 0 0 100%; max-width: 100%; } - .pull-xl-0 { - right: auto; } - .pull-xl-1 { - right: 8.33333%; } - .pull-xl-2 { - right: 16.66667%; } - .pull-xl-3 { - right: 25%; } - .pull-xl-4 { - right: 33.33333%; } - .pull-xl-5 { - right: 41.66667%; } - .pull-xl-6 { - right: 50%; } - .pull-xl-7 { - right: 58.33333%; } - .pull-xl-8 { - right: 66.66667%; } - .pull-xl-9 { - right: 75%; } - .pull-xl-10 { - right: 83.33333%; } - .pull-xl-11 { - right: 91.66667%; } - .pull-xl-12 { - right: 100%; } - .push-xl-0 { - left: auto; } - .push-xl-1 { - left: 8.33333%; } - .push-xl-2 { - left: 16.66667%; } - .push-xl-3 { - left: 25%; } - .push-xl-4 { - left: 33.33333%; } - .push-xl-5 { - left: 41.66667%; } - .push-xl-6 { - left: 50%; } - .push-xl-7 { - left: 58.33333%; } - .push-xl-8 { - left: 66.66667%; } - .push-xl-9 { - left: 75%; } - .push-xl-10 { - left: 83.33333%; } - .push-xl-11 { - left: 91.66667%; } - .push-xl-12 { - left: 100%; } - .offset-xl-0 { - margin-left: 0%; } - .offset-xl-1 { - margin-left: 8.33333%; } - .offset-xl-2 { - margin-left: 16.66667%; } - .offset-xl-3 { - margin-left: 25%; } - .offset-xl-4 { - margin-left: 33.33333%; } - .offset-xl-5 { - margin-left: 41.66667%; } - .offset-xl-6 { - margin-left: 50%; } - .offset-xl-7 { - margin-left: 58.33333%; } - .offset-xl-8 { - margin-left: 66.66667%; } - .offset-xl-9 { - margin-left: 75%; } - .offset-xl-10 { - margin-left: 83.33333%; } - .offset-xl-11 { - margin-left: 91.66667%; } } + .order-xl-1 { + order: 1; } + .order-xl-2 { + order: 2; } + .order-xl-3 { + order: 3; } + .order-xl-4 { + order: 4; } + .order-xl-5 { + order: 5; } + .order-xl-6 { + order: 6; } + .order-xl-7 { + order: 7; } + .order-xl-8 { + order: 8; } + .order-xl-9 { + order: 9; } + .order-xl-10 { + order: 10; } + .order-xl-11 { + order: 11; } + .order-xl-12 { + order: 12; } } .table { width: 100%; max-width: 100%; - margin-bottom: 1rem; } + margin-bottom: 1rem; + background-color: transparent; } .table th, .table td { padding: 0.75rem; vertical-align: top; - border-top: 1px solid #eceeef; } + border-top: 1px solid #e9ecef; } .table thead th { vertical-align: bottom; - border-bottom: 2px solid #eceeef; } + border-bottom: 2px solid #e9ecef; } .table tbody + tbody { - border-top: 2px solid #eceeef; } + border-top: 2px solid #e9ecef; } .table .table { background-color: #fff; } @@ -1390,10 +929,10 @@ pre { padding: 0.3rem; } .table-bordered { - border: 1px solid #eceeef; } + border: 1px solid #e9ecef; } .table-bordered th, .table-bordered td { - border: 1px solid #eceeef; } + border: 1px solid #e9ecef; } .table-bordered thead th, .table-bordered thead td { border-bottom-width: 2px; } @@ -1404,6 +943,94 @@ pre { .table-hover tbody tr:hover { background-color: rgba(0, 0, 0, 0.075); } +.table-primary, +.table-primary > th, +.table-primary > td { + background-color: #b8daff; } + +.table-hover .table-primary:hover { + background-color: #9fcdff; } + .table-hover .table-primary:hover > td, + .table-hover .table-primary:hover > th { + background-color: #9fcdff; } + +.table-secondary, +.table-secondary > th, +.table-secondary > td { + background-color: #dddfe2; } + +.table-hover .table-secondary:hover { + background-color: #cfd2d6; } + .table-hover .table-secondary:hover > td, + .table-hover .table-secondary:hover > th { + background-color: #cfd2d6; } + +.table-success, +.table-success > th, +.table-success > td { + background-color: #c3e6cb; } + +.table-hover .table-success:hover { + background-color: #b1dfbb; } + .table-hover .table-success:hover > td, + .table-hover .table-success:hover > th { + background-color: #b1dfbb; } + +.table-info, +.table-info > th, +.table-info > td { + background-color: #bee5eb; } + +.table-hover .table-info:hover { + background-color: #abdde5; } + .table-hover .table-info:hover > td, + .table-hover .table-info:hover > th { + background-color: #abdde5; } + +.table-warning, +.table-warning > th, +.table-warning > td { + background-color: #ffeeba; } + +.table-hover .table-warning:hover { + background-color: #ffe8a1; } + .table-hover .table-warning:hover > td, + .table-hover .table-warning:hover > th { + background-color: #ffe8a1; } + +.table-danger, +.table-danger > th, +.table-danger > td { + background-color: #f5c6cb; } + +.table-hover .table-danger:hover { + background-color: #f1b0b7; } + .table-hover .table-danger:hover > td, + .table-hover .table-danger:hover > th { + background-color: #f1b0b7; } + +.table-light, +.table-light > th, +.table-light > td { + background-color: #fdfdfe; } + +.table-hover .table-light:hover { + background-color: #ececf6; } + .table-hover .table-light:hover > td, + .table-hover .table-light:hover > th { + background-color: #ececf6; } + +.table-dark, +.table-dark > th, +.table-dark > td { + background-color: #c6c8ca; } + +.table-hover .table-dark:hover { + background-color: #b9bbbe; } + .table-hover .table-dark:hover > td, + .table-hover .table-dark:hover > th { + background-color: #b9bbbe; } + .table-active, .table-active > th, .table-active > td { @@ -1415,75 +1042,36 @@ pre { .table-hover .table-active:hover > th { background-color: rgba(0, 0, 0, 0.075); } -.table-success, -.table-success > th, -.table-success > td { - background-color: #dff0d8; } - -.table-hover .table-success:hover { - background-color: #d0e9c6; } - .table-hover .table-success:hover > td, - .table-hover .table-success:hover > th { - background-color: #d0e9c6; } - -.table-info, -.table-info > th, -.table-info > td { - background-color: #d9edf7; } - -.table-hover .table-info:hover { - background-color: #c4e3f3; } - .table-hover .table-info:hover > td, - .table-hover .table-info:hover > th { - background-color: #c4e3f3; } - -.table-warning, -.table-warning > th, -.table-warning > td { - background-color: #fcf8e3; } - -.table-hover .table-warning:hover { - background-color: #faf2cc; } - .table-hover .table-warning:hover > td, - .table-hover .table-warning:hover > th { - background-color: #faf2cc; } - -.table-danger, -.table-danger > th, -.table-danger > td { - background-color: #f2dede; } - -.table-hover .table-danger:hover { - background-color: #ebcccc; } - .table-hover .table-danger:hover > td, - .table-hover .table-danger:hover > th { - background-color: #ebcccc; } - .thead-inverse th { color: #fff; - background-color: #292b2c; } + background-color: #212529; } .thead-default th { - color: #464a4c; - background-color: #eceeef; } + color: #495057; + background-color: #e9ecef; } .table-inverse { color: #fff; - background-color: #292b2c; } + background-color: #212529; } .table-inverse th, .table-inverse td, .table-inverse thead th { - border-color: #fff; } + border-color: #32383e; } .table-inverse.table-bordered { border: 0; } + .table-inverse.table-striped tbody tr:nth-of-type(odd) { + background-color: rgba(255, 255, 255, 0.05); } + .table-inverse.table-hover tbody tr:hover { + background-color: rgba(255, 255, 255, 0.075); } -.table-responsive { - display: block; - width: 100%; - overflow-x: auto; - -ms-overflow-style: -ms-autohiding-scrollbar; } - .table-responsive.table-bordered { - border: 0; } +@media (max-width: 991px) { + .table-responsive { + display: block; + width: 100%; + overflow-x: auto; + -ms-overflow-style: -ms-autohiding-scrollbar; } + .table-responsive.table-bordered { + border: 0; } } .form-control, .wpcf7 input[type=text], .wpcf7 input[type=search], @@ -1508,7 +1096,7 @@ pre { padding: 0.5rem 0.75rem; font-size: 1rem; line-height: 1.25; - color: #464a4c; + color: #495057; background-color: #fff; background-image: none; background-clip: padding-box; @@ -1553,9 +1141,9 @@ pre { .wpcf7 input[type=submit]:focus, .wpcf7 select:focus, .wpcf7 textarea:focus, .wpcf7 .wpcf7-validation-errors:focus { - color: #464a4c; + color: #495057; background-color: #fff; - border-color: #bdaad9; + border-color: #80bdff; outline: none; } .form-control::placeholder, .wpcf7 input[type=text]::placeholder, .wpcf7 input[type=search]::placeholder, @@ -1575,7 +1163,7 @@ pre { .wpcf7 input[type=submit]::placeholder, .wpcf7 select::placeholder, .wpcf7 textarea::placeholder, .wpcf7 .wpcf7-validation-errors::placeholder { - color: #636c72; + color: #868e96; opacity: 1; } .form-control:disabled, .wpcf7 input[type=text]:disabled, .wpcf7 input[type=search]:disabled, @@ -1612,27 +1200,8 @@ pre { .wpcf7 input[readonly][type=submit], .wpcf7 select[readonly], .wpcf7 textarea[readonly], .wpcf7 [readonly].wpcf7-validation-errors { - background-color: #eceeef; + background-color: #e9ecef; opacity: 1; } - .form-control:disabled, .wpcf7 input[type=text]:disabled, - .wpcf7 input[type=search]:disabled, - .wpcf7 input[type=url]:disabled, - .wpcf7 input[type=tel]:disabled, - .wpcf7 input[type=number]:disabled, - .wpcf7 input[type=range]:disabled, - .wpcf7 input[type=date]:disabled, - .wpcf7 input[type=month]:disabled, - .wpcf7 input[type=week]:disabled, - .wpcf7 input[type=time]:disabled, - .wpcf7 input[type=datetime]:disabled, - .wpcf7 input[type=datetime-local]:disabled, - .wpcf7 input[type=color]:disabled, - .wpcf7 input[type=email]:disabled, - .wpcf7 input[type=file]:disabled, - .wpcf7 input[type=submit]:disabled, - .wpcf7 select:disabled, - .wpcf7 textarea:disabled, .wpcf7 .wpcf7-validation-errors:disabled { - cursor: not-allowed; } select.form-control:not([size]):not([multiple]), .wpcf7 select:not([size]):not([multiple]) { @@ -1640,7 +1209,7 @@ select.form-control:not([size]):not([multiple]), select.form-control:focus::-ms-value, .wpcf7 select:focus::-ms-value { - color: #464a4c; + color: #495057; background-color: #fff; } .form-control-file, @@ -1653,8 +1222,8 @@ select.form-control:focus::-ms-value, margin-bottom: 0; } .col-form-label-lg { - padding-top: calc(0.75rem - 1px * 2); - padding-bottom: calc(0.75rem - 1px * 2); + padding-top: calc(0.5rem - 1px * 2); + padding-bottom: calc(0.5rem - 1px * 2); font-size: 1.25rem; } .col-form-label-sm { @@ -1668,54 +1237,54 @@ select.form-control:focus::-ms-value, margin-bottom: 0; font-size: 1rem; } -.form-control-static { +.form-control-plaintext { padding-top: 0.5rem; padding-bottom: 0.5rem; margin-bottom: 0; line-height: 1.25; border: solid transparent; border-width: 1px 0; } - .form-control-static.form-control-sm, .input-group-sm > .form-control-static.form-control, .wpcf7 .input-group-sm > input.form-control-static[type=text], - .wpcf7 .input-group-sm > input.form-control-static[type=search], - .wpcf7 .input-group-sm > input.form-control-static[type=url], - .wpcf7 .input-group-sm > input.form-control-static[type=tel], - .wpcf7 .input-group-sm > input.form-control-static[type=number], - .wpcf7 .input-group-sm > input.form-control-static[type=range], - .wpcf7 .input-group-sm > input.form-control-static[type=date], - .wpcf7 .input-group-sm > input.form-control-static[type=month], - .wpcf7 .input-group-sm > input.form-control-static[type=week], - .wpcf7 .input-group-sm > input.form-control-static[type=time], - .wpcf7 .input-group-sm > input.form-control-static[type=datetime], - .wpcf7 .input-group-sm > input.form-control-static[type=datetime-local], - .wpcf7 .input-group-sm > input.form-control-static[type=color], - .wpcf7 .input-group-sm > input.form-control-static[type=email], - .wpcf7 .input-group-sm > input.form-control-static[type=file], - .wpcf7 .input-group-sm > input.form-control-static[type=submit], - .wpcf7 .input-group-sm > select.form-control-static, - .wpcf7 .input-group-sm > textarea.form-control-static, .wpcf7 .input-group-sm > .form-control-static.wpcf7-validation-errors, - .input-group-sm > .form-control-static.input-group-addon, - .input-group-sm > .input-group-btn > .form-control-static.btn, .wpcf7 - .input-group-sm > .input-group-btn > input.form-control-static[type=submit], .form-control-static.form-control-lg, .input-group-lg > .form-control-static.form-control, .wpcf7 .input-group-lg > input.form-control-static[type=text], - .wpcf7 .input-group-lg > input.form-control-static[type=search], - .wpcf7 .input-group-lg > input.form-control-static[type=url], - .wpcf7 .input-group-lg > input.form-control-static[type=tel], - .wpcf7 .input-group-lg > input.form-control-static[type=number], - .wpcf7 .input-group-lg > input.form-control-static[type=range], - .wpcf7 .input-group-lg > input.form-control-static[type=date], - .wpcf7 .input-group-lg > input.form-control-static[type=month], - .wpcf7 .input-group-lg > input.form-control-static[type=week], - .wpcf7 .input-group-lg > input.form-control-static[type=time], - .wpcf7 .input-group-lg > input.form-control-static[type=datetime], - .wpcf7 .input-group-lg > input.form-control-static[type=datetime-local], - .wpcf7 .input-group-lg > input.form-control-static[type=color], - .wpcf7 .input-group-lg > input.form-control-static[type=email], - .wpcf7 .input-group-lg > input.form-control-static[type=file], - .wpcf7 .input-group-lg > input.form-control-static[type=submit], - .wpcf7 .input-group-lg > select.form-control-static, - .wpcf7 .input-group-lg > textarea.form-control-static, .wpcf7 .input-group-lg > .form-control-static.wpcf7-validation-errors, - .input-group-lg > .form-control-static.input-group-addon, - .input-group-lg > .input-group-btn > .form-control-static.btn, .wpcf7 - .input-group-lg > .input-group-btn > input.form-control-static[type=submit] { + .form-control-plaintext.form-control-sm, .input-group-sm > .form-control-plaintext.form-control, .wpcf7 .input-group-sm > input.form-control-plaintext[type=text], + .wpcf7 .input-group-sm > input.form-control-plaintext[type=search], + .wpcf7 .input-group-sm > input.form-control-plaintext[type=url], + .wpcf7 .input-group-sm > input.form-control-plaintext[type=tel], + .wpcf7 .input-group-sm > input.form-control-plaintext[type=number], + .wpcf7 .input-group-sm > input.form-control-plaintext[type=range], + .wpcf7 .input-group-sm > input.form-control-plaintext[type=date], + .wpcf7 .input-group-sm > input.form-control-plaintext[type=month], + .wpcf7 .input-group-sm > input.form-control-plaintext[type=week], + .wpcf7 .input-group-sm > input.form-control-plaintext[type=time], + .wpcf7 .input-group-sm > input.form-control-plaintext[type=datetime], + .wpcf7 .input-group-sm > input.form-control-plaintext[type=datetime-local], + .wpcf7 .input-group-sm > input.form-control-plaintext[type=color], + .wpcf7 .input-group-sm > input.form-control-plaintext[type=email], + .wpcf7 .input-group-sm > input.form-control-plaintext[type=file], + .wpcf7 .input-group-sm > input.form-control-plaintext[type=submit], + .wpcf7 .input-group-sm > select.form-control-plaintext, + .wpcf7 .input-group-sm > textarea.form-control-plaintext, .wpcf7 .input-group-sm > .form-control-plaintext.wpcf7-validation-errors, + .input-group-sm > .form-control-plaintext.input-group-addon, + .input-group-sm > .input-group-btn > .form-control-plaintext.btn, .wpcf7 + .input-group-sm > .input-group-btn > input.form-control-plaintext[type=submit], .form-control-plaintext.form-control-lg, .input-group-lg > .form-control-plaintext.form-control, .wpcf7 .input-group-lg > input.form-control-plaintext[type=text], + .wpcf7 .input-group-lg > input.form-control-plaintext[type=search], + .wpcf7 .input-group-lg > input.form-control-plaintext[type=url], + .wpcf7 .input-group-lg > input.form-control-plaintext[type=tel], + .wpcf7 .input-group-lg > input.form-control-plaintext[type=number], + .wpcf7 .input-group-lg > input.form-control-plaintext[type=range], + .wpcf7 .input-group-lg > input.form-control-plaintext[type=date], + .wpcf7 .input-group-lg > input.form-control-plaintext[type=month], + .wpcf7 .input-group-lg > input.form-control-plaintext[type=week], + .wpcf7 .input-group-lg > input.form-control-plaintext[type=time], + .wpcf7 .input-group-lg > input.form-control-plaintext[type=datetime], + .wpcf7 .input-group-lg > input.form-control-plaintext[type=datetime-local], + .wpcf7 .input-group-lg > input.form-control-plaintext[type=color], + .wpcf7 .input-group-lg > input.form-control-plaintext[type=email], + .wpcf7 .input-group-lg > input.form-control-plaintext[type=file], + .wpcf7 .input-group-lg > input.form-control-plaintext[type=submit], + .wpcf7 .input-group-lg > select.form-control-plaintext, + .wpcf7 .input-group-lg > textarea.form-control-plaintext, .wpcf7 .input-group-lg > .form-control-plaintext.wpcf7-validation-errors, + .input-group-lg > .form-control-plaintext.input-group-addon, + .input-group-lg > .input-group-btn > .form-control-plaintext.btn, .wpcf7 + .input-group-lg > .input-group-btn > input.form-control-plaintext[type=submit] { padding-right: 0; padding-left: 0; } @@ -1742,13 +1311,14 @@ select.form-control:focus::-ms-value, .input-group-sm > .input-group-btn > input[type=submit] { padding: 0.25rem 0.5rem; font-size: 0.875rem; + line-height: 1.5; border-radius: 0.2rem; } select.form-control-sm:not([size]):not([multiple]), .input-group-sm > select.form-control:not([size]):not([multiple]), .wpcf7 .input-group-sm > select:not([size]):not([multiple]), .input-group-sm > select.input-group-addon:not([size]):not([multiple]), .input-group-sm > .input-group-btn > select.btn:not([size]):not([multiple]) { - height: 1.8125rem; } + height: calc(1.8125rem + 2px); } .form-control-lg, .input-group-lg > .form-control, .wpcf7 .input-group-lg > input[type=text], .wpcf7 .input-group-lg > input[type=search], @@ -1771,15 +1341,16 @@ select.form-control-sm:not([size]):not([multiple]), .input-group-sm > select.for .input-group-lg > .input-group-addon, .input-group-lg > .input-group-btn > .btn, .wpcf7 .input-group-lg > .input-group-btn > input[type=submit] { - padding: 0.75rem 1.5rem; + padding: 0.5rem 1rem; font-size: 1.25rem; + line-height: 1.5; border-radius: 0.3rem; } select.form-control-lg:not([size]):not([multiple]), .input-group-lg > select.form-control:not([size]):not([multiple]), .wpcf7 .input-group-lg > select:not([size]):not([multiple]), .input-group-lg > select.input-group-addon:not([size]):not([multiple]), .input-group-lg > .input-group-btn > select.btn:not([size]):not([multiple]) { - height: 3.16667rem; } + height: calc(2.875rem + 2px); } .form-group, .wpcf7 .wpcf7-form p { margin-bottom: 1rem; } @@ -1788,25 +1359,31 @@ select.form-control-lg:not([size]):not([multiple]), .input-group-lg > select.for display: block; margin-top: 0.25rem; } +.form-row { + display: flex; + flex-wrap: wrap; + margin-right: -5px; + margin-left: -5px; } + .form-row > .col, + .form-row > [class*="col-"] { + padding-right: 5px; + padding-left: 5px; } + .form-check { position: relative; display: block; margin-bottom: 0.5rem; } .form-check.disabled .form-check-label { - color: #636c72; - cursor: not-allowed; } + color: #868e96; } .form-check-label { padding-left: 1.25rem; - margin-bottom: 0; - cursor: pointer; } + margin-bottom: 0; } .form-check-input { position: absolute; margin-top: 0.25rem; margin-left: -1.25rem; } - .form-check-input:only-child { - position: static; } .form-check-inline { display: inline-block; } @@ -1815,172 +1392,579 @@ select.form-control-lg:not([size]):not([multiple]), .input-group-lg > select.for .form-check-inline + .form-check-inline { margin-left: 0.75rem; } -.form-control-feedback { - margin-top: 0.25rem; } +.invalid-feedback { + display: none; + margin-top: .25rem; + font-size: .875rem; + color: #dc3545; } -.form-control-success, -.form-control-warning, -.form-control-danger { - padding-right: 2.25rem; - background-repeat: no-repeat; - background-position: center right 0.5625rem; - background-size: 1.125rem 1.125rem; } +.invalid-tooltip { + position: absolute; + top: 100%; + z-index: 5; + display: none; + width: 250px; + padding: .5rem; + margin-top: .1rem; + font-size: .875rem; + line-height: 1; + color: #fff; + background-color: rgba(220, 53, 69, 0.8); + border-radius: .2rem; } -.has-success .form-control-feedback, -.has-success .form-control-label, -.has-success .col-form-label, -.has-success .form-check-label, -.has-success .custom-control { - color: #5cb85c; } +.was-validated .form-control:valid, .was-validated .wpcf7 input[type=text]:valid, .wpcf7 .was-validated input[type=text]:valid, .was-validated +.wpcf7 input[type=search]:valid, +.wpcf7 .was-validated input[type=search]:valid, .was-validated +.wpcf7 input[type=url]:valid, +.wpcf7 .was-validated input[type=url]:valid, .was-validated +.wpcf7 input[type=tel]:valid, +.wpcf7 .was-validated input[type=tel]:valid, .was-validated +.wpcf7 input[type=number]:valid, +.wpcf7 .was-validated input[type=number]:valid, .was-validated +.wpcf7 input[type=range]:valid, +.wpcf7 .was-validated input[type=range]:valid, .was-validated +.wpcf7 input[type=date]:valid, +.wpcf7 .was-validated input[type=date]:valid, .was-validated +.wpcf7 input[type=month]:valid, +.wpcf7 .was-validated input[type=month]:valid, .was-validated +.wpcf7 input[type=week]:valid, +.wpcf7 .was-validated input[type=week]:valid, .was-validated +.wpcf7 input[type=time]:valid, +.wpcf7 .was-validated input[type=time]:valid, .was-validated +.wpcf7 input[type=datetime]:valid, +.wpcf7 .was-validated input[type=datetime]:valid, .was-validated +.wpcf7 input[type=datetime-local]:valid, +.wpcf7 .was-validated input[type=datetime-local]:valid, .was-validated +.wpcf7 input[type=color]:valid, +.wpcf7 .was-validated input[type=color]:valid, .was-validated +.wpcf7 input[type=email]:valid, +.wpcf7 .was-validated input[type=email]:valid, .was-validated +.wpcf7 input[type=file]:valid, +.wpcf7 .was-validated input[type=file]:valid, .was-validated +.wpcf7 input[type=submit]:valid, +.wpcf7 .was-validated input[type=submit]:valid, .was-validated +.wpcf7 select:valid, +.wpcf7 .was-validated select:valid, .was-validated +.wpcf7 textarea:valid, +.wpcf7 .was-validated textarea:valid, .was-validated .wpcf7 .wpcf7-validation-errors:valid, .wpcf7 .was-validated .wpcf7-validation-errors:valid, .form-control.is-valid, .wpcf7 input.is-valid[type=text], +.wpcf7 input.is-valid[type=search], +.wpcf7 input.is-valid[type=url], +.wpcf7 input.is-valid[type=tel], +.wpcf7 input.is-valid[type=number], +.wpcf7 input.is-valid[type=range], +.wpcf7 input.is-valid[type=date], +.wpcf7 input.is-valid[type=month], +.wpcf7 input.is-valid[type=week], +.wpcf7 input.is-valid[type=time], +.wpcf7 input.is-valid[type=datetime], +.wpcf7 input.is-valid[type=datetime-local], +.wpcf7 input.is-valid[type=color], +.wpcf7 input.is-valid[type=email], +.wpcf7 input.is-valid[type=file], +.wpcf7 input.is-valid[type=submit], +.wpcf7 select.is-valid, +.wpcf7 textarea.is-valid, .wpcf7 .is-valid.wpcf7-validation-errors, .was-validated +.custom-select:valid, +.custom-select.is-valid { + border-color: #28a745; } + .was-validated .form-control:valid:focus, .was-validated .wpcf7 input[type=text]:valid:focus, .wpcf7 .was-validated input[type=text]:valid:focus, .was-validated + .wpcf7 input[type=search]:valid:focus, + .wpcf7 .was-validated input[type=search]:valid:focus, .was-validated + .wpcf7 input[type=url]:valid:focus, + .wpcf7 .was-validated input[type=url]:valid:focus, .was-validated + .wpcf7 input[type=tel]:valid:focus, + .wpcf7 .was-validated input[type=tel]:valid:focus, .was-validated + .wpcf7 input[type=number]:valid:focus, + .wpcf7 .was-validated input[type=number]:valid:focus, .was-validated + .wpcf7 input[type=range]:valid:focus, + .wpcf7 .was-validated input[type=range]:valid:focus, .was-validated + .wpcf7 input[type=date]:valid:focus, + .wpcf7 .was-validated input[type=date]:valid:focus, .was-validated + .wpcf7 input[type=month]:valid:focus, + .wpcf7 .was-validated input[type=month]:valid:focus, .was-validated + .wpcf7 input[type=week]:valid:focus, + .wpcf7 .was-validated input[type=week]:valid:focus, .was-validated + .wpcf7 input[type=time]:valid:focus, + .wpcf7 .was-validated input[type=time]:valid:focus, .was-validated + .wpcf7 input[type=datetime]:valid:focus, + .wpcf7 .was-validated input[type=datetime]:valid:focus, .was-validated + .wpcf7 input[type=datetime-local]:valid:focus, + .wpcf7 .was-validated input[type=datetime-local]:valid:focus, .was-validated + .wpcf7 input[type=color]:valid:focus, + .wpcf7 .was-validated input[type=color]:valid:focus, .was-validated + .wpcf7 input[type=email]:valid:focus, + .wpcf7 .was-validated input[type=email]:valid:focus, .was-validated + .wpcf7 input[type=file]:valid:focus, + .wpcf7 .was-validated input[type=file]:valid:focus, .was-validated + .wpcf7 input[type=submit]:valid:focus, + .wpcf7 .was-validated input[type=submit]:valid:focus, .was-validated + .wpcf7 select:valid:focus, + .wpcf7 .was-validated select:valid:focus, .was-validated + .wpcf7 textarea:valid:focus, + .wpcf7 .was-validated textarea:valid:focus, .was-validated .wpcf7 .wpcf7-validation-errors:valid:focus, .wpcf7 .was-validated .wpcf7-validation-errors:valid:focus, .form-control.is-valid:focus, .wpcf7 input.is-valid[type=text]:focus, + .wpcf7 input.is-valid[type=search]:focus, + .wpcf7 input.is-valid[type=url]:focus, + .wpcf7 input.is-valid[type=tel]:focus, + .wpcf7 input.is-valid[type=number]:focus, + .wpcf7 input.is-valid[type=range]:focus, + .wpcf7 input.is-valid[type=date]:focus, + .wpcf7 input.is-valid[type=month]:focus, + .wpcf7 input.is-valid[type=week]:focus, + .wpcf7 input.is-valid[type=time]:focus, + .wpcf7 input.is-valid[type=datetime]:focus, + .wpcf7 input.is-valid[type=datetime-local]:focus, + .wpcf7 input.is-valid[type=color]:focus, + .wpcf7 input.is-valid[type=email]:focus, + .wpcf7 input.is-valid[type=file]:focus, + .wpcf7 input.is-valid[type=submit]:focus, + .wpcf7 select.is-valid:focus, + .wpcf7 textarea.is-valid:focus, .wpcf7 .is-valid.wpcf7-validation-errors:focus, .was-validated + .custom-select:valid:focus, + .custom-select.is-valid:focus { + box-shadow: 0 0 0 0.2rem rgba(40, 167, 69, 0.25); } + .was-validated .form-control:valid ~ .invalid-feedback, .was-validated .wpcf7 input[type=text]:valid ~ .invalid-feedback, .wpcf7 .was-validated input[type=text]:valid ~ .invalid-feedback, .was-validated + .wpcf7 input[type=search]:valid ~ .invalid-feedback, + .wpcf7 .was-validated input[type=search]:valid ~ .invalid-feedback, .was-validated + .wpcf7 input[type=url]:valid ~ .invalid-feedback, + .wpcf7 .was-validated input[type=url]:valid ~ .invalid-feedback, .was-validated + .wpcf7 input[type=tel]:valid ~ .invalid-feedback, + .wpcf7 .was-validated input[type=tel]:valid ~ .invalid-feedback, .was-validated + .wpcf7 input[type=number]:valid ~ .invalid-feedback, + .wpcf7 .was-validated input[type=number]:valid ~ .invalid-feedback, .was-validated + .wpcf7 input[type=range]:valid ~ .invalid-feedback, + .wpcf7 .was-validated input[type=range]:valid ~ .invalid-feedback, .was-validated + .wpcf7 input[type=date]:valid ~ .invalid-feedback, + .wpcf7 .was-validated input[type=date]:valid ~ .invalid-feedback, .was-validated + .wpcf7 input[type=month]:valid ~ .invalid-feedback, + .wpcf7 .was-validated input[type=month]:valid ~ .invalid-feedback, .was-validated + .wpcf7 input[type=week]:valid ~ .invalid-feedback, + .wpcf7 .was-validated input[type=week]:valid ~ .invalid-feedback, .was-validated + .wpcf7 input[type=time]:valid ~ .invalid-feedback, + .wpcf7 .was-validated input[type=time]:valid ~ .invalid-feedback, .was-validated + .wpcf7 input[type=datetime]:valid ~ .invalid-feedback, + .wpcf7 .was-validated input[type=datetime]:valid ~ .invalid-feedback, .was-validated + .wpcf7 input[type=datetime-local]:valid ~ .invalid-feedback, + .wpcf7 .was-validated input[type=datetime-local]:valid ~ .invalid-feedback, .was-validated + .wpcf7 input[type=color]:valid ~ .invalid-feedback, + .wpcf7 .was-validated input[type=color]:valid ~ .invalid-feedback, .was-validated + .wpcf7 input[type=email]:valid ~ .invalid-feedback, + .wpcf7 .was-validated input[type=email]:valid ~ .invalid-feedback, .was-validated + .wpcf7 input[type=file]:valid ~ .invalid-feedback, + .wpcf7 .was-validated input[type=file]:valid ~ .invalid-feedback, .was-validated + .wpcf7 input[type=submit]:valid ~ .invalid-feedback, + .wpcf7 .was-validated input[type=submit]:valid ~ .invalid-feedback, .was-validated + .wpcf7 select:valid ~ .invalid-feedback, + .wpcf7 .was-validated select:valid ~ .invalid-feedback, .was-validated + .wpcf7 textarea:valid ~ .invalid-feedback, + .wpcf7 .was-validated textarea:valid ~ .invalid-feedback, .was-validated .wpcf7 .wpcf7-validation-errors:valid ~ .invalid-feedback, .wpcf7 .was-validated .wpcf7-validation-errors:valid ~ .invalid-feedback, + .was-validated .form-control:valid ~ .invalid-tooltip, + .was-validated .wpcf7 input[type=text]:valid ~ .invalid-tooltip, .wpcf7 + .was-validated input[type=text]:valid ~ .invalid-tooltip, + .was-validated + .wpcf7 input[type=search]:valid ~ .invalid-tooltip, + .wpcf7 + .was-validated input[type=search]:valid ~ .invalid-tooltip, + .was-validated + .wpcf7 input[type=url]:valid ~ .invalid-tooltip, + .wpcf7 + .was-validated input[type=url]:valid ~ .invalid-tooltip, + .was-validated + .wpcf7 input[type=tel]:valid ~ .invalid-tooltip, + .wpcf7 + .was-validated input[type=tel]:valid ~ .invalid-tooltip, + .was-validated + .wpcf7 input[type=number]:valid ~ .invalid-tooltip, + .wpcf7 + .was-validated input[type=number]:valid ~ .invalid-tooltip, + .was-validated + .wpcf7 input[type=range]:valid ~ .invalid-tooltip, + .wpcf7 + .was-validated input[type=range]:valid ~ .invalid-tooltip, + .was-validated + .wpcf7 input[type=date]:valid ~ .invalid-tooltip, + .wpcf7 + .was-validated input[type=date]:valid ~ .invalid-tooltip, + .was-validated + .wpcf7 input[type=month]:valid ~ .invalid-tooltip, + .wpcf7 + .was-validated input[type=month]:valid ~ .invalid-tooltip, + .was-validated + .wpcf7 input[type=week]:valid ~ .invalid-tooltip, + .wpcf7 + .was-validated input[type=week]:valid ~ .invalid-tooltip, + .was-validated + .wpcf7 input[type=time]:valid ~ .invalid-tooltip, + .wpcf7 + .was-validated input[type=time]:valid ~ .invalid-tooltip, + .was-validated + .wpcf7 input[type=datetime]:valid ~ .invalid-tooltip, + .wpcf7 + .was-validated input[type=datetime]:valid ~ .invalid-tooltip, + .was-validated + .wpcf7 input[type=datetime-local]:valid ~ .invalid-tooltip, + .wpcf7 + .was-validated input[type=datetime-local]:valid ~ .invalid-tooltip, + .was-validated + .wpcf7 input[type=color]:valid ~ .invalid-tooltip, + .wpcf7 + .was-validated input[type=color]:valid ~ .invalid-tooltip, + .was-validated + .wpcf7 input[type=email]:valid ~ .invalid-tooltip, + .wpcf7 + .was-validated input[type=email]:valid ~ .invalid-tooltip, + .was-validated + .wpcf7 input[type=file]:valid ~ .invalid-tooltip, + .wpcf7 + .was-validated input[type=file]:valid ~ .invalid-tooltip, + .was-validated + .wpcf7 input[type=submit]:valid ~ .invalid-tooltip, + .wpcf7 + .was-validated input[type=submit]:valid ~ .invalid-tooltip, + .was-validated + .wpcf7 select:valid ~ .invalid-tooltip, + .wpcf7 + .was-validated select:valid ~ .invalid-tooltip, + .was-validated + .wpcf7 textarea:valid ~ .invalid-tooltip, + .wpcf7 + .was-validated textarea:valid ~ .invalid-tooltip, + .was-validated .wpcf7 .wpcf7-validation-errors:valid ~ .invalid-tooltip, .wpcf7 + .was-validated .wpcf7-validation-errors:valid ~ .invalid-tooltip, .form-control.is-valid ~ .invalid-feedback, .wpcf7 input.is-valid[type=text] ~ .invalid-feedback, + .wpcf7 input.is-valid[type=search] ~ .invalid-feedback, + .wpcf7 input.is-valid[type=url] ~ .invalid-feedback, + .wpcf7 input.is-valid[type=tel] ~ .invalid-feedback, + .wpcf7 input.is-valid[type=number] ~ .invalid-feedback, + .wpcf7 input.is-valid[type=range] ~ .invalid-feedback, + .wpcf7 input.is-valid[type=date] ~ .invalid-feedback, + .wpcf7 input.is-valid[type=month] ~ .invalid-feedback, + .wpcf7 input.is-valid[type=week] ~ .invalid-feedback, + .wpcf7 input.is-valid[type=time] ~ .invalid-feedback, + .wpcf7 input.is-valid[type=datetime] ~ .invalid-feedback, + .wpcf7 input.is-valid[type=datetime-local] ~ .invalid-feedback, + .wpcf7 input.is-valid[type=color] ~ .invalid-feedback, + .wpcf7 input.is-valid[type=email] ~ .invalid-feedback, + .wpcf7 input.is-valid[type=file] ~ .invalid-feedback, + .wpcf7 input.is-valid[type=submit] ~ .invalid-feedback, + .wpcf7 select.is-valid ~ .invalid-feedback, + .wpcf7 textarea.is-valid ~ .invalid-feedback, .wpcf7 .is-valid.wpcf7-validation-errors ~ .invalid-feedback, + .form-control.is-valid ~ .invalid-tooltip, .wpcf7 input.is-valid[type=text] ~ .invalid-tooltip, + .wpcf7 input.is-valid[type=search] ~ .invalid-tooltip, + .wpcf7 input.is-valid[type=url] ~ .invalid-tooltip, + .wpcf7 input.is-valid[type=tel] ~ .invalid-tooltip, + .wpcf7 input.is-valid[type=number] ~ .invalid-tooltip, + .wpcf7 input.is-valid[type=range] ~ .invalid-tooltip, + .wpcf7 input.is-valid[type=date] ~ .invalid-tooltip, + .wpcf7 input.is-valid[type=month] ~ .invalid-tooltip, + .wpcf7 input.is-valid[type=week] ~ .invalid-tooltip, + .wpcf7 input.is-valid[type=time] ~ .invalid-tooltip, + .wpcf7 input.is-valid[type=datetime] ~ .invalid-tooltip, + .wpcf7 input.is-valid[type=datetime-local] ~ .invalid-tooltip, + .wpcf7 input.is-valid[type=color] ~ .invalid-tooltip, + .wpcf7 input.is-valid[type=email] ~ .invalid-tooltip, + .wpcf7 input.is-valid[type=file] ~ .invalid-tooltip, + .wpcf7 input.is-valid[type=submit] ~ .invalid-tooltip, + .wpcf7 select.is-valid ~ .invalid-tooltip, + .wpcf7 textarea.is-valid ~ .invalid-tooltip, .wpcf7 .is-valid.wpcf7-validation-errors ~ .invalid-tooltip, .was-validated + .custom-select:valid ~ .invalid-feedback, + .was-validated + .custom-select:valid ~ .invalid-tooltip, + .custom-select.is-valid ~ .invalid-feedback, + .custom-select.is-valid ~ .invalid-tooltip { + display: block; } -.has-success .form-control, .has-success .wpcf7 input[type=text], .wpcf7 .has-success input[type=text], .has-success -.wpcf7 input[type=search], -.wpcf7 .has-success input[type=search], .has-success -.wpcf7 input[type=url], -.wpcf7 .has-success input[type=url], .has-success -.wpcf7 input[type=tel], -.wpcf7 .has-success input[type=tel], .has-success -.wpcf7 input[type=number], -.wpcf7 .has-success input[type=number], .has-success -.wpcf7 input[type=range], -.wpcf7 .has-success input[type=range], .has-success -.wpcf7 input[type=date], -.wpcf7 .has-success input[type=date], .has-success -.wpcf7 input[type=month], -.wpcf7 .has-success input[type=month], .has-success -.wpcf7 input[type=week], -.wpcf7 .has-success input[type=week], .has-success -.wpcf7 input[type=time], -.wpcf7 .has-success input[type=time], .has-success -.wpcf7 input[type=datetime], -.wpcf7 .has-success input[type=datetime], .has-success -.wpcf7 input[type=datetime-local], -.wpcf7 .has-success input[type=datetime-local], .has-success -.wpcf7 input[type=color], -.wpcf7 .has-success input[type=color], .has-success -.wpcf7 input[type=email], -.wpcf7 .has-success input[type=email], .has-success -.wpcf7 input[type=file], -.wpcf7 .has-success input[type=file], .has-success -.wpcf7 input[type=submit], -.wpcf7 .has-success input[type=submit], .has-success -.wpcf7 select, -.wpcf7 .has-success select, .has-success -.wpcf7 textarea, -.wpcf7 .has-success textarea, .has-success .wpcf7 .wpcf7-validation-errors, .wpcf7 .has-success .wpcf7-validation-errors { - border-color: #5cb85c; } +.was-validated .form-check-input:valid + .form-check-label, .form-check-input.is-valid + .form-check-label { + color: #28a745; } -.has-success .input-group-addon { - color: #5cb85c; - border-color: #5cb85c; - background-color: #eaf6ea; } +.was-validated .custom-control-input:valid ~ .custom-control-indicator, .custom-control-input.is-valid ~ .custom-control-indicator { + background-color: rgba(40, 167, 69, 0.25); } -.has-success .form-control-success { - 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='%235cb85c' 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"); } +.was-validated .custom-control-input:valid ~ .custom-control-description, .custom-control-input.is-valid ~ .custom-control-description { + color: #28a745; } -.has-warning .form-control-feedback, -.has-warning .form-control-label, -.has-warning .col-form-label, -.has-warning .form-check-label, -.has-warning .custom-control { - color: #f0ad4e; } +.was-validated .custom-file-input:valid ~ .custom-file-control, .custom-file-input.is-valid ~ .custom-file-control { + border-color: #28a745; } + .was-validated .custom-file-input:valid ~ .custom-file-control::before, .custom-file-input.is-valid ~ .custom-file-control::before { + border-color: inherit; } -.has-warning .form-control, .has-warning .wpcf7 input[type=text], .wpcf7 .has-warning input[type=text], .has-warning -.wpcf7 input[type=search], -.wpcf7 .has-warning input[type=search], .has-warning -.wpcf7 input[type=url], -.wpcf7 .has-warning input[type=url], .has-warning -.wpcf7 input[type=tel], -.wpcf7 .has-warning input[type=tel], .has-warning -.wpcf7 input[type=number], -.wpcf7 .has-warning input[type=number], .has-warning -.wpcf7 input[type=range], -.wpcf7 .has-warning input[type=range], .has-warning -.wpcf7 input[type=date], -.wpcf7 .has-warning input[type=date], .has-warning -.wpcf7 input[type=month], -.wpcf7 .has-warning input[type=month], .has-warning -.wpcf7 input[type=week], -.wpcf7 .has-warning input[type=week], .has-warning -.wpcf7 input[type=time], -.wpcf7 .has-warning input[type=time], .has-warning -.wpcf7 input[type=datetime], -.wpcf7 .has-warning input[type=datetime], .has-warning -.wpcf7 input[type=datetime-local], -.wpcf7 .has-warning input[type=datetime-local], .has-warning -.wpcf7 input[type=color], -.wpcf7 .has-warning input[type=color], .has-warning -.wpcf7 input[type=email], -.wpcf7 .has-warning input[type=email], .has-warning -.wpcf7 input[type=file], -.wpcf7 .has-warning input[type=file], .has-warning -.wpcf7 input[type=submit], -.wpcf7 .has-warning input[type=submit], .has-warning -.wpcf7 select, -.wpcf7 .has-warning select, .has-warning -.wpcf7 textarea, -.wpcf7 .has-warning textarea, .has-warning .wpcf7 .wpcf7-validation-errors, .wpcf7 .has-warning .wpcf7-validation-errors { - border-color: #f0ad4e; } +.was-validated .custom-file-input:valid:focus, .custom-file-input.is-valid:focus { + box-shadow: 0 0 0 0.2rem rgba(40, 167, 69, 0.25); } -.has-warning .input-group-addon { - color: #f0ad4e; - border-color: #f0ad4e; - background-color: white; } +.was-validated .form-control:invalid, .was-validated .wpcf7 input[type=text]:invalid, .wpcf7 .was-validated input[type=text]:invalid, .was-validated +.wpcf7 input[type=search]:invalid, +.wpcf7 .was-validated input[type=search]:invalid, .was-validated +.wpcf7 input[type=url]:invalid, +.wpcf7 .was-validated input[type=url]:invalid, .was-validated +.wpcf7 input[type=tel]:invalid, +.wpcf7 .was-validated input[type=tel]:invalid, .was-validated +.wpcf7 input[type=number]:invalid, +.wpcf7 .was-validated input[type=number]:invalid, .was-validated +.wpcf7 input[type=range]:invalid, +.wpcf7 .was-validated input[type=range]:invalid, .was-validated +.wpcf7 input[type=date]:invalid, +.wpcf7 .was-validated input[type=date]:invalid, .was-validated +.wpcf7 input[type=month]:invalid, +.wpcf7 .was-validated input[type=month]:invalid, .was-validated +.wpcf7 input[type=week]:invalid, +.wpcf7 .was-validated input[type=week]:invalid, .was-validated +.wpcf7 input[type=time]:invalid, +.wpcf7 .was-validated input[type=time]:invalid, .was-validated +.wpcf7 input[type=datetime]:invalid, +.wpcf7 .was-validated input[type=datetime]:invalid, .was-validated +.wpcf7 input[type=datetime-local]:invalid, +.wpcf7 .was-validated input[type=datetime-local]:invalid, .was-validated +.wpcf7 input[type=color]:invalid, +.wpcf7 .was-validated input[type=color]:invalid, .was-validated +.wpcf7 input[type=email]:invalid, +.wpcf7 .was-validated input[type=email]:invalid, .was-validated +.wpcf7 input[type=file]:invalid, +.wpcf7 .was-validated input[type=file]:invalid, .was-validated +.wpcf7 input[type=submit]:invalid, +.wpcf7 .was-validated input[type=submit]:invalid, .was-validated +.wpcf7 select:invalid, +.wpcf7 .was-validated select:invalid, .was-validated +.wpcf7 textarea:invalid, +.wpcf7 .was-validated textarea:invalid, .was-validated .wpcf7 .wpcf7-validation-errors:invalid, .wpcf7 .was-validated .wpcf7-validation-errors:invalid, .form-control.is-invalid, .wpcf7 input.is-invalid[type=text], +.wpcf7 input.is-invalid[type=search], +.wpcf7 input.is-invalid[type=url], +.wpcf7 input.is-invalid[type=tel], +.wpcf7 input.is-invalid[type=number], +.wpcf7 input.is-invalid[type=range], +.wpcf7 input.is-invalid[type=date], +.wpcf7 input.is-invalid[type=month], +.wpcf7 input.is-invalid[type=week], +.wpcf7 input.is-invalid[type=time], +.wpcf7 input.is-invalid[type=datetime], +.wpcf7 input.is-invalid[type=datetime-local], +.wpcf7 input.is-invalid[type=color], +.wpcf7 input.is-invalid[type=email], +.wpcf7 input.is-invalid[type=file], +.wpcf7 input.is-invalid[type=submit], +.wpcf7 select.is-invalid, +.wpcf7 textarea.is-invalid, .wpcf7 .is-invalid.wpcf7-validation-errors, .was-validated +.custom-select:invalid, +.custom-select.is-invalid { + border-color: #dc3545; } + .was-validated .form-control:invalid:focus, .was-validated .wpcf7 input[type=text]:invalid:focus, .wpcf7 .was-validated input[type=text]:invalid:focus, .was-validated + .wpcf7 input[type=search]:invalid:focus, + .wpcf7 .was-validated input[type=search]:invalid:focus, .was-validated + .wpcf7 input[type=url]:invalid:focus, + .wpcf7 .was-validated input[type=url]:invalid:focus, .was-validated + .wpcf7 input[type=tel]:invalid:focus, + .wpcf7 .was-validated input[type=tel]:invalid:focus, .was-validated + .wpcf7 input[type=number]:invalid:focus, + .wpcf7 .was-validated input[type=number]:invalid:focus, .was-validated + .wpcf7 input[type=range]:invalid:focus, + .wpcf7 .was-validated input[type=range]:invalid:focus, .was-validated + .wpcf7 input[type=date]:invalid:focus, + .wpcf7 .was-validated input[type=date]:invalid:focus, .was-validated + .wpcf7 input[type=month]:invalid:focus, + .wpcf7 .was-validated input[type=month]:invalid:focus, .was-validated + .wpcf7 input[type=week]:invalid:focus, + .wpcf7 .was-validated input[type=week]:invalid:focus, .was-validated + .wpcf7 input[type=time]:invalid:focus, + .wpcf7 .was-validated input[type=time]:invalid:focus, .was-validated + .wpcf7 input[type=datetime]:invalid:focus, + .wpcf7 .was-validated input[type=datetime]:invalid:focus, .was-validated + .wpcf7 input[type=datetime-local]:invalid:focus, + .wpcf7 .was-validated input[type=datetime-local]:invalid:focus, .was-validated + .wpcf7 input[type=color]:invalid:focus, + .wpcf7 .was-validated input[type=color]:invalid:focus, .was-validated + .wpcf7 input[type=email]:invalid:focus, + .wpcf7 .was-validated input[type=email]:invalid:focus, .was-validated + .wpcf7 input[type=file]:invalid:focus, + .wpcf7 .was-validated input[type=file]:invalid:focus, .was-validated + .wpcf7 input[type=submit]:invalid:focus, + .wpcf7 .was-validated input[type=submit]:invalid:focus, .was-validated + .wpcf7 select:invalid:focus, + .wpcf7 .was-validated select:invalid:focus, .was-validated + .wpcf7 textarea:invalid:focus, + .wpcf7 .was-validated textarea:invalid:focus, .was-validated .wpcf7 .wpcf7-validation-errors:invalid:focus, .wpcf7 .was-validated .wpcf7-validation-errors:invalid:focus, .form-control.is-invalid:focus, .wpcf7 input.is-invalid[type=text]:focus, + .wpcf7 input.is-invalid[type=search]:focus, + .wpcf7 input.is-invalid[type=url]:focus, + .wpcf7 input.is-invalid[type=tel]:focus, + .wpcf7 input.is-invalid[type=number]:focus, + .wpcf7 input.is-invalid[type=range]:focus, + .wpcf7 input.is-invalid[type=date]:focus, + .wpcf7 input.is-invalid[type=month]:focus, + .wpcf7 input.is-invalid[type=week]:focus, + .wpcf7 input.is-invalid[type=time]:focus, + .wpcf7 input.is-invalid[type=datetime]:focus, + .wpcf7 input.is-invalid[type=datetime-local]:focus, + .wpcf7 input.is-invalid[type=color]:focus, + .wpcf7 input.is-invalid[type=email]:focus, + .wpcf7 input.is-invalid[type=file]:focus, + .wpcf7 input.is-invalid[type=submit]:focus, + .wpcf7 select.is-invalid:focus, + .wpcf7 textarea.is-invalid:focus, .wpcf7 .is-invalid.wpcf7-validation-errors:focus, .was-validated + .custom-select:invalid:focus, + .custom-select.is-invalid:focus { + box-shadow: 0 0 0 0.2rem rgba(220, 53, 69, 0.25); } + .was-validated .form-control:invalid ~ .invalid-feedback, .was-validated .wpcf7 input[type=text]:invalid ~ .invalid-feedback, .wpcf7 .was-validated input[type=text]:invalid ~ .invalid-feedback, .was-validated + .wpcf7 input[type=search]:invalid ~ .invalid-feedback, + .wpcf7 .was-validated input[type=search]:invalid ~ .invalid-feedback, .was-validated + .wpcf7 input[type=url]:invalid ~ .invalid-feedback, + .wpcf7 .was-validated input[type=url]:invalid ~ .invalid-feedback, .was-validated + .wpcf7 input[type=tel]:invalid ~ .invalid-feedback, + .wpcf7 .was-validated input[type=tel]:invalid ~ .invalid-feedback, .was-validated + .wpcf7 input[type=number]:invalid ~ .invalid-feedback, + .wpcf7 .was-validated input[type=number]:invalid ~ .invalid-feedback, .was-validated + .wpcf7 input[type=range]:invalid ~ .invalid-feedback, + .wpcf7 .was-validated input[type=range]:invalid ~ .invalid-feedback, .was-validated + .wpcf7 input[type=date]:invalid ~ .invalid-feedback, + .wpcf7 .was-validated input[type=date]:invalid ~ .invalid-feedback, .was-validated + .wpcf7 input[type=month]:invalid ~ .invalid-feedback, + .wpcf7 .was-validated input[type=month]:invalid ~ .invalid-feedback, .was-validated + .wpcf7 input[type=week]:invalid ~ .invalid-feedback, + .wpcf7 .was-validated input[type=week]:invalid ~ .invalid-feedback, .was-validated + .wpcf7 input[type=time]:invalid ~ .invalid-feedback, + .wpcf7 .was-validated input[type=time]:invalid ~ .invalid-feedback, .was-validated + .wpcf7 input[type=datetime]:invalid ~ .invalid-feedback, + .wpcf7 .was-validated input[type=datetime]:invalid ~ .invalid-feedback, .was-validated + .wpcf7 input[type=datetime-local]:invalid ~ .invalid-feedback, + .wpcf7 .was-validated input[type=datetime-local]:invalid ~ .invalid-feedback, .was-validated + .wpcf7 input[type=color]:invalid ~ .invalid-feedback, + .wpcf7 .was-validated input[type=color]:invalid ~ .invalid-feedback, .was-validated + .wpcf7 input[type=email]:invalid ~ .invalid-feedback, + .wpcf7 .was-validated input[type=email]:invalid ~ .invalid-feedback, .was-validated + .wpcf7 input[type=file]:invalid ~ .invalid-feedback, + .wpcf7 .was-validated input[type=file]:invalid ~ .invalid-feedback, .was-validated + .wpcf7 input[type=submit]:invalid ~ .invalid-feedback, + .wpcf7 .was-validated input[type=submit]:invalid ~ .invalid-feedback, .was-validated + .wpcf7 select:invalid ~ .invalid-feedback, + .wpcf7 .was-validated select:invalid ~ .invalid-feedback, .was-validated + .wpcf7 textarea:invalid ~ .invalid-feedback, + .wpcf7 .was-validated textarea:invalid ~ .invalid-feedback, .was-validated .wpcf7 .wpcf7-validation-errors:invalid ~ .invalid-feedback, .wpcf7 .was-validated .wpcf7-validation-errors:invalid ~ .invalid-feedback, + .was-validated .form-control:invalid ~ .invalid-tooltip, + .was-validated .wpcf7 input[type=text]:invalid ~ .invalid-tooltip, .wpcf7 + .was-validated input[type=text]:invalid ~ .invalid-tooltip, + .was-validated + .wpcf7 input[type=search]:invalid ~ .invalid-tooltip, + .wpcf7 + .was-validated input[type=search]:invalid ~ .invalid-tooltip, + .was-validated + .wpcf7 input[type=url]:invalid ~ .invalid-tooltip, + .wpcf7 + .was-validated input[type=url]:invalid ~ .invalid-tooltip, + .was-validated + .wpcf7 input[type=tel]:invalid ~ .invalid-tooltip, + .wpcf7 + .was-validated input[type=tel]:invalid ~ .invalid-tooltip, + .was-validated + .wpcf7 input[type=number]:invalid ~ .invalid-tooltip, + .wpcf7 + .was-validated input[type=number]:invalid ~ .invalid-tooltip, + .was-validated + .wpcf7 input[type=range]:invalid ~ .invalid-tooltip, + .wpcf7 + .was-validated input[type=range]:invalid ~ .invalid-tooltip, + .was-validated + .wpcf7 input[type=date]:invalid ~ .invalid-tooltip, + .wpcf7 + .was-validated input[type=date]:invalid ~ .invalid-tooltip, + .was-validated + .wpcf7 input[type=month]:invalid ~ .invalid-tooltip, + .wpcf7 + .was-validated input[type=month]:invalid ~ .invalid-tooltip, + .was-validated + .wpcf7 input[type=week]:invalid ~ .invalid-tooltip, + .wpcf7 + .was-validated input[type=week]:invalid ~ .invalid-tooltip, + .was-validated + .wpcf7 input[type=time]:invalid ~ .invalid-tooltip, + .wpcf7 + .was-validated input[type=time]:invalid ~ .invalid-tooltip, + .was-validated + .wpcf7 input[type=datetime]:invalid ~ .invalid-tooltip, + .wpcf7 + .was-validated input[type=datetime]:invalid ~ .invalid-tooltip, + .was-validated + .wpcf7 input[type=datetime-local]:invalid ~ .invalid-tooltip, + .wpcf7 + .was-validated input[type=datetime-local]:invalid ~ .invalid-tooltip, + .was-validated + .wpcf7 input[type=color]:invalid ~ .invalid-tooltip, + .wpcf7 + .was-validated input[type=color]:invalid ~ .invalid-tooltip, + .was-validated + .wpcf7 input[type=email]:invalid ~ .invalid-tooltip, + .wpcf7 + .was-validated input[type=email]:invalid ~ .invalid-tooltip, + .was-validated + .wpcf7 input[type=file]:invalid ~ .invalid-tooltip, + .wpcf7 + .was-validated input[type=file]:invalid ~ .invalid-tooltip, + .was-validated + .wpcf7 input[type=submit]:invalid ~ .invalid-tooltip, + .wpcf7 + .was-validated input[type=submit]:invalid ~ .invalid-tooltip, + .was-validated + .wpcf7 select:invalid ~ .invalid-tooltip, + .wpcf7 + .was-validated select:invalid ~ .invalid-tooltip, + .was-validated + .wpcf7 textarea:invalid ~ .invalid-tooltip, + .wpcf7 + .was-validated textarea:invalid ~ .invalid-tooltip, + .was-validated .wpcf7 .wpcf7-validation-errors:invalid ~ .invalid-tooltip, .wpcf7 + .was-validated .wpcf7-validation-errors:invalid ~ .invalid-tooltip, .form-control.is-invalid ~ .invalid-feedback, .wpcf7 input.is-invalid[type=text] ~ .invalid-feedback, + .wpcf7 input.is-invalid[type=search] ~ .invalid-feedback, + .wpcf7 input.is-invalid[type=url] ~ .invalid-feedback, + .wpcf7 input.is-invalid[type=tel] ~ .invalid-feedback, + .wpcf7 input.is-invalid[type=number] ~ .invalid-feedback, + .wpcf7 input.is-invalid[type=range] ~ .invalid-feedback, + .wpcf7 input.is-invalid[type=date] ~ .invalid-feedback, + .wpcf7 input.is-invalid[type=month] ~ .invalid-feedback, + .wpcf7 input.is-invalid[type=week] ~ .invalid-feedback, + .wpcf7 input.is-invalid[type=time] ~ .invalid-feedback, + .wpcf7 input.is-invalid[type=datetime] ~ .invalid-feedback, + .wpcf7 input.is-invalid[type=datetime-local] ~ .invalid-feedback, + .wpcf7 input.is-invalid[type=color] ~ .invalid-feedback, + .wpcf7 input.is-invalid[type=email] ~ .invalid-feedback, + .wpcf7 input.is-invalid[type=file] ~ .invalid-feedback, + .wpcf7 input.is-invalid[type=submit] ~ .invalid-feedback, + .wpcf7 select.is-invalid ~ .invalid-feedback, + .wpcf7 textarea.is-invalid ~ .invalid-feedback, .wpcf7 .is-invalid.wpcf7-validation-errors ~ .invalid-feedback, + .form-control.is-invalid ~ .invalid-tooltip, .wpcf7 input.is-invalid[type=text] ~ .invalid-tooltip, + .wpcf7 input.is-invalid[type=search] ~ .invalid-tooltip, + .wpcf7 input.is-invalid[type=url] ~ .invalid-tooltip, + .wpcf7 input.is-invalid[type=tel] ~ .invalid-tooltip, + .wpcf7 input.is-invalid[type=number] ~ .invalid-tooltip, + .wpcf7 input.is-invalid[type=range] ~ .invalid-tooltip, + .wpcf7 input.is-invalid[type=date] ~ .invalid-tooltip, + .wpcf7 input.is-invalid[type=month] ~ .invalid-tooltip, + .wpcf7 input.is-invalid[type=week] ~ .invalid-tooltip, + .wpcf7 input.is-invalid[type=time] ~ .invalid-tooltip, + .wpcf7 input.is-invalid[type=datetime] ~ .invalid-tooltip, + .wpcf7 input.is-invalid[type=datetime-local] ~ .invalid-tooltip, + .wpcf7 input.is-invalid[type=color] ~ .invalid-tooltip, + .wpcf7 input.is-invalid[type=email] ~ .invalid-tooltip, + .wpcf7 input.is-invalid[type=file] ~ .invalid-tooltip, + .wpcf7 input.is-invalid[type=submit] ~ .invalid-tooltip, + .wpcf7 select.is-invalid ~ .invalid-tooltip, + .wpcf7 textarea.is-invalid ~ .invalid-tooltip, .wpcf7 .is-invalid.wpcf7-validation-errors ~ .invalid-tooltip, .was-validated + .custom-select:invalid ~ .invalid-feedback, + .was-validated + .custom-select:invalid ~ .invalid-tooltip, + .custom-select.is-invalid ~ .invalid-feedback, + .custom-select.is-invalid ~ .invalid-tooltip { + display: block; } -.has-warning .form-control-warning { - 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='%23f0ad4e' d='M4.4 5.324h-.8v-2.46h.8zm0 1.42h-.8V5.89h.8zM3.76.63L.04 7.075c-.115.2.016.425.26.426h7.397c.242 0 .372-.226.258-.426C6.726 4.924 5.47 2.79 4.253.63c-.113-.174-.39-.174-.494 0z'/%3E%3C/svg%3E"); } +.was-validated .form-check-input:invalid + .form-check-label, .form-check-input.is-invalid + .form-check-label { + color: #dc3545; } -.has-danger .form-control-feedback, -.has-danger .form-control-label, -.has-danger .col-form-label, -.has-danger .form-check-label, -.has-danger .custom-control { - color: #d9534f; } +.was-validated .custom-control-input:invalid ~ .custom-control-indicator, .custom-control-input.is-invalid ~ .custom-control-indicator { + background-color: rgba(220, 53, 69, 0.25); } -.has-danger .form-control, .has-danger .wpcf7 input[type=text], .wpcf7 .has-danger input[type=text], .has-danger -.wpcf7 input[type=search], -.wpcf7 .has-danger input[type=search], .has-danger -.wpcf7 input[type=url], -.wpcf7 .has-danger input[type=url], .has-danger -.wpcf7 input[type=tel], -.wpcf7 .has-danger input[type=tel], .has-danger -.wpcf7 input[type=number], -.wpcf7 .has-danger input[type=number], .has-danger -.wpcf7 input[type=range], -.wpcf7 .has-danger input[type=range], .has-danger -.wpcf7 input[type=date], -.wpcf7 .has-danger input[type=date], .has-danger -.wpcf7 input[type=month], -.wpcf7 .has-danger input[type=month], .has-danger -.wpcf7 input[type=week], -.wpcf7 .has-danger input[type=week], .has-danger -.wpcf7 input[type=time], -.wpcf7 .has-danger input[type=time], .has-danger -.wpcf7 input[type=datetime], -.wpcf7 .has-danger input[type=datetime], .has-danger -.wpcf7 input[type=datetime-local], -.wpcf7 .has-danger input[type=datetime-local], .has-danger -.wpcf7 input[type=color], -.wpcf7 .has-danger input[type=color], .has-danger -.wpcf7 input[type=email], -.wpcf7 .has-danger input[type=email], .has-danger -.wpcf7 input[type=file], -.wpcf7 .has-danger input[type=file], .has-danger -.wpcf7 input[type=submit], -.wpcf7 .has-danger input[type=submit], .has-danger -.wpcf7 select, -.wpcf7 .has-danger select, .has-danger -.wpcf7 textarea, -.wpcf7 .has-danger textarea, .has-danger .wpcf7 .wpcf7-validation-errors, .wpcf7 .has-danger .wpcf7-validation-errors { - border-color: #d9534f; } +.was-validated .custom-control-input:invalid ~ .custom-control-description, .custom-control-input.is-invalid ~ .custom-control-description { + color: #dc3545; } -.has-danger .input-group-addon { - color: #d9534f; - border-color: #d9534f; - background-color: #fdf7f7; } +.was-validated .custom-file-input:invalid ~ .custom-file-control, .custom-file-input.is-invalid ~ .custom-file-control { + border-color: #dc3545; } + .was-validated .custom-file-input:invalid ~ .custom-file-control::before, .custom-file-input.is-invalid ~ .custom-file-control::before { + border-color: inherit; } -.has-danger .form-control-danger { - background-image: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='%23d9534f' viewBox='-2 -2 7 7'%3E%3Cpath stroke='%23d9534f' d='M0 0l3 3m0-3L0 3'/%3E%3Ccircle r='.5'/%3E%3Ccircle cx='3' r='.5'/%3E%3Ccircle cy='3' r='.5'/%3E%3Ccircle cx='3' cy='3' r='.5'/%3E%3C/svg%3E"); } +.was-validated .custom-file-input:invalid:focus, .custom-file-input.is-invalid:focus { + box-shadow: 0 0 0 0.2rem rgba(220, 53, 69, 0.25); } .form-inline { display: flex; @@ -2038,7 +2022,7 @@ select.form-control-lg:not([size]):not([multiple]), .input-group-lg > select.for display: inline-block; width: auto; vertical-align: middle; } - .form-inline .form-control-static { + .form-inline .form-control-plaintext { display: inline-block; } .form-inline .input-group { width: auto; } @@ -2075,23 +2059,22 @@ select.form-control-lg:not([size]):not([multiple]), .input-group-lg > select.for .btn, .wpcf7 input[type=submit] { display: inline-block; font-weight: normal; - line-height: 1.25; text-align: center; white-space: nowrap; vertical-align: middle; user-select: none; border: 1px solid transparent; - padding: 0.5rem 1rem; + padding: 0.5rem 0.75rem; font-size: 1rem; + line-height: 1.25; border-radius: 0.25rem; - transition: all 0.2s 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; } .btn:focus, .wpcf7 input[type=submit]:focus, .btn:hover, .wpcf7 input[type=submit]:hover { text-decoration: none; } .btn:focus, .wpcf7 input[type=submit]:focus, .btn.focus, .wpcf7 input.focus[type=submit] { outline: 0; - box-shadow: 0 0 0 2px rgba(120, 82, 178, 0.25); } + box-shadow: 0 0 0 3px rgba(0, 123, 255, 0.25); } .btn.disabled, .wpcf7 input.disabled[type=submit], .btn:disabled, .wpcf7 input[type=submit]:disabled { - cursor: not-allowed; opacity: .65; } .btn:active, .wpcf7 input[type=submit]:active, .btn.active, .wpcf7 input.active[type=submit] { background-image: none; } @@ -2102,272 +2085,347 @@ fieldset[disabled] a.btn { .btn-primary { color: #fff; - background-color: #7852B2; - border-color: #7852B2; } + background-color: #007bff; + border-color: #007bff; } .btn-primary:hover { color: #fff; - background-color: #604091; - border-color: #5b3d8a; } + background-color: #0069d9; + border-color: #0062cc; } .btn-primary:focus, .btn-primary.focus { - box-shadow: 0 0 0 2px rgba(120, 82, 178, 0.5); } + box-shadow: 0 0 0 3px rgba(0, 123, 255, 0.5); } .btn-primary.disabled, .btn-primary:disabled { - background-color: #7852B2; - border-color: #7852B2; } + background-color: #007bff; + border-color: #007bff; } .btn-primary:active, .btn-primary.active, .show > .btn-primary.dropdown-toggle { - color: #fff; - background-color: #604091; + background-color: #0069d9; background-image: none; - border-color: #5b3d8a; } + border-color: #0062cc; } .btn-secondary { - color: #292b2c; - background-color: #fff; - border-color: #ccc; } + color: #fff; + background-color: #868e96; + border-color: #868e96; } .btn-secondary:hover { - color: #292b2c; - background-color: #e6e6e6; - border-color: #adadad; } + color: #fff; + background-color: #727b84; + border-color: #6c757d; } .btn-secondary:focus, .btn-secondary.focus { - box-shadow: 0 0 0 2px rgba(204, 204, 204, 0.5); } + box-shadow: 0 0 0 3px rgba(134, 142, 150, 0.5); } .btn-secondary.disabled, .btn-secondary:disabled { - background-color: #fff; - border-color: #ccc; } + background-color: #868e96; + border-color: #868e96; } .btn-secondary:active, .btn-secondary.active, .show > .btn-secondary.dropdown-toggle { - color: #292b2c; - background-color: #e6e6e6; + background-color: #727b84; background-image: none; - border-color: #adadad; } - -.btn-info { - color: #fff; - background-color: #5bc0de; - border-color: #5bc0de; } - .btn-info:hover { - color: #fff; - background-color: #31b0d5; - border-color: #2aabd2; } - .btn-info:focus, .btn-info.focus { - box-shadow: 0 0 0 2px rgba(91, 192, 222, 0.5); } - .btn-info.disabled, .btn-info:disabled { - background-color: #5bc0de; - border-color: #5bc0de; } - .btn-info:active, .btn-info.active, - .show > .btn-info.dropdown-toggle { - color: #fff; - background-color: #31b0d5; - background-image: none; - border-color: #2aabd2; } + border-color: #6c757d; } .btn-success { color: #fff; - background-color: #5cb85c; - border-color: #5cb85c; } + background-color: #28a745; + border-color: #28a745; } .btn-success:hover { color: #fff; - background-color: #449d44; - border-color: #419641; } + background-color: #218838; + border-color: #1e7e34; } .btn-success:focus, .btn-success.focus { - box-shadow: 0 0 0 2px rgba(92, 184, 92, 0.5); } + box-shadow: 0 0 0 3px rgba(40, 167, 69, 0.5); } .btn-success.disabled, .btn-success:disabled { - background-color: #5cb85c; - border-color: #5cb85c; } + background-color: #28a745; + border-color: #28a745; } .btn-success:active, .btn-success.active, .show > .btn-success.dropdown-toggle { - color: #fff; - background-color: #449d44; + background-color: #218838; background-image: none; - border-color: #419641; } + border-color: #1e7e34; } + +.btn-info { + color: #fff; + background-color: #17a2b8; + border-color: #17a2b8; } + .btn-info:hover { + color: #fff; + background-color: #138496; + border-color: #117a8b; } + .btn-info:focus, .btn-info.focus { + box-shadow: 0 0 0 3px rgba(23, 162, 184, 0.5); } + .btn-info.disabled, .btn-info:disabled { + background-color: #17a2b8; + border-color: #17a2b8; } + .btn-info:active, .btn-info.active, + .show > .btn-info.dropdown-toggle { + background-color: #138496; + background-image: none; + border-color: #117a8b; } .btn-warning { - color: #fff; - background-color: #f0ad4e; - border-color: #f0ad4e; } + color: #111; + background-color: #ffc107; + border-color: #ffc107; } .btn-warning:hover { - color: #fff; - background-color: #ec971f; - border-color: #eb9316; } + color: #111; + background-color: #e0a800; + border-color: #d39e00; } .btn-warning:focus, .btn-warning.focus { - box-shadow: 0 0 0 2px rgba(240, 173, 78, 0.5); } + box-shadow: 0 0 0 3px rgba(255, 193, 7, 0.5); } .btn-warning.disabled, .btn-warning:disabled { - background-color: #f0ad4e; - border-color: #f0ad4e; } + background-color: #ffc107; + border-color: #ffc107; } .btn-warning:active, .btn-warning.active, .show > .btn-warning.dropdown-toggle { - color: #fff; - background-color: #ec971f; + background-color: #e0a800; background-image: none; - border-color: #eb9316; } + border-color: #d39e00; } .btn-danger { color: #fff; - background-color: #d9534f; - border-color: #d9534f; } + background-color: #dc3545; + border-color: #dc3545; } .btn-danger:hover { color: #fff; - background-color: #c9302c; - border-color: #c12e2a; } + background-color: #c82333; + border-color: #bd2130; } .btn-danger:focus, .btn-danger.focus { - box-shadow: 0 0 0 2px rgba(217, 83, 79, 0.5); } + box-shadow: 0 0 0 3px rgba(220, 53, 69, 0.5); } .btn-danger.disabled, .btn-danger:disabled { - background-color: #d9534f; - border-color: #d9534f; } + background-color: #dc3545; + border-color: #dc3545; } .btn-danger:active, .btn-danger.active, .show > .btn-danger.dropdown-toggle { - color: #fff; - background-color: #c9302c; + background-color: #c82333; background-image: none; - border-color: #c12e2a; } + border-color: #bd2130; } + +.btn-light { + color: #111; + background-color: #f8f9fa; + border-color: #f8f9fa; } + .btn-light:hover { + color: #111; + background-color: #e2e6ea; + border-color: #dae0e5; } + .btn-light:focus, .btn-light.focus { + box-shadow: 0 0 0 3px rgba(248, 249, 250, 0.5); } + .btn-light.disabled, .btn-light:disabled { + background-color: #f8f9fa; + border-color: #f8f9fa; } + .btn-light:active, .btn-light.active, + .show > .btn-light.dropdown-toggle { + background-color: #e2e6ea; + background-image: none; + border-color: #dae0e5; } + +.btn-dark { + color: #fff; + background-color: #343a40; + border-color: #343a40; } + .btn-dark:hover { + color: #fff; + background-color: #23272b; + border-color: #1d2124; } + .btn-dark:focus, .btn-dark.focus { + box-shadow: 0 0 0 3px rgba(52, 58, 64, 0.5); } + .btn-dark.disabled, .btn-dark:disabled { + background-color: #343a40; + border-color: #343a40; } + .btn-dark:active, .btn-dark.active, + .show > .btn-dark.dropdown-toggle { + background-color: #23272b; + background-image: none; + border-color: #1d2124; } .btn-outline-primary, .wpcf7 input[type=submit] { - color: #7852B2; - background-image: none; + color: #007bff; background-color: transparent; - border-color: #7852B2; } + background-image: none; + border-color: #007bff; } .btn-outline-primary:hover, .wpcf7 input[type=submit]:hover { color: #fff; - background-color: #7852B2; - border-color: #7852B2; } + background-color: #007bff; + border-color: #007bff; } .btn-outline-primary:focus, .wpcf7 input[type=submit]:focus, .btn-outline-primary.focus, .wpcf7 input.focus[type=submit] { - box-shadow: 0 0 0 2px rgba(120, 82, 178, 0.5); } + box-shadow: 0 0 0 3px rgba(0, 123, 255, 0.5); } .btn-outline-primary.disabled, .wpcf7 input.disabled[type=submit], .btn-outline-primary:disabled, .wpcf7 input[type=submit]:disabled { - color: #7852B2; + color: #007bff; background-color: transparent; } .btn-outline-primary:active, .wpcf7 input[type=submit]:active, .btn-outline-primary.active, .wpcf7 input.active[type=submit], .show > .btn-outline-primary.dropdown-toggle, .wpcf7 .show > input.dropdown-toggle[type=submit] { color: #fff; - background-color: #7852B2; - border-color: #7852B2; } + background-color: #007bff; + border-color: #007bff; } .btn-outline-secondary { - color: #ccc; - background-image: none; + color: #868e96; background-color: transparent; - border-color: #ccc; } + background-image: none; + border-color: #868e96; } .btn-outline-secondary:hover { color: #fff; - background-color: #ccc; - border-color: #ccc; } + background-color: #868e96; + border-color: #868e96; } .btn-outline-secondary:focus, .btn-outline-secondary.focus { - box-shadow: 0 0 0 2px rgba(204, 204, 204, 0.5); } + box-shadow: 0 0 0 3px rgba(134, 142, 150, 0.5); } .btn-outline-secondary.disabled, .btn-outline-secondary:disabled { - color: #ccc; + color: #868e96; background-color: transparent; } .btn-outline-secondary:active, .btn-outline-secondary.active, .show > .btn-outline-secondary.dropdown-toggle { color: #fff; - background-color: #ccc; - border-color: #ccc; } - -.btn-outline-info { - color: #5bc0de; - background-image: none; - background-color: transparent; - border-color: #5bc0de; } - .btn-outline-info:hover { - color: #fff; - background-color: #5bc0de; - border-color: #5bc0de; } - .btn-outline-info:focus, .btn-outline-info.focus { - box-shadow: 0 0 0 2px rgba(91, 192, 222, 0.5); } - .btn-outline-info.disabled, .btn-outline-info:disabled { - color: #5bc0de; - background-color: transparent; } - .btn-outline-info:active, .btn-outline-info.active, - .show > .btn-outline-info.dropdown-toggle { - color: #fff; - background-color: #5bc0de; - border-color: #5bc0de; } + background-color: #868e96; + border-color: #868e96; } .btn-outline-success { - color: #5cb85c; - background-image: none; + color: #28a745; background-color: transparent; - border-color: #5cb85c; } + background-image: none; + border-color: #28a745; } .btn-outline-success:hover { color: #fff; - background-color: #5cb85c; - border-color: #5cb85c; } + background-color: #28a745; + border-color: #28a745; } .btn-outline-success:focus, .btn-outline-success.focus { - box-shadow: 0 0 0 2px rgba(92, 184, 92, 0.5); } + box-shadow: 0 0 0 3px rgba(40, 167, 69, 0.5); } .btn-outline-success.disabled, .btn-outline-success:disabled { - color: #5cb85c; + color: #28a745; background-color: transparent; } .btn-outline-success:active, .btn-outline-success.active, .show > .btn-outline-success.dropdown-toggle { color: #fff; - background-color: #5cb85c; - border-color: #5cb85c; } + background-color: #28a745; + border-color: #28a745; } + +.btn-outline-info { + color: #17a2b8; + background-color: transparent; + background-image: none; + border-color: #17a2b8; } + .btn-outline-info:hover { + color: #fff; + background-color: #17a2b8; + border-color: #17a2b8; } + .btn-outline-info:focus, .btn-outline-info.focus { + box-shadow: 0 0 0 3px rgba(23, 162, 184, 0.5); } + .btn-outline-info.disabled, .btn-outline-info:disabled { + color: #17a2b8; + background-color: transparent; } + .btn-outline-info:active, .btn-outline-info.active, + .show > .btn-outline-info.dropdown-toggle { + color: #fff; + background-color: #17a2b8; + border-color: #17a2b8; } .btn-outline-warning { - color: #f0ad4e; - background-image: none; + color: #ffc107; background-color: transparent; - border-color: #f0ad4e; } + background-image: none; + border-color: #ffc107; } .btn-outline-warning:hover { color: #fff; - background-color: #f0ad4e; - border-color: #f0ad4e; } + background-color: #ffc107; + border-color: #ffc107; } .btn-outline-warning:focus, .btn-outline-warning.focus { - box-shadow: 0 0 0 2px rgba(240, 173, 78, 0.5); } + box-shadow: 0 0 0 3px rgba(255, 193, 7, 0.5); } .btn-outline-warning.disabled, .btn-outline-warning:disabled { - color: #f0ad4e; + color: #ffc107; background-color: transparent; } .btn-outline-warning:active, .btn-outline-warning.active, .show > .btn-outline-warning.dropdown-toggle { color: #fff; - background-color: #f0ad4e; - border-color: #f0ad4e; } + background-color: #ffc107; + border-color: #ffc107; } .btn-outline-danger { - color: #d9534f; - background-image: none; + color: #dc3545; background-color: transparent; - border-color: #d9534f; } + background-image: none; + border-color: #dc3545; } .btn-outline-danger:hover { color: #fff; - background-color: #d9534f; - border-color: #d9534f; } + background-color: #dc3545; + border-color: #dc3545; } .btn-outline-danger:focus, .btn-outline-danger.focus { - box-shadow: 0 0 0 2px rgba(217, 83, 79, 0.5); } + box-shadow: 0 0 0 3px rgba(220, 53, 69, 0.5); } .btn-outline-danger.disabled, .btn-outline-danger:disabled { - color: #d9534f; + color: #dc3545; background-color: transparent; } .btn-outline-danger:active, .btn-outline-danger.active, .show > .btn-outline-danger.dropdown-toggle { color: #fff; - background-color: #d9534f; - border-color: #d9534f; } + background-color: #dc3545; + border-color: #dc3545; } + +.btn-outline-light { + color: #f8f9fa; + background-color: transparent; + background-image: none; + border-color: #f8f9fa; } + .btn-outline-light:hover { + color: #fff; + background-color: #f8f9fa; + border-color: #f8f9fa; } + .btn-outline-light:focus, .btn-outline-light.focus { + box-shadow: 0 0 0 3px rgba(248, 249, 250, 0.5); } + .btn-outline-light.disabled, .btn-outline-light:disabled { + color: #f8f9fa; + background-color: transparent; } + .btn-outline-light:active, .btn-outline-light.active, + .show > .btn-outline-light.dropdown-toggle { + color: #fff; + background-color: #f8f9fa; + border-color: #f8f9fa; } + +.btn-outline-dark { + color: #343a40; + background-color: transparent; + background-image: none; + border-color: #343a40; } + .btn-outline-dark:hover { + color: #fff; + background-color: #343a40; + border-color: #343a40; } + .btn-outline-dark:focus, .btn-outline-dark.focus { + box-shadow: 0 0 0 3px rgba(52, 58, 64, 0.5); } + .btn-outline-dark.disabled, .btn-outline-dark:disabled { + color: #343a40; + background-color: transparent; } + .btn-outline-dark:active, .btn-outline-dark.active, + .show > .btn-outline-dark.dropdown-toggle { + color: #fff; + background-color: #343a40; + border-color: #343a40; } .btn-link { font-weight: normal; - color: #7852B2; + color: #007bff; border-radius: 0; } .btn-link, .btn-link:active, .btn-link.active, .btn-link:disabled { background-color: transparent; } .btn-link, .btn-link:focus, .btn-link:active { - border-color: transparent; } + border-color: transparent; + box-shadow: none; } .btn-link:hover { border-color: transparent; } .btn-link:focus, .btn-link:hover { - color: #54397f; + color: #0056b3; text-decoration: underline; background-color: transparent; } .btn-link:disabled { - color: #636c72; } + color: #868e96; } .btn-link:disabled:focus, .btn-link:disabled:hover { text-decoration: none; } .btn-lg, .btn-group-lg > .btn, .wpcf7 .btn-group-lg > input[type=submit] { - padding: 0.75rem 1.5rem; + padding: 0.5rem 1rem; font-size: 1.25rem; + line-height: 1.5; border-radius: 0.3rem; } .btn-sm, .btn-group-sm > .btn, .wpcf7 .btn-group-sm > input[type=submit] { padding: 0.25rem 0.5rem; font-size: 0.875rem; + line-height: 1.5; border-radius: 0.2rem; } .btn-block { @@ -2413,15 +2471,19 @@ tbody.collapse.show { display: inline-block; width: 0; height: 0; - margin-left: 0.3em; - vertical-align: middle; + margin-left: 0.255em; + vertical-align: 0.255em; content: ""; border-top: 0.3em solid; border-right: 0.3em solid transparent; border-left: 0.3em solid transparent; } -.dropdown-toggle:focus { - outline: 0; } +.dropdown-toggle:empty::after { + margin-left: 0; } + +.dropup .dropdown-menu { + margin-top: 0; + margin-bottom: 0.125rem; } .dropup .dropdown-toggle::after { border-top: 0; @@ -2438,7 +2500,7 @@ tbody.collapse.show { padding: 0.5rem 0; margin: 0.125rem 0 0; font-size: 1rem; - color: #292b2c; + color: #212529; text-align: left; list-style: none; background-color: #fff; @@ -2447,70 +2509,48 @@ tbody.collapse.show { border-radius: 0.25rem; } .dropdown-divider { - height: 1px; + height: 0; margin: 0.5rem 0; overflow: hidden; - background-color: #eceeef; } + border-top: 1px solid #e9ecef; } .dropdown-item { display: block; width: 100%; - padding: 3px 1.5rem; + padding: 0.25rem 1.5rem; clear: both; font-weight: normal; - color: #292b2c; + color: #212529; text-align: inherit; white-space: nowrap; background: none; border: 0; } .dropdown-item:focus, .dropdown-item:hover { - color: #1d1e1f; + color: #16181b; text-decoration: none; - background-color: #f7f7f9; } + background-color: #f8f9fa; } .dropdown-item.active, .dropdown-item:active { color: #fff; text-decoration: none; - background-color: #7852B2; } + background-color: #007bff; } .dropdown-item.disabled, .dropdown-item:disabled { - color: #636c72; - cursor: not-allowed; + color: #868e96; background-color: transparent; } -.show > .dropdown-menu { - display: block; } - .show > a { outline: 0; } -.dropdown-menu-right { - right: 0; - left: auto; } - -.dropdown-menu-left { - right: auto; - left: 0; } +.dropdown-menu.show { + display: block; } .dropdown-header { display: block; padding: 0.5rem 1.5rem; margin-bottom: 0; font-size: 0.875rem; - color: #636c72; + color: #868e96; white-space: nowrap; } -.dropdown-backdrop { - position: fixed; - top: 0; - right: 0; - bottom: 0; - left: 0; - z-index: 990; } - -.dropup .dropdown-menu { - top: auto; - bottom: 100%; - margin-bottom: 0.125rem; } - .btn-group, .btn-group-vertical { position: relative; @@ -2520,7 +2560,8 @@ tbody.collapse.show { .btn-group-vertical > .btn, .wpcf7 .btn-group-vertical > input[type=submit] { position: relative; - flex: 0 1 auto; } + flex: 0 1 auto; + margin-bottom: 0; } .btn-group > .btn:hover, .wpcf7 .btn-group > input[type=submit]:hover, .btn-group-vertical > .btn:hover, .wpcf7 .btn-group-vertical > input[type=submit]:hover { @@ -2559,6 +2600,7 @@ tbody.collapse.show { .btn-toolbar { display: flex; + flex-wrap: wrap; justify-content: flex-start; } .btn-toolbar .input-group { width: auto; } @@ -2569,13 +2611,13 @@ tbody.collapse.show { .btn-group > .btn:first-child, .wpcf7 .btn-group > input[type=submit]:first-child { margin-left: 0; } .btn-group > .btn:first-child:not(:last-child):not(.dropdown-toggle), .wpcf7 .btn-group > input[type=submit]:first-child:not(:last-child):not(.dropdown-toggle) { - border-bottom-right-radius: 0; - border-top-right-radius: 0; } + border-top-right-radius: 0; + border-bottom-right-radius: 0; } .btn-group > .btn:last-child:not(:first-child), .wpcf7 .btn-group > input[type=submit]:last-child:not(:first-child), .btn-group > .dropdown-toggle:not(:first-child) { - border-bottom-left-radius: 0; - border-top-left-radius: 0; } + border-top-left-radius: 0; + border-bottom-left-radius: 0; } .btn-group > .btn-group { float: left; } @@ -2585,20 +2627,16 @@ tbody.collapse.show { .btn-group > .btn-group:first-child:not(:last-child) > .btn:last-child, .wpcf7 .btn-group > .btn-group:first-child:not(:last-child) > input[type=submit]:last-child, .btn-group > .btn-group:first-child:not(:last-child) > .dropdown-toggle { - border-bottom-right-radius: 0; - border-top-right-radius: 0; } + border-top-right-radius: 0; + border-bottom-right-radius: 0; } .btn-group > .btn-group:last-child:not(:first-child) > .btn:first-child, .wpcf7 .btn-group > .btn-group:last-child:not(:first-child) > input[type=submit]:first-child { - border-bottom-left-radius: 0; - border-top-left-radius: 0; } - -.btn-group .dropdown-toggle:active, -.btn-group.open .dropdown-toggle { - outline: 0; } + border-top-left-radius: 0; + border-bottom-left-radius: 0; } .btn + .dropdown-toggle-split, .wpcf7 input[type=submit] + .dropdown-toggle-split { - padding-right: 0.75rem; - padding-left: 0.75rem; } + padding-right: 0.5625rem; + padding-left: 0.5625rem; } .btn + .dropdown-toggle-split::after, .wpcf7 input[type=submit] + .dropdown-toggle-split::after { margin-left: 0; } @@ -2607,8 +2645,8 @@ tbody.collapse.show { padding-left: 0.375rem; } .btn-lg + .dropdown-toggle-split, .btn-group-lg > .btn + .dropdown-toggle-split, .wpcf7 .btn-group-lg > input[type=submit] + .dropdown-toggle-split { - padding-right: 1.125rem; - padding-left: 1.125rem; } + padding-right: 0.75rem; + padding-left: 0.75rem; } .btn-group-vertical { display: inline-flex; @@ -2635,8 +2673,8 @@ tbody.collapse.show { border-bottom-left-radius: 0; } .btn-group-vertical > .btn:last-child:not(:first-child), .wpcf7 .btn-group-vertical > input[type=submit]:last-child:not(:first-child) { - border-top-right-radius: 0; - border-top-left-radius: 0; } + border-top-left-radius: 0; + border-top-right-radius: 0; } .btn-group-vertical > .btn-group:not(:first-child):not(:last-child) > .btn, .wpcf7 .btn-group-vertical > .btn-group:not(:first-child):not(:last-child) > input[type=submit] { border-radius: 0; } @@ -2647,8 +2685,8 @@ tbody.collapse.show { border-bottom-left-radius: 0; } .btn-group-vertical > .btn-group:last-child:not(:first-child) > .btn:first-child, .wpcf7 .btn-group-vertical > .btn-group:last-child:not(:first-child) > input[type=submit]:first-child { - border-top-right-radius: 0; - border-top-left-radius: 0; } + border-top-left-radius: 0; + border-top-right-radius: 0; } [data-toggle="buttons"] > .btn input[type="radio"], .wpcf7 [data-toggle="buttons"] > input[type=submit] input[type="radio"], [data-toggle="buttons"] > .btn input[type="checkbox"], .wpcf7 @@ -2886,8 +2924,7 @@ tbody.collapse.show { .input-group .wpcf7 .wpcf7-validation-errors, .wpcf7 .input-group .wpcf7-validation-errors { display: flex; - flex-direction: column; - justify-content: center; } + align-items: center; } .input-group-addon:not(:first-child):not(:last-child), .input-group-btn:not(:first-child):not(:last-child), .input-group .form-control:not(:first-child):not(:last-child), @@ -2976,9 +3013,10 @@ tbody.collapse.show { font-size: 1rem; font-weight: normal; line-height: 1.25; - color: #464a4c; + color: #495057; text-align: center; - background-color: #eceeef; + background-color: #e9ecef; + background-clip: padding-box; border: 1px solid rgba(0, 0, 0, 0.15); border-radius: 0.25rem; } .input-group-addon.form-control-sm, .wpcf7 .input-group-sm > input.input-group-addon[type=text], @@ -3026,7 +3064,7 @@ tbody.collapse.show { .input-group-lg > .input-group-addon, .input-group-lg > .input-group-btn > .input-group-addon.btn, .wpcf7 .input-group-lg > .input-group-btn > input.input-group-addon[type=submit] { - padding: 0.75rem 1.5rem; + padding: 0.5rem 1rem; font-size: 1.25rem; border-radius: 0.3rem; } .input-group-addon input[type="radio"], @@ -3078,8 +3116,8 @@ tbody.collapse.show { .input-group-btn:not(:first-child) > input[type=submit]:not(:last-child):not(.dropdown-toggle), .input-group-btn:not(:first-child) > .btn-group:not(:last-child) > .btn, .wpcf7 .input-group-btn:not(:first-child) > .btn-group:not(:last-child) > input[type=submit] { - border-bottom-right-radius: 0; - border-top-right-radius: 0; } + border-top-right-radius: 0; + border-bottom-right-radius: 0; } .input-group-addon:not(:last-child) { border-right: 0; } @@ -3129,8 +3167,8 @@ tbody.collapse.show { .input-group-btn:not(:last-child) > input[type=submit]:not(:first-child), .input-group-btn:not(:last-child) > .btn-group:not(:first-child) > .btn, .wpcf7 .input-group-btn:not(:last-child) > .btn-group:not(:first-child) > input[type=submit] { - border-bottom-left-radius: 0; - border-top-left-radius: 0; } + border-top-left-radius: 0; + border-bottom-left-radius: 0; } .form-control + .input-group-addon:not(:first-child), .wpcf7 input[type=text] + .input-group-addon:not(:first-child), .wpcf7 input[type=search] + .input-group-addon:not(:first-child), @@ -3158,7 +3196,8 @@ tbody.collapse.show { white-space: nowrap; } .input-group-btn > .btn, .wpcf7 .input-group-btn > input[type=submit] { position: relative; - flex: 1; } + background-clip: padding-box; + border: 1px solid rgba(0, 0, 0, 0.15); } .input-group-btn > .btn + .btn, .wpcf7 .input-group-btn > input[type=submit] + .btn, .wpcf7 .input-group-btn > .btn + input[type=submit], .wpcf7 .input-group-btn > input[type=submit] + input[type=submit] { margin-left: -1px; } .input-group-btn > .btn:focus, .wpcf7 .input-group-btn > input[type=submit]:focus, .input-group-btn > .btn:active, .wpcf7 .input-group-btn > input[type=submit]:active, .input-group-btn > .btn:hover, .wpcf7 .input-group-btn > input[type=submit]:hover { @@ -3181,8 +3220,7 @@ tbody.collapse.show { display: inline-flex; min-height: 1.5rem; padding-left: 1.5rem; - margin-right: 1rem; - cursor: pointer; } + margin-right: 1rem; } .custom-control-input { position: absolute; @@ -3190,18 +3228,16 @@ tbody.collapse.show { opacity: 0; } .custom-control-input:checked ~ .custom-control-indicator { color: #fff; - background-color: #7852B2; } + background-color: #007bff; } .custom-control-input:focus ~ .custom-control-indicator { - box-shadow: 0 0 0 1px #fff, 0 0 0 3px #7852B2; } + box-shadow: 0 0 0 1px #fff, 0 0 0 3px #007bff; } .custom-control-input:active ~ .custom-control-indicator { color: #fff; - background-color: #d8cee9; } + background-color: #b3d7ff; } .custom-control-input:disabled ~ .custom-control-indicator { - cursor: not-allowed; - background-color: #eceeef; } + background-color: #e9ecef; } .custom-control-input:disabled ~ .custom-control-description { - color: #636c72; - cursor: not-allowed; } + color: #868e96; } .custom-control-indicator { position: absolute; @@ -3224,7 +3260,7 @@ tbody.collapse.show { 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"); } .custom-checkbox .custom-control-input:indeterminate ~ .custom-control-indicator { - background-color: #7852B2; + background-color: #007bff; 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"); } .custom-radio .custom-control-indicator { @@ -3247,28 +3283,28 @@ tbody.collapse.show { height: calc(2.25rem + 2px); padding: 0.375rem 1.75rem 0.375rem 0.75rem; line-height: 1.25; - color: #464a4c; + color: #495057; 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='%23333' d='M2 0L0 2h4zm0 5L0 3h4z'/%3E%3C/svg%3E") no-repeat right 0.75rem center; + background-clip: padding-box; background-size: 8px 10px; border: 1px solid rgba(0, 0, 0, 0.15); border-radius: 0.25rem; - -moz-appearance: none; - -webkit-appearance: none; } + appearance: none; } .custom-select:focus { - border-color: #bdaad9; + border-color: #80bdff; outline: none; } .custom-select:focus::-ms-value { - color: #464a4c; + color: #495057; background-color: #fff; } .custom-select:disabled { - color: #636c72; - cursor: not-allowed; - background-color: #eceeef; } + color: #868e96; + background-color: #e9ecef; } .custom-select::-ms-expand { opacity: 0; } .custom-select-sm { + height: calc(1.8125rem + 2px); padding-top: 0.375rem; padding-bottom: 0.375rem; font-size: 75%; } @@ -3277,17 +3313,17 @@ tbody.collapse.show { position: relative; display: inline-block; max-width: 100%; - height: 2.5rem; - margin-bottom: 0; - cursor: pointer; } + height: calc(2.25rem + 2px); + margin-bottom: 0; } .custom-file-input { min-width: 14rem; max-width: 100%; - height: 2.5rem; + height: calc(2.25rem + 2px); margin: 0; - filter: alpha(opacity=0); opacity: 0; } + .custom-file-input:focus ~ .custom-file-control { + box-shadow: 0 0 0 0.075rem #fff, 0 0 0 0.2rem #007bff; } .custom-file-control { position: absolute; @@ -3295,48 +3331,48 @@ tbody.collapse.show { right: 0; left: 0; z-index: 5; - height: 2.5rem; - padding: 0.5rem 1rem; - line-height: 1.5; - color: #464a4c; + height: calc(2.25rem + 2px); + padding: 0.5rem 0.75rem; + overflow: hidden; + line-height: 1.25; + color: #495057; pointer-events: none; user-select: none; background-color: #fff; + background-clip: padding-box; border: 1px solid rgba(0, 0, 0, 0.15); border-radius: 0.25rem; } - .custom-file-control:lang(en)::after { + .custom-file-control:lang(en):empty::after { content: "Choose file..."; } .custom-file-control::before { position: absolute; - top: -1px; - right: -1px; - bottom: -1px; + top: 0; + right: 0; z-index: 6; display: block; - height: 2.5rem; - padding: 0.5rem 1rem; - line-height: 1.5; - color: #464a4c; - background-color: #eceeef; - border: 1px solid rgba(0, 0, 0, 0.15); - border-radius: 0 0.25rem 0.25rem 0; } + height: calc(2.25rem + 2px); + padding: 0.5rem 0.75rem; + line-height: 1.25; + color: #495057; + background-color: #e9ecef; + border-left: 1px solid rgba(0, 0, 0, 0.15); } .custom-file-control:lang(en)::before { content: "Browse"; } .nav { display: flex; + flex-wrap: wrap; padding-left: 0; margin-bottom: 0; list-style: none; } .nav-link { display: block; - padding: 0.5em 1em; } + padding: 0.5rem 1rem; } .nav-link:focus, .nav-link:hover { text-decoration: none; } .nav-link.disabled { - color: #636c72; - cursor: not-allowed; } + color: #868e96; } .nav-tabs { border-bottom: 1px solid #ddd; } @@ -3344,39 +3380,38 @@ tbody.collapse.show { margin-bottom: -1px; } .nav-tabs .nav-link { border: 1px solid transparent; - border-top-right-radius: 0.25rem; - border-top-left-radius: 0.25rem; } + border-top-left-radius: 0.25rem; + border-top-right-radius: 0.25rem; } .nav-tabs .nav-link:focus, .nav-tabs .nav-link:hover { - border-color: #eceeef #eceeef #ddd; } + border-color: #e9ecef #e9ecef #ddd; } .nav-tabs .nav-link.disabled { - color: #636c72; + color: #868e96; background-color: transparent; border-color: transparent; } .nav-tabs .nav-link.active, .nav-tabs .nav-item.show .nav-link { - color: #464a4c; + color: #495057; background-color: #fff; border-color: #ddd #ddd #fff; } .nav-tabs .dropdown-menu { margin-top: -1px; - border-top-right-radius: 0; - border-top-left-radius: 0; } + border-top-left-radius: 0; + border-top-right-radius: 0; } .nav-pills .nav-link { border-radius: 0.25rem; } - -.nav-pills .nav-link.active, -.nav-pills .nav-item.show .nav-link { - color: #fff; - cursor: default; - background-color: #7852B2; } + .nav-pills .nav-link.active, + .show > .nav-pills .nav-link { + color: #fff; + background-color: #007bff; } .nav-fill .nav-item { flex: 1 1 auto; text-align: center; } .nav-justified .nav-item { - flex: 1 1 100%; + flex-basis: 0; + flex-grow: 1; text-align: center; } .tab-content > .tab-pane { @@ -3388,13 +3423,21 @@ tbody.collapse.show { .navbar { position: relative; display: flex; - flex-direction: column; + flex-wrap: wrap; + align-items: center; + justify-content: space-between; padding: 0.5rem 1rem; } + .navbar > .container, + .navbar > .container-fluid { + display: flex; + flex-wrap: wrap; + align-items: center; + justify-content: space-between; } .navbar-brand { display: inline-block; - padding-top: .25rem; - padding-bottom: .25rem; + padding-top: 0.3125rem; + padding-bottom: 0.3125rem; margin-right: 1rem; font-size: 1.25rem; line-height: inherit; @@ -3411,14 +3454,20 @@ tbody.collapse.show { .navbar-nav .nav-link { padding-right: 0; padding-left: 0; } + .navbar-nav .dropdown-menu { + position: static; + float: none; } .navbar-text { display: inline-block; - padding-top: .425rem; - padding-bottom: .425rem; } + padding-top: 0.5rem; + padding-bottom: 0.5rem; } + +.navbar-collapse { + flex-basis: 100%; + align-items: center; } .navbar-toggler { - align-self: flex-start; padding: 0.25rem 0.75rem; font-size: 1.25rem; line-height: 1; @@ -3437,157 +3486,151 @@ tbody.collapse.show { background: no-repeat center center; background-size: 100% 100%; } -.navbar-toggler-left { - position: absolute; - left: 1rem; } - -.navbar-toggler-right { - position: absolute; - right: 1rem; } - @media (max-width: 575px) { - .navbar-toggleable .navbar-nav .dropdown-menu { - position: static; - float: none; } - .navbar-toggleable > .container { + .navbar-expand-sm > .container, + .navbar-expand-sm > .container-fluid { padding-right: 0; padding-left: 0; } } @media (min-width: 576px) { - .navbar-toggleable { + .navbar-expand-sm { flex-direction: row; flex-wrap: nowrap; - align-items: center; } - .navbar-toggleable .navbar-nav { + justify-content: flex-start; } + .navbar-expand-sm .navbar-nav { flex-direction: row; } - .navbar-toggleable .navbar-nav .nav-link { + .navbar-expand-sm .navbar-nav .dropdown-menu { + position: absolute; } + .navbar-expand-sm .navbar-nav .dropdown-menu-right { + right: 0; + left: auto; } + .navbar-expand-sm .navbar-nav .nav-link { padding-right: .5rem; padding-left: .5rem; } - .navbar-toggleable > .container { - display: flex; - flex-wrap: nowrap; - align-items: center; } - .navbar-toggleable .navbar-collapse { - display: flex !important; - width: 100%; } - .navbar-toggleable .navbar-toggler { + .navbar-expand-sm > .container, + .navbar-expand-sm > .container-fluid { + flex-wrap: nowrap; } + .navbar-expand-sm .navbar-collapse { + display: flex !important; } + .navbar-expand-sm .navbar-toggler { display: none; } } @media (max-width: 767px) { - .navbar-toggleable-sm .navbar-nav .dropdown-menu { - position: static; - float: none; } - .navbar-toggleable-sm > .container { + .navbar-expand-md > .container, + .navbar-expand-md > .container-fluid { padding-right: 0; padding-left: 0; } } @media (min-width: 768px) { - .navbar-toggleable-sm { + .navbar-expand-md { flex-direction: row; flex-wrap: nowrap; - align-items: center; } - .navbar-toggleable-sm .navbar-nav { + justify-content: flex-start; } + .navbar-expand-md .navbar-nav { flex-direction: row; } - .navbar-toggleable-sm .navbar-nav .nav-link { + .navbar-expand-md .navbar-nav .dropdown-menu { + position: absolute; } + .navbar-expand-md .navbar-nav .dropdown-menu-right { + right: 0; + left: auto; } + .navbar-expand-md .navbar-nav .nav-link { padding-right: .5rem; padding-left: .5rem; } - .navbar-toggleable-sm > .container { - display: flex; - flex-wrap: nowrap; - align-items: center; } - .navbar-toggleable-sm .navbar-collapse { - display: flex !important; - width: 100%; } - .navbar-toggleable-sm .navbar-toggler { + .navbar-expand-md > .container, + .navbar-expand-md > .container-fluid { + flex-wrap: nowrap; } + .navbar-expand-md .navbar-collapse { + display: flex !important; } + .navbar-expand-md .navbar-toggler { display: none; } } @media (max-width: 991px) { - .navbar-toggleable-md .navbar-nav .dropdown-menu { - position: static; - float: none; } - .navbar-toggleable-md > .container { + .navbar-expand-lg > .container, + .navbar-expand-lg > .container-fluid { padding-right: 0; padding-left: 0; } } @media (min-width: 992px) { - .navbar-toggleable-md { + .navbar-expand-lg { flex-direction: row; flex-wrap: nowrap; - align-items: center; } - .navbar-toggleable-md .navbar-nav { + justify-content: flex-start; } + .navbar-expand-lg .navbar-nav { flex-direction: row; } - .navbar-toggleable-md .navbar-nav .nav-link { + .navbar-expand-lg .navbar-nav .dropdown-menu { + position: absolute; } + .navbar-expand-lg .navbar-nav .dropdown-menu-right { + right: 0; + left: auto; } + .navbar-expand-lg .navbar-nav .nav-link { padding-right: .5rem; padding-left: .5rem; } - .navbar-toggleable-md > .container { - display: flex; - flex-wrap: nowrap; - align-items: center; } - .navbar-toggleable-md .navbar-collapse { - display: flex !important; - width: 100%; } - .navbar-toggleable-md .navbar-toggler { + .navbar-expand-lg > .container, + .navbar-expand-lg > .container-fluid { + flex-wrap: nowrap; } + .navbar-expand-lg .navbar-collapse { + display: flex !important; } + .navbar-expand-lg .navbar-toggler { display: none; } } @media (max-width: 1199px) { - .navbar-toggleable-lg .navbar-nav .dropdown-menu { - position: static; - float: none; } - .navbar-toggleable-lg > .container { + .navbar-expand-xl > .container, + .navbar-expand-xl > .container-fluid { padding-right: 0; padding-left: 0; } } @media (min-width: 1200px) { - .navbar-toggleable-lg { + .navbar-expand-xl { flex-direction: row; flex-wrap: nowrap; - align-items: center; } - .navbar-toggleable-lg .navbar-nav { + justify-content: flex-start; } + .navbar-expand-xl .navbar-nav { flex-direction: row; } - .navbar-toggleable-lg .navbar-nav .nav-link { + .navbar-expand-xl .navbar-nav .dropdown-menu { + position: absolute; } + .navbar-expand-xl .navbar-nav .dropdown-menu-right { + right: 0; + left: auto; } + .navbar-expand-xl .navbar-nav .nav-link { padding-right: .5rem; padding-left: .5rem; } - .navbar-toggleable-lg > .container { - display: flex; - flex-wrap: nowrap; - align-items: center; } - .navbar-toggleable-lg .navbar-collapse { - display: flex !important; - width: 100%; } - .navbar-toggleable-lg .navbar-toggler { + .navbar-expand-xl > .container, + .navbar-expand-xl > .container-fluid { + flex-wrap: nowrap; } + .navbar-expand-xl .navbar-collapse { + display: flex !important; } + .navbar-expand-xl .navbar-toggler { display: none; } } -.navbar-toggleable-xl { +.navbar-expand { flex-direction: row; flex-wrap: nowrap; - align-items: center; } - .navbar-toggleable-xl .navbar-nav .dropdown-menu { - position: static; - float: none; } - .navbar-toggleable-xl > .container { + justify-content: flex-start; } + .navbar-expand > .container, + .navbar-expand > .container-fluid { padding-right: 0; padding-left: 0; } - .navbar-toggleable-xl .navbar-nav { + .navbar-expand .navbar-nav { flex-direction: row; } - .navbar-toggleable-xl .navbar-nav .nav-link { + .navbar-expand .navbar-nav .dropdown-menu { + position: absolute; } + .navbar-expand .navbar-nav .dropdown-menu-right { + right: 0; + left: auto; } + .navbar-expand .navbar-nav .nav-link { padding-right: .5rem; padding-left: .5rem; } - .navbar-toggleable-xl > .container { - display: flex; - flex-wrap: nowrap; - align-items: center; } - .navbar-toggleable-xl .navbar-collapse { - display: flex !important; - width: 100%; } - .navbar-toggleable-xl .navbar-toggler { + .navbar-expand > .container, + .navbar-expand > .container-fluid { + flex-wrap: nowrap; } + .navbar-expand .navbar-collapse { + display: flex !important; } + .navbar-expand .navbar-toggler { display: none; } -.navbar-light .navbar-brand, -.navbar-light .navbar-toggler { +.navbar-light .navbar-brand { color: rgba(0, 0, 0, 0.9); } - .navbar-light .navbar-brand:focus, .navbar-light .navbar-brand:hover, - .navbar-light .navbar-toggler:focus, - .navbar-light .navbar-toggler:hover { + .navbar-light .navbar-brand:focus, .navbar-light .navbar-brand:hover { color: rgba(0, 0, 0, 0.9); } .navbar-light .navbar-nav .nav-link { @@ -3597,60 +3640,62 @@ tbody.collapse.show { .navbar-light .navbar-nav .nav-link.disabled { color: rgba(0, 0, 0, 0.3); } -.navbar-light .navbar-nav .open > .nav-link, +.navbar-light .navbar-nav .show > .nav-link, .navbar-light .navbar-nav .active > .nav-link, -.navbar-light .navbar-nav .nav-link.open, +.navbar-light .navbar-nav .nav-link.show, .navbar-light .navbar-nav .nav-link.active { color: rgba(0, 0, 0, 0.9); } .navbar-light .navbar-toggler { + color: rgba(0, 0, 0, 0.5); border-color: rgba(0, 0, 0, 0.1); } .navbar-light .navbar-toggler-icon { - background-image: url("data:image/svg+xml;charset=utf8,%3Csvg viewBox='0 0 32 32' 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 8h24M4 16h24M4 24h24'/%3E%3C/svg%3E"); } + 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"); } .navbar-light .navbar-text { color: rgba(0, 0, 0, 0.5); } -.navbar-inverse .navbar-brand, -.navbar-inverse .navbar-toggler { +.navbar-dark .navbar-brand { color: white; } - .navbar-inverse .navbar-brand:focus, .navbar-inverse .navbar-brand:hover, - .navbar-inverse .navbar-toggler:focus, - .navbar-inverse .navbar-toggler:hover { + .navbar-dark .navbar-brand:focus, .navbar-dark .navbar-brand:hover { color: white; } -.navbar-inverse .navbar-nav .nav-link { +.navbar-dark .navbar-nav .nav-link { color: rgba(255, 255, 255, 0.5); } - .navbar-inverse .navbar-nav .nav-link:focus, .navbar-inverse .navbar-nav .nav-link:hover { + .navbar-dark .navbar-nav .nav-link:focus, .navbar-dark .navbar-nav .nav-link:hover { color: rgba(255, 255, 255, 0.75); } - .navbar-inverse .navbar-nav .nav-link.disabled { + .navbar-dark .navbar-nav .nav-link.disabled { color: rgba(255, 255, 255, 0.25); } -.navbar-inverse .navbar-nav .open > .nav-link, -.navbar-inverse .navbar-nav .active > .nav-link, -.navbar-inverse .navbar-nav .nav-link.open, -.navbar-inverse .navbar-nav .nav-link.active { +.navbar-dark .navbar-nav .show > .nav-link, +.navbar-dark .navbar-nav .active > .nav-link, +.navbar-dark .navbar-nav .nav-link.show, +.navbar-dark .navbar-nav .nav-link.active { color: white; } -.navbar-inverse .navbar-toggler { +.navbar-dark .navbar-toggler { + color: rgba(255, 255, 255, 0.5); border-color: rgba(255, 255, 255, 0.1); } -.navbar-inverse .navbar-toggler-icon { - background-image: url("data:image/svg+xml;charset=utf8,%3Csvg viewBox='0 0 32 32' 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 8h24M4 16h24M4 24h24'/%3E%3C/svg%3E"); } +.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"); } -.navbar-inverse .navbar-text { +.navbar-dark .navbar-text { color: rgba(255, 255, 255, 0.5); } .card { position: relative; display: flex; flex-direction: column; + min-width: 0; + word-wrap: break-word; background-color: #fff; + background-clip: border-box; border: 1px solid rgba(0, 0, 0, 0.125); border-radius: 0.25rem; } -.card-block { +.card-body { flex: 1 1 auto; padding: 1.25rem; } @@ -3671,8 +3716,8 @@ tbody.collapse.show { margin-left: 1.25rem; } .card > .list-group:first-child .list-group-item:first-child { - border-top-right-radius: 0.25rem; - border-top-left-radius: 0.25rem; } + border-top-left-radius: 0.25rem; + border-top-right-radius: 0.25rem; } .card > .list-group:last-child .list-group-item:last-child { border-bottom-right-radius: 0.25rem; @@ -3681,14 +3726,14 @@ tbody.collapse.show { .card-header { padding: 0.75rem 1.25rem; margin-bottom: 0; - background-color: #f7f7f9; + background-color: rgba(0, 0, 0, 0.03); border-bottom: 1px solid rgba(0, 0, 0, 0.125); } .card-header:first-child { border-radius: calc(0.25rem - 1px) calc(0.25rem - 1px) 0 0; } .card-footer { padding: 0.75rem 1.25rem; - background-color: #f7f7f9; + background-color: rgba(0, 0, 0, 0.03); border-top: 1px solid rgba(0, 0, 0, 0.125); } .card-footer:last-child { border-radius: 0 0 calc(0.25rem - 1px) calc(0.25rem - 1px); } @@ -3703,92 +3748,6 @@ tbody.collapse.show { margin-right: -0.625rem; margin-left: -0.625rem; } -.card-primary { - background-color: #7852B2; - border-color: #7852B2; } - .card-primary .card-header, - .card-primary .card-footer { - background-color: transparent; } - -.card-success { - background-color: #5cb85c; - border-color: #5cb85c; } - .card-success .card-header, - .card-success .card-footer { - background-color: transparent; } - -.card-info { - background-color: #5bc0de; - border-color: #5bc0de; } - .card-info .card-header, - .card-info .card-footer { - background-color: transparent; } - -.card-warning { - background-color: #f0ad4e; - border-color: #f0ad4e; } - .card-warning .card-header, - .card-warning .card-footer { - background-color: transparent; } - -.card-danger { - background-color: #d9534f; - border-color: #d9534f; } - .card-danger .card-header, - .card-danger .card-footer { - background-color: transparent; } - -.card-outline-primary { - background-color: transparent; - border-color: #7852B2; } - -.card-outline-secondary { - background-color: transparent; - border-color: #ccc; } - -.card-outline-info { - background-color: transparent; - border-color: #5bc0de; } - -.card-outline-success { - background-color: transparent; - border-color: #5cb85c; } - -.card-outline-warning { - background-color: transparent; - border-color: #f0ad4e; } - -.card-outline-danger { - background-color: transparent; - border-color: #d9534f; } - -.card-inverse { - color: rgba(255, 255, 255, 0.65); } - .card-inverse .card-header, - .card-inverse .card-footer { - background-color: transparent; - border-color: rgba(255, 255, 255, 0.2); } - .card-inverse .card-header, - .card-inverse .card-footer, - .card-inverse .card-title, - .card-inverse .card-blockquote { - color: #fff; } - .card-inverse .card-link, - .card-inverse .card-text, - .card-inverse .card-subtitle, - .card-inverse .card-blockquote .blockquote-footer { - color: rgba(255, 255, 255, 0.65); } - .card-inverse .card-link:focus, .card-inverse .card-link:hover { - color: #fff; } - -.card-blockquote { - padding: 0; - margin-bottom: 0; - border-left: 0; } - -.card-img { - border-radius: calc(0.25rem - 1px); } - .card-img-overlay { position: absolute; top: 0; @@ -3797,46 +3756,52 @@ tbody.collapse.show { left: 0; padding: 1.25rem; } +.card-img { + width: 100%; + border-radius: calc(0.25rem - 1px); } + .card-img-top { - border-top-right-radius: calc(0.25rem - 1px); - border-top-left-radius: calc(0.25rem - 1px); } + width: 100%; + border-top-left-radius: calc(0.25rem - 1px); + border-top-right-radius: calc(0.25rem - 1px); } .card-img-bottom { + width: 100%; border-bottom-right-radius: calc(0.25rem - 1px); border-bottom-left-radius: calc(0.25rem - 1px); } @media (min-width: 576px) { .card-deck { display: flex; - flex-flow: row wrap; } + flex-flow: row wrap; + margin-right: -15px; + margin-left: -15px; } .card-deck .card { display: flex; - flex: 1 0 0; - flex-direction: column; } - .card-deck .card:not(:first-child) { - margin-left: 15px; } - .card-deck .card:not(:last-child) { - margin-right: 15px; } } + flex: 1 0 0%; + flex-direction: column; + margin-right: 15px; + margin-left: 15px; } } @media (min-width: 576px) { .card-group { display: flex; flex-flow: row wrap; } .card-group .card { - flex: 1 0 0; } + flex: 1 0 0%; } .card-group .card + .card { margin-left: 0; border-left: 0; } .card-group .card:first-child { - border-bottom-right-radius: 0; - border-top-right-radius: 0; } + border-top-right-radius: 0; + border-bottom-right-radius: 0; } .card-group .card:first-child .card-img-top { border-top-right-radius: 0; } .card-group .card:first-child .card-img-bottom { border-bottom-right-radius: 0; } .card-group .card:last-child { - border-bottom-left-radius: 0; - border-top-left-radius: 0; } + border-top-left-radius: 0; + border-bottom-left-radius: 0; } .card-group .card:last-child .card-img-top { border-top-left-radius: 0; } .card-group .card:last-child .card-img-bottom { @@ -3847,25 +3812,27 @@ tbody.collapse.show { .card-group .card:not(:first-child):not(:last-child) .card-img-bottom { border-radius: 0; } } +.card-columns .card { + margin-bottom: 0.75rem; } + @media (min-width: 576px) { .card-columns { column-count: 3; column-gap: 1.25rem; } .card-columns .card { display: inline-block; - width: 100%; - margin-bottom: 0.75rem; } } + width: 100%; } } .breadcrumb { padding: 0.75rem 1rem; margin-bottom: 1rem; list-style: none; - background-color: #eceeef; + background-color: #e9ecef; border-radius: 0.25rem; } .breadcrumb::after { display: block; - content: ""; - clear: both; } + clear: both; + content: ""; } .breadcrumb-item { float: left; } @@ -3873,14 +3840,14 @@ tbody.collapse.show { display: inline-block; padding-right: 0.5rem; padding-left: 0.5rem; - color: #636c72; + color: #868e96; content: "/"; } .breadcrumb-item + .breadcrumb-item:hover::before { text-decoration: underline; } .breadcrumb-item + .breadcrumb-item:hover::before { text-decoration: none; } .breadcrumb-item.active { - color: #636c72; } + color: #868e96; } .pagination { display: flex; @@ -3890,23 +3857,22 @@ tbody.collapse.show { .page-item:first-child .page-link { margin-left: 0; - border-bottom-left-radius: 0.25rem; - border-top-left-radius: 0.25rem; } + border-top-left-radius: 0.25rem; + border-bottom-left-radius: 0.25rem; } .page-item:last-child .page-link { - border-bottom-right-radius: 0.25rem; - border-top-right-radius: 0.25rem; } + border-top-right-radius: 0.25rem; + border-bottom-right-radius: 0.25rem; } .page-item.active .page-link { z-index: 2; color: #fff; - background-color: #7852B2; - border-color: #7852B2; } + background-color: #007bff; + border-color: #007bff; } .page-item.disabled .page-link { - color: #636c72; + color: #868e96; pointer-events: none; - cursor: not-allowed; background-color: #fff; border-color: #ddd; } @@ -3916,38 +3882,40 @@ tbody.collapse.show { padding: 0.5rem 0.75rem; margin-left: -1px; line-height: 1.25; - color: #7852B2; + color: #007bff; background-color: #fff; border: 1px solid #ddd; } .page-link:focus, .page-link:hover { - color: #54397f; + color: #0056b3; text-decoration: none; - background-color: #eceeef; + background-color: #e9ecef; border-color: #ddd; } .pagination-lg .page-link { padding: 0.75rem 1.5rem; - font-size: 1.25rem; } + font-size: 1.25rem; + line-height: 1.5; } .pagination-lg .page-item:first-child .page-link { - border-bottom-left-radius: 0.3rem; - border-top-left-radius: 0.3rem; } + border-top-left-radius: 0.3rem; + border-bottom-left-radius: 0.3rem; } .pagination-lg .page-item:last-child .page-link { - border-bottom-right-radius: 0.3rem; - border-top-right-radius: 0.3rem; } + border-top-right-radius: 0.3rem; + border-bottom-right-radius: 0.3rem; } .pagination-sm .page-link { padding: 0.25rem 0.5rem; - font-size: 0.875rem; } + font-size: 0.875rem; + line-height: 1.5; } .pagination-sm .page-item:first-child .page-link { - border-bottom-left-radius: 0.2rem; - border-top-left-radius: 0.2rem; } + border-top-left-radius: 0.2rem; + border-bottom-left-radius: 0.2rem; } .pagination-sm .page-item:last-child .page-link { - border-bottom-right-radius: 0.2rem; - border-top-right-radius: 0.2rem; } + border-top-right-radius: 0.2rem; + border-bottom-right-radius: 0.2rem; } .badge { display: inline-block; @@ -3967,58 +3935,84 @@ tbody.collapse.show { position: relative; top: -1px; } -a.badge:focus, a.badge:hover { - color: #fff; - text-decoration: none; - cursor: pointer; } - .badge-pill { padding-right: 0.6em; padding-left: 0.6em; border-radius: 10rem; } -.badge-default { - background-color: #636c72; } - .badge-default[href]:focus, .badge-default[href]:hover { - background-color: #4b5257; } - .badge-primary { - background-color: #7852B2; } + color: #fff; + background-color: #007bff; } .badge-primary[href]:focus, .badge-primary[href]:hover { - background-color: #604091; } + color: #fff; + text-decoration: none; + background-color: #0062cc; } + +.badge-secondary { + color: #fff; + background-color: #868e96; } + .badge-secondary[href]:focus, .badge-secondary[href]:hover { + color: #fff; + text-decoration: none; + background-color: #6c757d; } .badge-success { - background-color: #5cb85c; } + color: #fff; + background-color: #28a745; } .badge-success[href]:focus, .badge-success[href]:hover { - background-color: #449d44; } + color: #fff; + text-decoration: none; + background-color: #1e7e34; } .badge-info { - background-color: #5bc0de; } + color: #fff; + background-color: #17a2b8; } .badge-info[href]:focus, .badge-info[href]:hover { - background-color: #31b0d5; } + color: #fff; + text-decoration: none; + background-color: #117a8b; } .badge-warning { - background-color: #f0ad4e; } + color: #111; + background-color: #ffc107; } .badge-warning[href]:focus, .badge-warning[href]:hover { - background-color: #ec971f; } + color: #111; + text-decoration: none; + background-color: #d39e00; } .badge-danger { - background-color: #d9534f; } + color: #fff; + background-color: #dc3545; } .badge-danger[href]:focus, .badge-danger[href]:hover { - background-color: #c9302c; } + color: #fff; + text-decoration: none; + background-color: #bd2130; } + +.badge-light { + color: #111; + background-color: #f8f9fa; } + .badge-light[href]:focus, .badge-light[href]:hover { + color: #111; + text-decoration: none; + background-color: #dae0e5; } + +.badge-dark { + color: #fff; + background-color: #343a40; } + .badge-dark[href]:focus, .badge-dark[href]:hover { + color: #fff; + text-decoration: none; + background-color: #1d2124; } .jumbotron { padding: 2rem 1rem; margin-bottom: 2rem; - background-color: #eceeef; + background-color: #e9ecef; border-radius: 0.3rem; } @media (min-width: 576px) { .jumbotron { padding: 4rem 2rem; } } -.jumbotron-hr { - border-top-color: #d0d5d8; } - .jumbotron-fluid { padding-right: 0; padding-left: 0; @@ -4043,41 +4037,77 @@ a.badge:focus, a.badge:hover { padding: 0.75rem 1.25rem; color: inherit; } +.alert-primary { + color: #004085; + background-color: #cce5ff; + border-color: #b8daff; } + .alert-primary hr { + border-top-color: #9fcdff; } + .alert-primary .alert-link { + color: #002752; } + +.alert-secondary { + color: #464a4e; + background-color: #e7e8ea; + border-color: #dddfe2; } + .alert-secondary hr { + border-top-color: #cfd2d6; } + .alert-secondary .alert-link { + color: #2e3133; } + .alert-success { - background-color: #dff0d8; - border-color: #d0e9c6; - color: #3c763d; } + color: #155724; + background-color: #d4edda; + border-color: #c3e6cb; } .alert-success hr { - border-top-color: #c1e2b3; } + border-top-color: #b1dfbb; } .alert-success .alert-link { - color: #2b542c; } + color: #0b2e13; } .alert-info { - background-color: #d9edf7; - border-color: #bcdff1; - color: #31708f; } + color: #0c5460; + background-color: #d1ecf1; + border-color: #bee5eb; } .alert-info hr { - border-top-color: #a6d5ec; } + border-top-color: #abdde5; } .alert-info .alert-link { - color: #245269; } + color: #062c33; } .alert-warning { - background-color: #fcf8e3; - border-color: #faf2cc; - color: #8a6d3b; } + color: #856404; + background-color: #fff3cd; + border-color: #ffeeba; } .alert-warning hr { - border-top-color: #f7ecb5; } + border-top-color: #ffe8a1; } .alert-warning .alert-link { - color: #66512c; } + color: #533f03; } .alert-danger { - background-color: #f2dede; - border-color: #ebcccc; - color: #a94442; } + color: #721c24; + background-color: #f8d7da; + border-color: #f5c6cb; } .alert-danger hr { - border-top-color: #e4b9b9; } + border-top-color: #f1b0b7; } .alert-danger .alert-link { - color: #843534; } + color: #491217; } + +.alert-light { + color: #818182; + background-color: #fefefe; + border-color: #fdfdfe; } + .alert-light hr { + border-top-color: #ececf6; } + .alert-light .alert-link { + color: #686868; } + +.alert-dark { + color: #1b1e21; + background-color: #d6d8d9; + border-color: #c6c8ca; } + .alert-dark hr { + border-top-color: #b9bbbe; } + .alert-dark .alert-link { + color: #040505; } @keyframes progress-bar-stripes { from { @@ -4087,17 +4117,18 @@ a.badge:focus, a.badge:hover { .progress { display: flex; + height: 1rem; overflow: hidden; font-size: 0.75rem; - line-height: 1rem; - text-align: center; - background-color: #eceeef; + background-color: #e9ecef; border-radius: 0.25rem; } .progress-bar { - height: 1rem; + display: flex; + align-items: center; + justify-content: center; color: #fff; - background-color: #7852B2; } + background-color: #007bff; } .progress-bar-striped { background-image: linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent); @@ -4121,30 +4152,26 @@ a.badge:focus, a.badge:hover { .list-group-item-action { width: 100%; - color: #464a4c; + color: #495057; text-align: inherit; } - .list-group-item-action .list-group-item-heading { - color: #292b2c; } .list-group-item-action:focus, .list-group-item-action:hover { - color: #464a4c; + color: #495057; text-decoration: none; - background-color: #f7f7f9; } + background-color: #f8f9fa; } .list-group-item-action:active { - color: #292b2c; - background-color: #eceeef; } + color: #212529; + background-color: #e9ecef; } .list-group-item { position: relative; - display: flex; - flex-flow: row wrap; - align-items: center; + display: block; padding: 0.75rem 1.25rem; margin-bottom: -1px; background-color: #fff; border: 1px solid rgba(0, 0, 0, 0.125); } .list-group-item:first-child { - border-top-right-radius: 0.25rem; - border-top-left-radius: 0.25rem; } + border-top-left-radius: 0.25rem; + border-top-right-radius: 0.25rem; } .list-group-item:last-child { margin-bottom: 0; border-bottom-right-radius: 0.25rem; @@ -4152,24 +4179,13 @@ a.badge:focus, a.badge:hover { .list-group-item:focus, .list-group-item:hover { text-decoration: none; } .list-group-item.disabled, .list-group-item:disabled { - color: #636c72; - cursor: not-allowed; + color: #868e96; background-color: #fff; } - .list-group-item.disabled .list-group-item-heading, .list-group-item:disabled .list-group-item-heading { - color: inherit; } - .list-group-item.disabled .list-group-item-text, .list-group-item:disabled .list-group-item-text { - color: #636c72; } .list-group-item.active { z-index: 2; color: #fff; - background-color: #7852B2; - border-color: #7852B2; } - .list-group-item.active .list-group-item-heading, - .list-group-item.active .list-group-item-heading > small, - .list-group-item.active .list-group-item-heading > .small { - color: inherit; } - .list-group-item.active .list-group-item-text { - color: white; } + background-color: #007bff; + border-color: #007bff; } .list-group-flush .list-group-item { border-right: 0; @@ -4182,123 +4198,149 @@ a.badge:focus, a.badge:hover { .list-group-flush:last-child .list-group-item:last-child { border-bottom: 0; } +.list-group-item-primary { + color: #004085; + background-color: #b8daff; } + +a.list-group-item-primary, +button.list-group-item-primary { + color: #004085; } + a.list-group-item-primary:focus, a.list-group-item-primary:hover, + button.list-group-item-primary:focus, + button.list-group-item-primary:hover { + color: #004085; + background-color: #9fcdff; } + a.list-group-item-primary.active, + button.list-group-item-primary.active { + color: #fff; + background-color: #004085; + border-color: #004085; } + +.list-group-item-secondary { + color: #464a4e; + background-color: #dddfe2; } + +a.list-group-item-secondary, +button.list-group-item-secondary { + color: #464a4e; } + a.list-group-item-secondary:focus, a.list-group-item-secondary:hover, + button.list-group-item-secondary:focus, + button.list-group-item-secondary:hover { + color: #464a4e; + background-color: #cfd2d6; } + a.list-group-item-secondary.active, + button.list-group-item-secondary.active { + color: #fff; + background-color: #464a4e; + border-color: #464a4e; } + .list-group-item-success { - color: #3c763d; - background-color: #dff0d8; } + color: #155724; + background-color: #c3e6cb; } a.list-group-item-success, button.list-group-item-success { - color: #3c763d; } - a.list-group-item-success .list-group-item-heading, - button.list-group-item-success .list-group-item-heading { - color: inherit; } + color: #155724; } a.list-group-item-success:focus, a.list-group-item-success:hover, button.list-group-item-success:focus, button.list-group-item-success:hover { - color: #3c763d; - background-color: #d0e9c6; } + color: #155724; + background-color: #b1dfbb; } a.list-group-item-success.active, button.list-group-item-success.active { color: #fff; - background-color: #3c763d; - border-color: #3c763d; } + background-color: #155724; + border-color: #155724; } .list-group-item-info { - color: #31708f; - background-color: #d9edf7; } + color: #0c5460; + background-color: #bee5eb; } a.list-group-item-info, button.list-group-item-info { - color: #31708f; } - a.list-group-item-info .list-group-item-heading, - button.list-group-item-info .list-group-item-heading { - color: inherit; } + color: #0c5460; } a.list-group-item-info:focus, a.list-group-item-info:hover, button.list-group-item-info:focus, button.list-group-item-info:hover { - color: #31708f; - background-color: #c4e3f3; } + color: #0c5460; + background-color: #abdde5; } a.list-group-item-info.active, button.list-group-item-info.active { color: #fff; - background-color: #31708f; - border-color: #31708f; } + background-color: #0c5460; + border-color: #0c5460; } .list-group-item-warning { - color: #8a6d3b; - background-color: #fcf8e3; } + color: #856404; + background-color: #ffeeba; } a.list-group-item-warning, button.list-group-item-warning { - color: #8a6d3b; } - a.list-group-item-warning .list-group-item-heading, - button.list-group-item-warning .list-group-item-heading { - color: inherit; } + color: #856404; } a.list-group-item-warning:focus, a.list-group-item-warning:hover, button.list-group-item-warning:focus, button.list-group-item-warning:hover { - color: #8a6d3b; - background-color: #faf2cc; } + color: #856404; + background-color: #ffe8a1; } a.list-group-item-warning.active, button.list-group-item-warning.active { color: #fff; - background-color: #8a6d3b; - border-color: #8a6d3b; } + background-color: #856404; + border-color: #856404; } .list-group-item-danger { - color: #a94442; - background-color: #f2dede; } + color: #721c24; + background-color: #f5c6cb; } a.list-group-item-danger, button.list-group-item-danger { - color: #a94442; } - a.list-group-item-danger .list-group-item-heading, - button.list-group-item-danger .list-group-item-heading { - color: inherit; } + color: #721c24; } a.list-group-item-danger:focus, a.list-group-item-danger:hover, button.list-group-item-danger:focus, button.list-group-item-danger:hover { - color: #a94442; - background-color: #ebcccc; } + color: #721c24; + background-color: #f1b0b7; } a.list-group-item-danger.active, button.list-group-item-danger.active { color: #fff; - background-color: #a94442; - border-color: #a94442; } + background-color: #721c24; + border-color: #721c24; } -.embed-responsive { - position: relative; - display: block; - width: 100%; - padding: 0; - overflow: hidden; } - .embed-responsive::before { - display: block; - content: ""; } - .embed-responsive .embed-responsive-item, - .embed-responsive iframe, - .embed-responsive embed, - .embed-responsive object, - .embed-responsive video { - position: absolute; - top: 0; - bottom: 0; - left: 0; - width: 100%; - height: 100%; - border: 0; } +.list-group-item-light { + color: #818182; + background-color: #fdfdfe; } -.embed-responsive-21by9::before { - padding-top: 42.85714%; } +a.list-group-item-light, +button.list-group-item-light { + color: #818182; } + a.list-group-item-light:focus, a.list-group-item-light:hover, + button.list-group-item-light:focus, + button.list-group-item-light:hover { + color: #818182; + background-color: #ececf6; } + a.list-group-item-light.active, + button.list-group-item-light.active { + color: #fff; + background-color: #818182; + border-color: #818182; } -.embed-responsive-16by9::before { - padding-top: 56.25%; } +.list-group-item-dark { + color: #1b1e21; + background-color: #c6c8ca; } -.embed-responsive-4by3::before { - padding-top: 75%; } - -.embed-responsive-1by1::before { - padding-top: 100%; } +a.list-group-item-dark, +button.list-group-item-dark { + color: #1b1e21; } + a.list-group-item-dark:focus, a.list-group-item-dark:hover, + button.list-group-item-dark:focus, + button.list-group-item-dark:hover { + color: #1b1e21; + background-color: #b9bbbe; } + a.list-group-item-dark.active, + button.list-group-item-dark.active { + color: #fff; + background-color: #1b1e21; + border-color: #1b1e21; } .close { float: right; @@ -4311,12 +4353,10 @@ button.list-group-item-danger { .close:focus, .close:hover { color: #000; text-decoration: none; - cursor: pointer; opacity: .75; } button.close { padding: 0; - cursor: pointer; background: transparent; border: 0; -webkit-appearance: none; } @@ -4377,7 +4417,9 @@ button.close { align-items: center; justify-content: space-between; padding: 15px; - border-bottom: 1px solid #eceeef; } + border-bottom: 1px solid #e9ecef; } + .modal-header .close { + margin-left: auto; } .modal-title { margin-bottom: 0; @@ -4393,7 +4435,7 @@ button.close { align-items: center; justify-content: flex-end; padding: 15px; - border-top: 1px solid #eceeef; } + border-top: 1px solid #e9ecef; } .modal-footer > :not(:first-child) { margin-left: .25rem; } .modal-footer > :not(:last-child) { @@ -4421,65 +4463,72 @@ button.close { position: absolute; z-index: 1070; display: block; + margin: 0; font-family: Arial, sans-serif; font-style: normal; font-weight: normal; - letter-spacing: normal; - line-break: auto; line-height: 1.5; text-align: left; text-align: start; text-decoration: none; text-shadow: none; text-transform: none; - white-space: normal; + letter-spacing: normal; word-break: normal; word-spacing: normal; + white-space: normal; + line-break: auto; font-size: 0.875rem; word-wrap: break-word; opacity: 0; } .tooltip.show { opacity: 0.9; } - .tooltip.tooltip-top, .tooltip.bs-tether-element-attached-bottom { - padding: 5px 0; - margin-top: -3px; } - .tooltip.tooltip-top .tooltip-inner::before, .tooltip.bs-tether-element-attached-bottom .tooltip-inner::before { - bottom: 0; - left: 50%; - margin-left: -5px; + .tooltip .arrow { + position: absolute; + display: block; + width: 5px; + height: 5px; } + .tooltip.bs-tooltip-top, .tooltip.bs-tooltip-auto[x-placement^="top"] { + padding: 5px 0; } + .tooltip.bs-tooltip-top .arrow, .tooltip.bs-tooltip-auto[x-placement^="top"] .arrow { + bottom: 0; } + .tooltip.bs-tooltip-top .arrow::before, .tooltip.bs-tooltip-auto[x-placement^="top"] .arrow::before { + margin-left: -3px; content: ""; border-width: 5px 5px 0; border-top-color: #000; } - .tooltip.tooltip-right, .tooltip.bs-tether-element-attached-left { - padding: 0 5px; - margin-left: 3px; } - .tooltip.tooltip-right .tooltip-inner::before, .tooltip.bs-tether-element-attached-left .tooltip-inner::before { - top: 50%; - left: 0; - margin-top: -5px; + .tooltip.bs-tooltip-right, .tooltip.bs-tooltip-auto[x-placement^="right"] { + padding: 0 5px; } + .tooltip.bs-tooltip-right .arrow, .tooltip.bs-tooltip-auto[x-placement^="right"] .arrow { + left: 0; } + .tooltip.bs-tooltip-right .arrow::before, .tooltip.bs-tooltip-auto[x-placement^="right"] .arrow::before { + margin-top: -3px; content: ""; border-width: 5px 5px 5px 0; border-right-color: #000; } - .tooltip.tooltip-bottom, .tooltip.bs-tether-element-attached-top { - padding: 5px 0; - margin-top: 3px; } - .tooltip.tooltip-bottom .tooltip-inner::before, .tooltip.bs-tether-element-attached-top .tooltip-inner::before { - top: 0; - left: 50%; - margin-left: -5px; + .tooltip.bs-tooltip-bottom, .tooltip.bs-tooltip-auto[x-placement^="bottom"] { + padding: 5px 0; } + .tooltip.bs-tooltip-bottom .arrow, .tooltip.bs-tooltip-auto[x-placement^="bottom"] .arrow { + top: 0; } + .tooltip.bs-tooltip-bottom .arrow::before, .tooltip.bs-tooltip-auto[x-placement^="bottom"] .arrow::before { + margin-left: -3px; content: ""; border-width: 0 5px 5px; border-bottom-color: #000; } - .tooltip.tooltip-left, .tooltip.bs-tether-element-attached-right { - padding: 0 5px; - margin-left: -3px; } - .tooltip.tooltip-left .tooltip-inner::before, .tooltip.bs-tether-element-attached-right .tooltip-inner::before { - top: 50%; + .tooltip.bs-tooltip-left, .tooltip.bs-tooltip-auto[x-placement^="left"] { + padding: 0 5px; } + .tooltip.bs-tooltip-left .arrow, .tooltip.bs-tooltip-auto[x-placement^="left"] .arrow { + right: 0; } + .tooltip.bs-tooltip-left .arrow::before, .tooltip.bs-tooltip-auto[x-placement^="left"] .arrow::before { right: 0; - margin-top: -5px; + margin-top: -3px; content: ""; border-width: 5px 0 5px 5px; border-left-color: #000; } + .tooltip .arrow::before { + position: absolute; + border-color: transparent; + border-style: solid; } .tooltip-inner { max-width: 200px; @@ -4488,12 +4537,6 @@ button.close { text-align: center; background-color: #000; border-radius: 0.25rem; } - .tooltip-inner::before { - position: absolute; - width: 0; - height: 0; - border-color: transparent; - border-style: solid; } .popover { position: absolute; @@ -4506,63 +4549,84 @@ button.close { font-family: Arial, sans-serif; font-style: normal; font-weight: normal; - letter-spacing: normal; - line-break: auto; line-height: 1.5; text-align: left; text-align: start; text-decoration: none; text-shadow: none; text-transform: none; - white-space: normal; + letter-spacing: normal; word-break: normal; word-spacing: normal; + white-space: normal; + line-break: auto; font-size: 0.875rem; word-wrap: break-word; background-color: #fff; background-clip: padding-box; border: 1px solid rgba(0, 0, 0, 0.2); border-radius: 0.3rem; } - .popover.popover-top, .popover.bs-tether-element-attached-bottom { - margin-top: -10px; } - .popover.popover-top::before, .popover.popover-top::after, .popover.bs-tether-element-attached-bottom::before, .popover.bs-tether-element-attached-bottom::after { - left: 50%; + .popover .arrow { + position: absolute; + display: block; + width: 10px; + height: 5px; } + .popover .arrow::before, + .popover .arrow::after { + position: absolute; + display: block; + border-color: transparent; + border-style: solid; } + .popover .arrow::before { + content: ""; + border-width: 11px; } + .popover .arrow::after { + content: ""; + border-width: 11px; } + .popover.bs-popover-top, .popover.bs-popover-auto[x-placement^="top"] { + margin-bottom: 10px; } + .popover.bs-popover-top .arrow, .popover.bs-popover-auto[x-placement^="top"] .arrow { + bottom: 0; } + .popover.bs-popover-top .arrow::before, .popover.bs-popover-auto[x-placement^="top"] .arrow::before, + .popover.bs-popover-top .arrow::after, .popover.bs-popover-auto[x-placement^="top"] .arrow::after { border-bottom-width: 0; } - .popover.popover-top::before, .popover.bs-tether-element-attached-bottom::before { + .popover.bs-popover-top .arrow::before, .popover.bs-popover-auto[x-placement^="top"] .arrow::before { bottom: -11px; - margin-left: -11px; + margin-left: -6px; border-top-color: rgba(0, 0, 0, 0.25); } - .popover.popover-top::after, .popover.bs-tether-element-attached-bottom::after { + .popover.bs-popover-top .arrow::after, .popover.bs-popover-auto[x-placement^="top"] .arrow::after { bottom: -10px; - margin-left: -10px; + margin-left: -6px; border-top-color: #fff; } - .popover.popover-right, .popover.bs-tether-element-attached-left { + .popover.bs-popover-right, .popover.bs-popover-auto[x-placement^="right"] { margin-left: 10px; } - .popover.popover-right::before, .popover.popover-right::after, .popover.bs-tether-element-attached-left::before, .popover.bs-tether-element-attached-left::after { - top: 50%; + .popover.bs-popover-right .arrow, .popover.bs-popover-auto[x-placement^="right"] .arrow { + left: 0; } + .popover.bs-popover-right .arrow::before, .popover.bs-popover-auto[x-placement^="right"] .arrow::before, + .popover.bs-popover-right .arrow::after, .popover.bs-popover-auto[x-placement^="right"] .arrow::after { + margin-top: -8px; border-left-width: 0; } - .popover.popover-right::before, .popover.bs-tether-element-attached-left::before { + .popover.bs-popover-right .arrow::before, .popover.bs-popover-auto[x-placement^="right"] .arrow::before { left: -11px; - margin-top: -11px; border-right-color: rgba(0, 0, 0, 0.25); } - .popover.popover-right::after, .popover.bs-tether-element-attached-left::after { + .popover.bs-popover-right .arrow::after, .popover.bs-popover-auto[x-placement^="right"] .arrow::after { left: -10px; - margin-top: -10px; border-right-color: #fff; } - .popover.popover-bottom, .popover.bs-tether-element-attached-top { + .popover.bs-popover-bottom, .popover.bs-popover-auto[x-placement^="bottom"] { margin-top: 10px; } - .popover.popover-bottom::before, .popover.popover-bottom::after, .popover.bs-tether-element-attached-top::before, .popover.bs-tether-element-attached-top::after { - left: 50%; + .popover.bs-popover-bottom .arrow, .popover.bs-popover-auto[x-placement^="bottom"] .arrow { + top: 0; } + .popover.bs-popover-bottom .arrow::before, .popover.bs-popover-auto[x-placement^="bottom"] .arrow::before, + .popover.bs-popover-bottom .arrow::after, .popover.bs-popover-auto[x-placement^="bottom"] .arrow::after { + margin-left: -7px; border-top-width: 0; } - .popover.popover-bottom::before, .popover.bs-tether-element-attached-top::before { + .popover.bs-popover-bottom .arrow::before, .popover.bs-popover-auto[x-placement^="bottom"] .arrow::before { top: -11px; - margin-left: -11px; border-bottom-color: rgba(0, 0, 0, 0.25); } - .popover.popover-bottom::after, .popover.bs-tether-element-attached-top::after { + .popover.bs-popover-bottom .arrow::after, .popover.bs-popover-auto[x-placement^="bottom"] .arrow::after { top: -10px; - margin-left: -10px; - border-bottom-color: #f7f7f7; } - .popover.popover-bottom .popover-title::before, .popover.bs-tether-element-attached-top .popover-title::before { + border-bottom-color: #fff; } + .popover.bs-popover-bottom .popover-header::before, .popover.bs-popover-auto[x-placement^="bottom"] .popover-header::before { position: absolute; top: 0; left: 50%; @@ -4571,50 +4635,36 @@ button.close { margin-left: -10px; content: ""; border-bottom: 1px solid #f7f7f7; } - .popover.popover-left, .popover.bs-tether-element-attached-right { - margin-left: -10px; } - .popover.popover-left::before, .popover.popover-left::after, .popover.bs-tether-element-attached-right::before, .popover.bs-tether-element-attached-right::after { - top: 50%; + .popover.bs-popover-left, .popover.bs-popover-auto[x-placement^="left"] { + margin-right: 10px; } + .popover.bs-popover-left .arrow, .popover.bs-popover-auto[x-placement^="left"] .arrow { + right: 0; } + .popover.bs-popover-left .arrow::before, .popover.bs-popover-auto[x-placement^="left"] .arrow::before, + .popover.bs-popover-left .arrow::after, .popover.bs-popover-auto[x-placement^="left"] .arrow::after { + margin-top: -8px; border-right-width: 0; } - .popover.popover-left::before, .popover.bs-tether-element-attached-right::before { + .popover.bs-popover-left .arrow::before, .popover.bs-popover-auto[x-placement^="left"] .arrow::before { right: -11px; - margin-top: -11px; border-left-color: rgba(0, 0, 0, 0.25); } - .popover.popover-left::after, .popover.bs-tether-element-attached-right::after { + .popover.bs-popover-left .arrow::after, .popover.bs-popover-auto[x-placement^="left"] .arrow::after { right: -10px; - margin-top: -10px; border-left-color: #fff; } -.popover-title { +.popover-header { padding: 8px 14px; margin-bottom: 0; font-size: 1rem; + color: inherit; background-color: #f7f7f7; border-bottom: 1px solid #ebebeb; - border-top-right-radius: calc(0.3rem - 1px); - border-top-left-radius: calc(0.3rem - 1px); } - .popover-title:empty { + border-top-left-radius: calc(0.3rem - 1px); + border-top-right-radius: calc(0.3rem - 1px); } + .popover-header:empty { display: none; } -.popover-content { - padding: 9px 14px; } - -.popover::before, -.popover::after { - position: absolute; - display: block; - width: 0; - height: 0; - border-color: transparent; - border-style: solid; } - -.popover::before { - content: ""; - border-width: 11px; } - -.popover::after { - content: ""; - border-width: 10px; } +.popover-body { + padding: 9px 14px; + color: #212529; } .carousel { position: relative; } @@ -4627,49 +4677,45 @@ button.close { .carousel-item { position: relative; display: none; - width: 100%; } - @media (-webkit-transform-3d) { - .carousel-item { - transition: transform 0.6s ease-in-out; - backface-visibility: hidden; - perspective: 1000px; } } - @supports (transform: translate3d(0, 0, 0)) { - .carousel-item { - transition: transform 0.6s ease-in-out; - backface-visibility: hidden; - perspective: 1000px; } } + align-items: center; + width: 100%; + transition: transform 0.6s ease; + backface-visibility: hidden; + perspective: 1000px; } .carousel-item.active, .carousel-item-next, .carousel-item-prev { - display: flex; } + display: block; } .carousel-item-next, .carousel-item-prev { position: absolute; top: 0; } -@media (-webkit-transform-3d) { - .carousel-item-next.carousel-item-left, - .carousel-item-prev.carousel-item-right { - transform: translate3d(0, 0, 0); } - .carousel-item-next, - .active.carousel-item-right { - transform: translate3d(100%, 0, 0); } - .carousel-item-prev, - .active.carousel-item-left { - transform: translate3d(-100%, 0, 0); } } +.carousel-item-next.carousel-item-left, +.carousel-item-prev.carousel-item-right { + transform: translateX(0); } + @supports (transform-style: preserve-3d) { + .carousel-item-next.carousel-item-left, + .carousel-item-prev.carousel-item-right { + transform: translate3d(0, 0, 0); } } -@supports (transform: translate3d(0, 0, 0)) { - .carousel-item-next.carousel-item-left, - .carousel-item-prev.carousel-item-right { - transform: translate3d(0, 0, 0); } - .carousel-item-next, - .active.carousel-item-right { - transform: translate3d(100%, 0, 0); } - .carousel-item-prev, - .active.carousel-item-left { - transform: translate3d(-100%, 0, 0); } } +.carousel-item-next, +.active.carousel-item-right { + transform: translateX(100%); } + @supports (transform-style: preserve-3d) { + .carousel-item-next, + .active.carousel-item-right { + transform: translate3d(100%, 0, 0); } } + +.carousel-item-prev, +.active.carousel-item-left { + transform: translateX(-100%); } + @supports (transform-style: preserve-3d) { + .carousel-item-prev, + .active.carousel-item-left { + transform: translate3d(-100%, 0, 0); } } .carousel-control-prev, .carousel-control-next { @@ -4725,13 +4771,12 @@ button.close { list-style: none; } .carousel-indicators li { position: relative; - flex: 1 0 auto; - max-width: 30px; + flex: 0 1 auto; + width: 30px; height: 3px; margin-right: 3px; margin-left: 3px; text-indent: -999px; - cursor: pointer; background-color: rgba(255, 255, 255, 0.5); } .carousel-indicators li::before { position: absolute; @@ -4781,44 +4826,62 @@ button.close { .align-text-top { vertical-align: text-top !important; } -.bg-faded { - background-color: #f7f7f7; } - .bg-primary { - background-color: #7852B2 !important; } + background-color: #007bff !important; } a.bg-primary:focus, a.bg-primary:hover { - background-color: #604091 !important; } + background-color: #0062cc !important; } + +.bg-secondary { + background-color: #868e96 !important; } + +a.bg-secondary:focus, a.bg-secondary:hover { + background-color: #6c757d !important; } .bg-success { - background-color: #5cb85c !important; } + background-color: #28a745 !important; } a.bg-success:focus, a.bg-success:hover { - background-color: #449d44 !important; } + background-color: #1e7e34 !important; } .bg-info { - background-color: #5bc0de !important; } + background-color: #17a2b8 !important; } a.bg-info:focus, a.bg-info:hover { - background-color: #31b0d5 !important; } + background-color: #117a8b !important; } .bg-warning { - background-color: #f0ad4e !important; } + background-color: #ffc107 !important; } a.bg-warning:focus, a.bg-warning:hover { - background-color: #ec971f !important; } + background-color: #d39e00 !important; } .bg-danger { - background-color: #d9534f !important; } + background-color: #dc3545 !important; } a.bg-danger:focus, a.bg-danger:hover { - background-color: #c9302c !important; } + background-color: #bd2130 !important; } -.bg-inverse { - background-color: #292b2c !important; } +.bg-light { + background-color: #f8f9fa !important; } -a.bg-inverse:focus, a.bg-inverse:hover { - background-color: #101112 !important; } +a.bg-light:focus, a.bg-light:hover { + background-color: #dae0e5 !important; } + +.bg-dark { + background-color: #343a40 !important; } + +a.bg-dark:focus, a.bg-dark:hover { + background-color: #1d2124 !important; } + +.bg-white { + background-color: #fff !important; } + +.bg-transparent { + background-color: transparent !important; } + +.border { + border: 1px solid #e9ecef !important; } .border-0 { border: 0 !important; } @@ -4835,24 +4898,51 @@ a.bg-inverse:focus, a.bg-inverse:hover { .border-left-0 { border-left: 0 !important; } +.border-primary { + border-color: #007bff !important; } + +.border-secondary { + border-color: #868e96 !important; } + +.border-success { + border-color: #28a745 !important; } + +.border-info { + border-color: #17a2b8 !important; } + +.border-warning { + border-color: #ffc107 !important; } + +.border-danger { + border-color: #dc3545 !important; } + +.border-light { + border-color: #f8f9fa !important; } + +.border-dark { + border-color: #343a40 !important; } + +.border-white { + border-color: #fff !important; } + .rounded { - border-radius: 0.25rem; } + border-radius: 0.25rem !important; } .rounded-top { - border-top-right-radius: 0.25rem; - border-top-left-radius: 0.25rem; } + border-top-left-radius: 0.25rem !important; + border-top-right-radius: 0.25rem !important; } .rounded-right { - border-bottom-right-radius: 0.25rem; - border-top-right-radius: 0.25rem; } + border-top-right-radius: 0.25rem !important; + border-bottom-right-radius: 0.25rem !important; } .rounded-bottom { - border-bottom-right-radius: 0.25rem; - border-bottom-left-radius: 0.25rem; } + border-bottom-right-radius: 0.25rem !important; + border-bottom-left-radius: 0.25rem !important; } .rounded-left { - border-bottom-left-radius: 0.25rem; - border-top-left-radius: 0.25rem; } + border-top-left-radius: 0.25rem !important; + border-bottom-left-radius: 0.25rem !important; } .rounded-circle { border-radius: 50%; } @@ -4862,8 +4952,8 @@ a.bg-inverse:focus, a.bg-inverse:hover { .clearfix::after { display: block; - content: ""; - clear: both; } + clear: both; + content: ""; } .d-none { display: none !important; } @@ -4961,14 +5051,61 @@ a.bg-inverse:focus, a.bg-inverse:hover { .d-xl-inline-flex { display: inline-flex !important; } } -.flex-first { - order: -1; } +.d-print-block { + display: none !important; } + @media print { + .d-print-block { + display: block !important; } } -.flex-last { - order: 1; } +.d-print-inline { + display: none !important; } + @media print { + .d-print-inline { + display: inline !important; } } -.flex-unordered { - order: 0; } +.d-print-inline-block { + display: none !important; } + @media print { + .d-print-inline-block { + display: inline-block !important; } } + +@media print { + .d-print-none { + display: none !important; } } + +.embed-responsive { + position: relative; + display: block; + width: 100%; + padding: 0; + overflow: hidden; } + .embed-responsive::before { + display: block; + content: ""; } + .embed-responsive .embed-responsive-item, + .embed-responsive iframe, + .embed-responsive embed, + .embed-responsive object, + .embed-responsive video { + position: absolute; + top: 0; + bottom: 0; + left: 0; + width: 100%; + height: 100%; + border: 0; } + +.embed-responsive-21by9::before { + padding-top: 42.85714%; } + +.embed-responsive-16by9::before { + padding-top: 56.25%; } + +.embed-responsive-4by3::before { + padding-top: 75%; } + +.embed-responsive-1by1::before { + padding-top: 100%; } .flex-row { flex-direction: row !important; } @@ -5058,12 +5195,6 @@ a.bg-inverse:focus, a.bg-inverse:hover { align-self: stretch !important; } @media (min-width: 576px) { - .flex-sm-first { - order: -1; } - .flex-sm-last { - order: 1; } - .flex-sm-unordered { - order: 0; } .flex-sm-row { flex-direction: row !important; } .flex-sm-column { @@ -5124,12 +5255,6 @@ a.bg-inverse:focus, a.bg-inverse:hover { align-self: stretch !important; } } @media (min-width: 768px) { - .flex-md-first { - order: -1; } - .flex-md-last { - order: 1; } - .flex-md-unordered { - order: 0; } .flex-md-row { flex-direction: row !important; } .flex-md-column { @@ -5190,12 +5315,6 @@ a.bg-inverse:focus, a.bg-inverse:hover { align-self: stretch !important; } } @media (min-width: 992px) { - .flex-lg-first { - order: -1; } - .flex-lg-last { - order: 1; } - .flex-lg-unordered { - order: 0; } .flex-lg-row { flex-direction: row !important; } .flex-lg-column { @@ -5256,12 +5375,6 @@ a.bg-inverse:focus, a.bg-inverse:hover { align-self: stretch !important; } } @media (min-width: 1200px) { - .flex-xl-first { - order: -1; } - .flex-xl-last { - order: 1; } - .flex-xl-unordered { - order: 0; } .flex-xl-row { flex-direction: row !important; } .flex-xl-column { @@ -5362,6 +5475,21 @@ a.bg-inverse:focus, a.bg-inverse:hover { .float-xl-none { float: none !important; } } +.position-static { + position: static !important; } + +.position-relative { + position: relative !important; } + +.position-absolute { + position: absolute !important; } + +.position-fixed { + position: fixed !important; } + +.position-sticky { + position: sticky !important; } + .fixed-top { position: fixed; top: 0; @@ -5376,28 +5504,31 @@ a.bg-inverse:focus, a.bg-inverse:hover { left: 0; z-index: 1030; } -.sticky-top { - position: sticky; - top: 0; - z-index: 1030; } +@supports (position: sticky) { + .sticky-top { + position: sticky; + top: 0; + z-index: 1020; } } .sr-only { position: absolute; width: 1px; height: 1px; padding: 0; - margin: -1px; overflow: hidden; clip: rect(0, 0, 0, 0); + white-space: nowrap; + clip-path: inset(50%); border: 0; } .sr-only-focusable:active, .sr-only-focusable:focus { position: static; width: auto; height: auto; - margin: 0; overflow: visible; - clip: auto; } + clip: auto; + white-space: normal; + clip-path: none; } .w-25 { width: 25% !important; } @@ -5430,1143 +5561,987 @@ a.bg-inverse:focus, a.bg-inverse:hover { max-height: 100% !important; } .m-0 { - margin: 0 0 !important; } + margin: 0 !important; } -.mt-0 { +.mt-0, +.my-0 { margin-top: 0 !important; } -.mr-0 { +.mr-0, +.mx-0 { margin-right: 0 !important; } -.mb-0 { - margin-bottom: 0 !important; } - -.ml-0 { - margin-left: 0 !important; } - -.mx-0 { - margin-right: 0 !important; - margin-left: 0 !important; } - +.mb-0, .my-0 { - margin-top: 0 !important; margin-bottom: 0 !important; } +.ml-0, +.mx-0 { + margin-left: 0 !important; } + .m-1 { - margin: 0.25rem 0.25rem !important; } + margin: 0.25rem !important; } -.mt-1 { +.mt-1, +.my-1 { margin-top: 0.25rem !important; } -.mr-1 { +.mr-1, +.mx-1 { margin-right: 0.25rem !important; } -.mb-1 { - margin-bottom: 0.25rem !important; } - -.ml-1 { - margin-left: 0.25rem !important; } - -.mx-1 { - margin-right: 0.25rem !important; - margin-left: 0.25rem !important; } - +.mb-1, .my-1 { - margin-top: 0.25rem !important; margin-bottom: 0.25rem !important; } +.ml-1, +.mx-1 { + margin-left: 0.25rem !important; } + .m-2 { - margin: 0.5rem 0.5rem !important; } + margin: 0.5rem !important; } -.mt-2 { +.mt-2, +.my-2 { margin-top: 0.5rem !important; } -.mr-2 { +.mr-2, +.mx-2 { margin-right: 0.5rem !important; } -.mb-2 { - margin-bottom: 0.5rem !important; } - -.ml-2 { - margin-left: 0.5rem !important; } - -.mx-2 { - margin-right: 0.5rem !important; - margin-left: 0.5rem !important; } - +.mb-2, .my-2 { - margin-top: 0.5rem !important; margin-bottom: 0.5rem !important; } +.ml-2, +.mx-2 { + margin-left: 0.5rem !important; } + .m-3 { - margin: 1rem 1rem !important; } + margin: 1rem !important; } -.mt-3 { +.mt-3, +.my-3 { margin-top: 1rem !important; } -.mr-3 { +.mr-3, +.mx-3 { margin-right: 1rem !important; } -.mb-3 { - margin-bottom: 1rem !important; } - -.ml-3 { - margin-left: 1rem !important; } - -.mx-3 { - margin-right: 1rem !important; - margin-left: 1rem !important; } - +.mb-3, .my-3 { - margin-top: 1rem !important; margin-bottom: 1rem !important; } +.ml-3, +.mx-3 { + margin-left: 1rem !important; } + .m-4 { - margin: 1.5rem 1.5rem !important; } + margin: 1.5rem !important; } -.mt-4 { +.mt-4, +.my-4 { margin-top: 1.5rem !important; } -.mr-4 { +.mr-4, +.mx-4 { margin-right: 1.5rem !important; } -.mb-4 { - margin-bottom: 1.5rem !important; } - -.ml-4 { - margin-left: 1.5rem !important; } - -.mx-4 { - margin-right: 1.5rem !important; - margin-left: 1.5rem !important; } - +.mb-4, .my-4 { - margin-top: 1.5rem !important; margin-bottom: 1.5rem !important; } +.ml-4, +.mx-4 { + margin-left: 1.5rem !important; } + .m-5 { - margin: 3rem 3rem !important; } + margin: 3rem !important; } -.mt-5 { +.mt-5, +.my-5 { margin-top: 3rem !important; } -.mr-5 { +.mr-5, +.mx-5 { margin-right: 3rem !important; } -.mb-5 { - margin-bottom: 3rem !important; } - -.ml-5 { - margin-left: 3rem !important; } - -.mx-5 { - margin-right: 3rem !important; - margin-left: 3rem !important; } - +.mb-5, .my-5 { - margin-top: 3rem !important; margin-bottom: 3rem !important; } +.ml-5, +.mx-5 { + margin-left: 3rem !important; } + .p-0 { - padding: 0 0 !important; } + padding: 0 !important; } -.pt-0 { +.pt-0, +.py-0 { padding-top: 0 !important; } -.pr-0 { +.pr-0, +.px-0 { padding-right: 0 !important; } -.pb-0 { - padding-bottom: 0 !important; } - -.pl-0 { - padding-left: 0 !important; } - -.px-0 { - padding-right: 0 !important; - padding-left: 0 !important; } - +.pb-0, .py-0 { - padding-top: 0 !important; padding-bottom: 0 !important; } +.pl-0, +.px-0 { + padding-left: 0 !important; } + .p-1 { - padding: 0.25rem 0.25rem !important; } + padding: 0.25rem !important; } -.pt-1 { +.pt-1, +.py-1 { padding-top: 0.25rem !important; } -.pr-1 { +.pr-1, +.px-1 { padding-right: 0.25rem !important; } -.pb-1 { - padding-bottom: 0.25rem !important; } - -.pl-1 { - padding-left: 0.25rem !important; } - -.px-1 { - padding-right: 0.25rem !important; - padding-left: 0.25rem !important; } - +.pb-1, .py-1 { - padding-top: 0.25rem !important; padding-bottom: 0.25rem !important; } +.pl-1, +.px-1 { + padding-left: 0.25rem !important; } + .p-2 { - padding: 0.5rem 0.5rem !important; } + padding: 0.5rem !important; } -.pt-2 { +.pt-2, +.py-2 { padding-top: 0.5rem !important; } -.pr-2 { +.pr-2, +.px-2 { padding-right: 0.5rem !important; } -.pb-2 { - padding-bottom: 0.5rem !important; } - -.pl-2 { - padding-left: 0.5rem !important; } - -.px-2 { - padding-right: 0.5rem !important; - padding-left: 0.5rem !important; } - +.pb-2, .py-2 { - padding-top: 0.5rem !important; padding-bottom: 0.5rem !important; } +.pl-2, +.px-2 { + padding-left: 0.5rem !important; } + .p-3 { - padding: 1rem 1rem !important; } + padding: 1rem !important; } -.pt-3 { +.pt-3, +.py-3 { padding-top: 1rem !important; } -.pr-3 { +.pr-3, +.px-3 { padding-right: 1rem !important; } -.pb-3 { - padding-bottom: 1rem !important; } - -.pl-3 { - padding-left: 1rem !important; } - -.px-3 { - padding-right: 1rem !important; - padding-left: 1rem !important; } - +.pb-3, .py-3 { - padding-top: 1rem !important; padding-bottom: 1rem !important; } +.pl-3, +.px-3 { + padding-left: 1rem !important; } + .p-4 { - padding: 1.5rem 1.5rem !important; } + padding: 1.5rem !important; } -.pt-4 { +.pt-4, +.py-4 { padding-top: 1.5rem !important; } -.pr-4 { +.pr-4, +.px-4 { padding-right: 1.5rem !important; } -.pb-4 { - padding-bottom: 1.5rem !important; } - -.pl-4 { - padding-left: 1.5rem !important; } - -.px-4 { - padding-right: 1.5rem !important; - padding-left: 1.5rem !important; } - +.pb-4, .py-4 { - padding-top: 1.5rem !important; padding-bottom: 1.5rem !important; } +.pl-4, +.px-4 { + padding-left: 1.5rem !important; } + .p-5 { - padding: 3rem 3rem !important; } + padding: 3rem !important; } -.pt-5 { +.pt-5, +.py-5 { padding-top: 3rem !important; } -.pr-5 { +.pr-5, +.px-5 { padding-right: 3rem !important; } -.pb-5 { - padding-bottom: 3rem !important; } - -.pl-5 { - padding-left: 3rem !important; } - -.px-5 { - padding-right: 3rem !important; - padding-left: 3rem !important; } - +.pb-5, .py-5 { - padding-top: 3rem !important; padding-bottom: 3rem !important; } +.pl-5, +.px-5 { + padding-left: 3rem !important; } + .m-auto { margin: auto !important; } -.mt-auto { +.mt-auto, +.my-auto { margin-top: auto !important; } -.mr-auto { +.mr-auto, +.mx-auto { margin-right: auto !important; } -.mb-auto { - margin-bottom: auto !important; } - -.ml-auto { - margin-left: auto !important; } - -.mx-auto { - margin-right: auto !important; - margin-left: auto !important; } - +.mb-auto, .my-auto { - margin-top: auto !important; margin-bottom: auto !important; } +.ml-auto, +.mx-auto { + margin-left: auto !important; } + @media (min-width: 576px) { .m-sm-0 { - margin: 0 0 !important; } - .mt-sm-0 { - margin-top: 0 !important; } - .mr-sm-0 { - margin-right: 0 !important; } - .mb-sm-0 { - margin-bottom: 0 !important; } - .ml-sm-0 { - margin-left: 0 !important; } - .mx-sm-0 { - margin-right: 0 !important; - margin-left: 0 !important; } + margin: 0 !important; } + .mt-sm-0, + .my-sm-0 { + margin-top: 0 !important; } + .mr-sm-0, + .mx-sm-0 { + margin-right: 0 !important; } + .mb-sm-0, .my-sm-0 { - margin-top: 0 !important; margin-bottom: 0 !important; } + .ml-sm-0, + .mx-sm-0 { + margin-left: 0 !important; } .m-sm-1 { - margin: 0.25rem 0.25rem !important; } - .mt-sm-1 { - margin-top: 0.25rem !important; } - .mr-sm-1 { - margin-right: 0.25rem !important; } - .mb-sm-1 { - margin-bottom: 0.25rem !important; } - .ml-sm-1 { - margin-left: 0.25rem !important; } - .mx-sm-1 { - margin-right: 0.25rem !important; - margin-left: 0.25rem !important; } + margin: 0.25rem !important; } + .mt-sm-1, + .my-sm-1 { + margin-top: 0.25rem !important; } + .mr-sm-1, + .mx-sm-1 { + margin-right: 0.25rem !important; } + .mb-sm-1, .my-sm-1 { - margin-top: 0.25rem !important; margin-bottom: 0.25rem !important; } + .ml-sm-1, + .mx-sm-1 { + margin-left: 0.25rem !important; } .m-sm-2 { - margin: 0.5rem 0.5rem !important; } - .mt-sm-2 { - margin-top: 0.5rem !important; } - .mr-sm-2 { - margin-right: 0.5rem !important; } - .mb-sm-2 { - margin-bottom: 0.5rem !important; } - .ml-sm-2 { - margin-left: 0.5rem !important; } - .mx-sm-2 { - margin-right: 0.5rem !important; - margin-left: 0.5rem !important; } + margin: 0.5rem !important; } + .mt-sm-2, + .my-sm-2 { + margin-top: 0.5rem !important; } + .mr-sm-2, + .mx-sm-2 { + margin-right: 0.5rem !important; } + .mb-sm-2, .my-sm-2 { - margin-top: 0.5rem !important; margin-bottom: 0.5rem !important; } + .ml-sm-2, + .mx-sm-2 { + margin-left: 0.5rem !important; } .m-sm-3 { - margin: 1rem 1rem !important; } - .mt-sm-3 { - margin-top: 1rem !important; } - .mr-sm-3 { - margin-right: 1rem !important; } - .mb-sm-3 { - margin-bottom: 1rem !important; } - .ml-sm-3 { - margin-left: 1rem !important; } - .mx-sm-3 { - margin-right: 1rem !important; - margin-left: 1rem !important; } + margin: 1rem !important; } + .mt-sm-3, + .my-sm-3 { + margin-top: 1rem !important; } + .mr-sm-3, + .mx-sm-3 { + margin-right: 1rem !important; } + .mb-sm-3, .my-sm-3 { - margin-top: 1rem !important; margin-bottom: 1rem !important; } + .ml-sm-3, + .mx-sm-3 { + margin-left: 1rem !important; } .m-sm-4 { - margin: 1.5rem 1.5rem !important; } - .mt-sm-4 { - margin-top: 1.5rem !important; } - .mr-sm-4 { - margin-right: 1.5rem !important; } - .mb-sm-4 { - margin-bottom: 1.5rem !important; } - .ml-sm-4 { - margin-left: 1.5rem !important; } - .mx-sm-4 { - margin-right: 1.5rem !important; - margin-left: 1.5rem !important; } + margin: 1.5rem !important; } + .mt-sm-4, + .my-sm-4 { + margin-top: 1.5rem !important; } + .mr-sm-4, + .mx-sm-4 { + margin-right: 1.5rem !important; } + .mb-sm-4, .my-sm-4 { - margin-top: 1.5rem !important; margin-bottom: 1.5rem !important; } + .ml-sm-4, + .mx-sm-4 { + margin-left: 1.5rem !important; } .m-sm-5 { - margin: 3rem 3rem !important; } - .mt-sm-5 { - margin-top: 3rem !important; } - .mr-sm-5 { - margin-right: 3rem !important; } - .mb-sm-5 { - margin-bottom: 3rem !important; } - .ml-sm-5 { - margin-left: 3rem !important; } - .mx-sm-5 { - margin-right: 3rem !important; - margin-left: 3rem !important; } + margin: 3rem !important; } + .mt-sm-5, + .my-sm-5 { + margin-top: 3rem !important; } + .mr-sm-5, + .mx-sm-5 { + margin-right: 3rem !important; } + .mb-sm-5, .my-sm-5 { - margin-top: 3rem !important; margin-bottom: 3rem !important; } + .ml-sm-5, + .mx-sm-5 { + margin-left: 3rem !important; } .p-sm-0 { - padding: 0 0 !important; } - .pt-sm-0 { - padding-top: 0 !important; } - .pr-sm-0 { - padding-right: 0 !important; } - .pb-sm-0 { - padding-bottom: 0 !important; } - .pl-sm-0 { - padding-left: 0 !important; } - .px-sm-0 { - padding-right: 0 !important; - padding-left: 0 !important; } + padding: 0 !important; } + .pt-sm-0, + .py-sm-0 { + padding-top: 0 !important; } + .pr-sm-0, + .px-sm-0 { + padding-right: 0 !important; } + .pb-sm-0, .py-sm-0 { - padding-top: 0 !important; padding-bottom: 0 !important; } + .pl-sm-0, + .px-sm-0 { + padding-left: 0 !important; } .p-sm-1 { - padding: 0.25rem 0.25rem !important; } - .pt-sm-1 { - padding-top: 0.25rem !important; } - .pr-sm-1 { - padding-right: 0.25rem !important; } - .pb-sm-1 { - padding-bottom: 0.25rem !important; } - .pl-sm-1 { - padding-left: 0.25rem !important; } - .px-sm-1 { - padding-right: 0.25rem !important; - padding-left: 0.25rem !important; } + padding: 0.25rem !important; } + .pt-sm-1, + .py-sm-1 { + padding-top: 0.25rem !important; } + .pr-sm-1, + .px-sm-1 { + padding-right: 0.25rem !important; } + .pb-sm-1, .py-sm-1 { - padding-top: 0.25rem !important; padding-bottom: 0.25rem !important; } + .pl-sm-1, + .px-sm-1 { + padding-left: 0.25rem !important; } .p-sm-2 { - padding: 0.5rem 0.5rem !important; } - .pt-sm-2 { - padding-top: 0.5rem !important; } - .pr-sm-2 { - padding-right: 0.5rem !important; } - .pb-sm-2 { - padding-bottom: 0.5rem !important; } - .pl-sm-2 { - padding-left: 0.5rem !important; } - .px-sm-2 { - padding-right: 0.5rem !important; - padding-left: 0.5rem !important; } + padding: 0.5rem !important; } + .pt-sm-2, + .py-sm-2 { + padding-top: 0.5rem !important; } + .pr-sm-2, + .px-sm-2 { + padding-right: 0.5rem !important; } + .pb-sm-2, .py-sm-2 { - padding-top: 0.5rem !important; padding-bottom: 0.5rem !important; } + .pl-sm-2, + .px-sm-2 { + padding-left: 0.5rem !important; } .p-sm-3 { - padding: 1rem 1rem !important; } - .pt-sm-3 { - padding-top: 1rem !important; } - .pr-sm-3 { - padding-right: 1rem !important; } - .pb-sm-3 { - padding-bottom: 1rem !important; } - .pl-sm-3 { - padding-left: 1rem !important; } - .px-sm-3 { - padding-right: 1rem !important; - padding-left: 1rem !important; } + padding: 1rem !important; } + .pt-sm-3, + .py-sm-3 { + padding-top: 1rem !important; } + .pr-sm-3, + .px-sm-3 { + padding-right: 1rem !important; } + .pb-sm-3, .py-sm-3 { - padding-top: 1rem !important; padding-bottom: 1rem !important; } + .pl-sm-3, + .px-sm-3 { + padding-left: 1rem !important; } .p-sm-4 { - padding: 1.5rem 1.5rem !important; } - .pt-sm-4 { - padding-top: 1.5rem !important; } - .pr-sm-4 { - padding-right: 1.5rem !important; } - .pb-sm-4 { - padding-bottom: 1.5rem !important; } - .pl-sm-4 { - padding-left: 1.5rem !important; } - .px-sm-4 { - padding-right: 1.5rem !important; - padding-left: 1.5rem !important; } + padding: 1.5rem !important; } + .pt-sm-4, + .py-sm-4 { + padding-top: 1.5rem !important; } + .pr-sm-4, + .px-sm-4 { + padding-right: 1.5rem !important; } + .pb-sm-4, .py-sm-4 { - padding-top: 1.5rem !important; padding-bottom: 1.5rem !important; } + .pl-sm-4, + .px-sm-4 { + padding-left: 1.5rem !important; } .p-sm-5 { - padding: 3rem 3rem !important; } - .pt-sm-5 { - padding-top: 3rem !important; } - .pr-sm-5 { - padding-right: 3rem !important; } - .pb-sm-5 { - padding-bottom: 3rem !important; } - .pl-sm-5 { - padding-left: 3rem !important; } - .px-sm-5 { - padding-right: 3rem !important; - padding-left: 3rem !important; } + padding: 3rem !important; } + .pt-sm-5, + .py-sm-5 { + padding-top: 3rem !important; } + .pr-sm-5, + .px-sm-5 { + padding-right: 3rem !important; } + .pb-sm-5, .py-sm-5 { - padding-top: 3rem !important; padding-bottom: 3rem !important; } + .pl-sm-5, + .px-sm-5 { + padding-left: 3rem !important; } .m-sm-auto { margin: auto !important; } - .mt-sm-auto { - margin-top: auto !important; } - .mr-sm-auto { - margin-right: auto !important; } - .mb-sm-auto { - margin-bottom: auto !important; } - .ml-sm-auto { - margin-left: auto !important; } - .mx-sm-auto { - margin-right: auto !important; - margin-left: auto !important; } + .mt-sm-auto, .my-sm-auto { - margin-top: auto !important; - margin-bottom: auto !important; } } + margin-top: auto !important; } + .mr-sm-auto, + .mx-sm-auto { + margin-right: auto !important; } + .mb-sm-auto, + .my-sm-auto { + margin-bottom: auto !important; } + .ml-sm-auto, + .mx-sm-auto { + margin-left: auto !important; } } @media (min-width: 768px) { .m-md-0 { - margin: 0 0 !important; } - .mt-md-0 { - margin-top: 0 !important; } - .mr-md-0 { - margin-right: 0 !important; } - .mb-md-0 { - margin-bottom: 0 !important; } - .ml-md-0 { - margin-left: 0 !important; } - .mx-md-0 { - margin-right: 0 !important; - margin-left: 0 !important; } + margin: 0 !important; } + .mt-md-0, + .my-md-0 { + margin-top: 0 !important; } + .mr-md-0, + .mx-md-0 { + margin-right: 0 !important; } + .mb-md-0, .my-md-0 { - margin-top: 0 !important; margin-bottom: 0 !important; } + .ml-md-0, + .mx-md-0 { + margin-left: 0 !important; } .m-md-1 { - margin: 0.25rem 0.25rem !important; } - .mt-md-1 { - margin-top: 0.25rem !important; } - .mr-md-1 { - margin-right: 0.25rem !important; } - .mb-md-1 { - margin-bottom: 0.25rem !important; } - .ml-md-1 { - margin-left: 0.25rem !important; } - .mx-md-1 { - margin-right: 0.25rem !important; - margin-left: 0.25rem !important; } + margin: 0.25rem !important; } + .mt-md-1, + .my-md-1 { + margin-top: 0.25rem !important; } + .mr-md-1, + .mx-md-1 { + margin-right: 0.25rem !important; } + .mb-md-1, .my-md-1 { - margin-top: 0.25rem !important; margin-bottom: 0.25rem !important; } + .ml-md-1, + .mx-md-1 { + margin-left: 0.25rem !important; } .m-md-2 { - margin: 0.5rem 0.5rem !important; } - .mt-md-2 { - margin-top: 0.5rem !important; } - .mr-md-2 { - margin-right: 0.5rem !important; } - .mb-md-2 { - margin-bottom: 0.5rem !important; } - .ml-md-2 { - margin-left: 0.5rem !important; } - .mx-md-2 { - margin-right: 0.5rem !important; - margin-left: 0.5rem !important; } + margin: 0.5rem !important; } + .mt-md-2, + .my-md-2 { + margin-top: 0.5rem !important; } + .mr-md-2, + .mx-md-2 { + margin-right: 0.5rem !important; } + .mb-md-2, .my-md-2 { - margin-top: 0.5rem !important; margin-bottom: 0.5rem !important; } + .ml-md-2, + .mx-md-2 { + margin-left: 0.5rem !important; } .m-md-3 { - margin: 1rem 1rem !important; } - .mt-md-3 { - margin-top: 1rem !important; } - .mr-md-3 { - margin-right: 1rem !important; } - .mb-md-3 { - margin-bottom: 1rem !important; } - .ml-md-3 { - margin-left: 1rem !important; } - .mx-md-3 { - margin-right: 1rem !important; - margin-left: 1rem !important; } + margin: 1rem !important; } + .mt-md-3, + .my-md-3 { + margin-top: 1rem !important; } + .mr-md-3, + .mx-md-3 { + margin-right: 1rem !important; } + .mb-md-3, .my-md-3 { - margin-top: 1rem !important; margin-bottom: 1rem !important; } + .ml-md-3, + .mx-md-3 { + margin-left: 1rem !important; } .m-md-4 { - margin: 1.5rem 1.5rem !important; } - .mt-md-4 { - margin-top: 1.5rem !important; } - .mr-md-4 { - margin-right: 1.5rem !important; } - .mb-md-4 { - margin-bottom: 1.5rem !important; } - .ml-md-4 { - margin-left: 1.5rem !important; } - .mx-md-4 { - margin-right: 1.5rem !important; - margin-left: 1.5rem !important; } + margin: 1.5rem !important; } + .mt-md-4, + .my-md-4 { + margin-top: 1.5rem !important; } + .mr-md-4, + .mx-md-4 { + margin-right: 1.5rem !important; } + .mb-md-4, .my-md-4 { - margin-top: 1.5rem !important; margin-bottom: 1.5rem !important; } + .ml-md-4, + .mx-md-4 { + margin-left: 1.5rem !important; } .m-md-5 { - margin: 3rem 3rem !important; } - .mt-md-5 { - margin-top: 3rem !important; } - .mr-md-5 { - margin-right: 3rem !important; } - .mb-md-5 { - margin-bottom: 3rem !important; } - .ml-md-5 { - margin-left: 3rem !important; } - .mx-md-5 { - margin-right: 3rem !important; - margin-left: 3rem !important; } + margin: 3rem !important; } + .mt-md-5, + .my-md-5 { + margin-top: 3rem !important; } + .mr-md-5, + .mx-md-5 { + margin-right: 3rem !important; } + .mb-md-5, .my-md-5 { - margin-top: 3rem !important; margin-bottom: 3rem !important; } + .ml-md-5, + .mx-md-5 { + margin-left: 3rem !important; } .p-md-0 { - padding: 0 0 !important; } - .pt-md-0 { - padding-top: 0 !important; } - .pr-md-0 { - padding-right: 0 !important; } - .pb-md-0 { - padding-bottom: 0 !important; } - .pl-md-0 { - padding-left: 0 !important; } - .px-md-0 { - padding-right: 0 !important; - padding-left: 0 !important; } + padding: 0 !important; } + .pt-md-0, + .py-md-0 { + padding-top: 0 !important; } + .pr-md-0, + .px-md-0 { + padding-right: 0 !important; } + .pb-md-0, .py-md-0 { - padding-top: 0 !important; padding-bottom: 0 !important; } + .pl-md-0, + .px-md-0 { + padding-left: 0 !important; } .p-md-1 { - padding: 0.25rem 0.25rem !important; } - .pt-md-1 { - padding-top: 0.25rem !important; } - .pr-md-1 { - padding-right: 0.25rem !important; } - .pb-md-1 { - padding-bottom: 0.25rem !important; } - .pl-md-1 { - padding-left: 0.25rem !important; } - .px-md-1 { - padding-right: 0.25rem !important; - padding-left: 0.25rem !important; } + padding: 0.25rem !important; } + .pt-md-1, + .py-md-1 { + padding-top: 0.25rem !important; } + .pr-md-1, + .px-md-1 { + padding-right: 0.25rem !important; } + .pb-md-1, .py-md-1 { - padding-top: 0.25rem !important; padding-bottom: 0.25rem !important; } + .pl-md-1, + .px-md-1 { + padding-left: 0.25rem !important; } .p-md-2 { - padding: 0.5rem 0.5rem !important; } - .pt-md-2 { - padding-top: 0.5rem !important; } - .pr-md-2 { - padding-right: 0.5rem !important; } - .pb-md-2 { - padding-bottom: 0.5rem !important; } - .pl-md-2 { - padding-left: 0.5rem !important; } - .px-md-2 { - padding-right: 0.5rem !important; - padding-left: 0.5rem !important; } + padding: 0.5rem !important; } + .pt-md-2, + .py-md-2 { + padding-top: 0.5rem !important; } + .pr-md-2, + .px-md-2 { + padding-right: 0.5rem !important; } + .pb-md-2, .py-md-2 { - padding-top: 0.5rem !important; padding-bottom: 0.5rem !important; } + .pl-md-2, + .px-md-2 { + padding-left: 0.5rem !important; } .p-md-3 { - padding: 1rem 1rem !important; } - .pt-md-3 { - padding-top: 1rem !important; } - .pr-md-3 { - padding-right: 1rem !important; } - .pb-md-3 { - padding-bottom: 1rem !important; } - .pl-md-3 { - padding-left: 1rem !important; } - .px-md-3 { - padding-right: 1rem !important; - padding-left: 1rem !important; } + padding: 1rem !important; } + .pt-md-3, + .py-md-3 { + padding-top: 1rem !important; } + .pr-md-3, + .px-md-3 { + padding-right: 1rem !important; } + .pb-md-3, .py-md-3 { - padding-top: 1rem !important; padding-bottom: 1rem !important; } + .pl-md-3, + .px-md-3 { + padding-left: 1rem !important; } .p-md-4 { - padding: 1.5rem 1.5rem !important; } - .pt-md-4 { - padding-top: 1.5rem !important; } - .pr-md-4 { - padding-right: 1.5rem !important; } - .pb-md-4 { - padding-bottom: 1.5rem !important; } - .pl-md-4 { - padding-left: 1.5rem !important; } - .px-md-4 { - padding-right: 1.5rem !important; - padding-left: 1.5rem !important; } + padding: 1.5rem !important; } + .pt-md-4, + .py-md-4 { + padding-top: 1.5rem !important; } + .pr-md-4, + .px-md-4 { + padding-right: 1.5rem !important; } + .pb-md-4, .py-md-4 { - padding-top: 1.5rem !important; padding-bottom: 1.5rem !important; } + .pl-md-4, + .px-md-4 { + padding-left: 1.5rem !important; } .p-md-5 { - padding: 3rem 3rem !important; } - .pt-md-5 { - padding-top: 3rem !important; } - .pr-md-5 { - padding-right: 3rem !important; } - .pb-md-5 { - padding-bottom: 3rem !important; } - .pl-md-5 { - padding-left: 3rem !important; } - .px-md-5 { - padding-right: 3rem !important; - padding-left: 3rem !important; } + padding: 3rem !important; } + .pt-md-5, + .py-md-5 { + padding-top: 3rem !important; } + .pr-md-5, + .px-md-5 { + padding-right: 3rem !important; } + .pb-md-5, .py-md-5 { - padding-top: 3rem !important; padding-bottom: 3rem !important; } + .pl-md-5, + .px-md-5 { + padding-left: 3rem !important; } .m-md-auto { margin: auto !important; } - .mt-md-auto { - margin-top: auto !important; } - .mr-md-auto { - margin-right: auto !important; } - .mb-md-auto { - margin-bottom: auto !important; } - .ml-md-auto { - margin-left: auto !important; } - .mx-md-auto { - margin-right: auto !important; - margin-left: auto !important; } + .mt-md-auto, .my-md-auto { - margin-top: auto !important; - margin-bottom: auto !important; } } + margin-top: auto !important; } + .mr-md-auto, + .mx-md-auto { + margin-right: auto !important; } + .mb-md-auto, + .my-md-auto { + margin-bottom: auto !important; } + .ml-md-auto, + .mx-md-auto { + margin-left: auto !important; } } @media (min-width: 992px) { .m-lg-0 { - margin: 0 0 !important; } - .mt-lg-0 { - margin-top: 0 !important; } - .mr-lg-0 { - margin-right: 0 !important; } - .mb-lg-0 { - margin-bottom: 0 !important; } - .ml-lg-0 { - margin-left: 0 !important; } - .mx-lg-0 { - margin-right: 0 !important; - margin-left: 0 !important; } + margin: 0 !important; } + .mt-lg-0, + .my-lg-0 { + margin-top: 0 !important; } + .mr-lg-0, + .mx-lg-0 { + margin-right: 0 !important; } + .mb-lg-0, .my-lg-0 { - margin-top: 0 !important; margin-bottom: 0 !important; } + .ml-lg-0, + .mx-lg-0 { + margin-left: 0 !important; } .m-lg-1 { - margin: 0.25rem 0.25rem !important; } - .mt-lg-1 { - margin-top: 0.25rem !important; } - .mr-lg-1 { - margin-right: 0.25rem !important; } - .mb-lg-1 { - margin-bottom: 0.25rem !important; } - .ml-lg-1 { - margin-left: 0.25rem !important; } - .mx-lg-1 { - margin-right: 0.25rem !important; - margin-left: 0.25rem !important; } + margin: 0.25rem !important; } + .mt-lg-1, + .my-lg-1 { + margin-top: 0.25rem !important; } + .mr-lg-1, + .mx-lg-1 { + margin-right: 0.25rem !important; } + .mb-lg-1, .my-lg-1 { - margin-top: 0.25rem !important; margin-bottom: 0.25rem !important; } + .ml-lg-1, + .mx-lg-1 { + margin-left: 0.25rem !important; } .m-lg-2 { - margin: 0.5rem 0.5rem !important; } - .mt-lg-2 { - margin-top: 0.5rem !important; } - .mr-lg-2 { - margin-right: 0.5rem !important; } - .mb-lg-2 { - margin-bottom: 0.5rem !important; } - .ml-lg-2 { - margin-left: 0.5rem !important; } - .mx-lg-2 { - margin-right: 0.5rem !important; - margin-left: 0.5rem !important; } + margin: 0.5rem !important; } + .mt-lg-2, + .my-lg-2 { + margin-top: 0.5rem !important; } + .mr-lg-2, + .mx-lg-2 { + margin-right: 0.5rem !important; } + .mb-lg-2, .my-lg-2 { - margin-top: 0.5rem !important; margin-bottom: 0.5rem !important; } + .ml-lg-2, + .mx-lg-2 { + margin-left: 0.5rem !important; } .m-lg-3 { - margin: 1rem 1rem !important; } - .mt-lg-3 { - margin-top: 1rem !important; } - .mr-lg-3 { - margin-right: 1rem !important; } - .mb-lg-3 { - margin-bottom: 1rem !important; } - .ml-lg-3 { - margin-left: 1rem !important; } - .mx-lg-3 { - margin-right: 1rem !important; - margin-left: 1rem !important; } + margin: 1rem !important; } + .mt-lg-3, + .my-lg-3 { + margin-top: 1rem !important; } + .mr-lg-3, + .mx-lg-3 { + margin-right: 1rem !important; } + .mb-lg-3, .my-lg-3 { - margin-top: 1rem !important; margin-bottom: 1rem !important; } + .ml-lg-3, + .mx-lg-3 { + margin-left: 1rem !important; } .m-lg-4 { - margin: 1.5rem 1.5rem !important; } - .mt-lg-4 { - margin-top: 1.5rem !important; } - .mr-lg-4 { - margin-right: 1.5rem !important; } - .mb-lg-4 { - margin-bottom: 1.5rem !important; } - .ml-lg-4 { - margin-left: 1.5rem !important; } - .mx-lg-4 { - margin-right: 1.5rem !important; - margin-left: 1.5rem !important; } + margin: 1.5rem !important; } + .mt-lg-4, + .my-lg-4 { + margin-top: 1.5rem !important; } + .mr-lg-4, + .mx-lg-4 { + margin-right: 1.5rem !important; } + .mb-lg-4, .my-lg-4 { - margin-top: 1.5rem !important; margin-bottom: 1.5rem !important; } + .ml-lg-4, + .mx-lg-4 { + margin-left: 1.5rem !important; } .m-lg-5 { - margin: 3rem 3rem !important; } - .mt-lg-5 { - margin-top: 3rem !important; } - .mr-lg-5 { - margin-right: 3rem !important; } - .mb-lg-5 { - margin-bottom: 3rem !important; } - .ml-lg-5 { - margin-left: 3rem !important; } - .mx-lg-5 { - margin-right: 3rem !important; - margin-left: 3rem !important; } + margin: 3rem !important; } + .mt-lg-5, + .my-lg-5 { + margin-top: 3rem !important; } + .mr-lg-5, + .mx-lg-5 { + margin-right: 3rem !important; } + .mb-lg-5, .my-lg-5 { - margin-top: 3rem !important; margin-bottom: 3rem !important; } + .ml-lg-5, + .mx-lg-5 { + margin-left: 3rem !important; } .p-lg-0 { - padding: 0 0 !important; } - .pt-lg-0 { - padding-top: 0 !important; } - .pr-lg-0 { - padding-right: 0 !important; } - .pb-lg-0 { - padding-bottom: 0 !important; } - .pl-lg-0 { - padding-left: 0 !important; } - .px-lg-0 { - padding-right: 0 !important; - padding-left: 0 !important; } + padding: 0 !important; } + .pt-lg-0, + .py-lg-0 { + padding-top: 0 !important; } + .pr-lg-0, + .px-lg-0 { + padding-right: 0 !important; } + .pb-lg-0, .py-lg-0 { - padding-top: 0 !important; padding-bottom: 0 !important; } + .pl-lg-0, + .px-lg-0 { + padding-left: 0 !important; } .p-lg-1 { - padding: 0.25rem 0.25rem !important; } - .pt-lg-1 { - padding-top: 0.25rem !important; } - .pr-lg-1 { - padding-right: 0.25rem !important; } - .pb-lg-1 { - padding-bottom: 0.25rem !important; } - .pl-lg-1 { - padding-left: 0.25rem !important; } - .px-lg-1 { - padding-right: 0.25rem !important; - padding-left: 0.25rem !important; } + padding: 0.25rem !important; } + .pt-lg-1, + .py-lg-1 { + padding-top: 0.25rem !important; } + .pr-lg-1, + .px-lg-1 { + padding-right: 0.25rem !important; } + .pb-lg-1, .py-lg-1 { - padding-top: 0.25rem !important; padding-bottom: 0.25rem !important; } + .pl-lg-1, + .px-lg-1 { + padding-left: 0.25rem !important; } .p-lg-2 { - padding: 0.5rem 0.5rem !important; } - .pt-lg-2 { - padding-top: 0.5rem !important; } - .pr-lg-2 { - padding-right: 0.5rem !important; } - .pb-lg-2 { - padding-bottom: 0.5rem !important; } - .pl-lg-2 { - padding-left: 0.5rem !important; } - .px-lg-2 { - padding-right: 0.5rem !important; - padding-left: 0.5rem !important; } + padding: 0.5rem !important; } + .pt-lg-2, + .py-lg-2 { + padding-top: 0.5rem !important; } + .pr-lg-2, + .px-lg-2 { + padding-right: 0.5rem !important; } + .pb-lg-2, .py-lg-2 { - padding-top: 0.5rem !important; padding-bottom: 0.5rem !important; } + .pl-lg-2, + .px-lg-2 { + padding-left: 0.5rem !important; } .p-lg-3 { - padding: 1rem 1rem !important; } - .pt-lg-3 { - padding-top: 1rem !important; } - .pr-lg-3 { - padding-right: 1rem !important; } - .pb-lg-3 { - padding-bottom: 1rem !important; } - .pl-lg-3 { - padding-left: 1rem !important; } - .px-lg-3 { - padding-right: 1rem !important; - padding-left: 1rem !important; } + padding: 1rem !important; } + .pt-lg-3, + .py-lg-3 { + padding-top: 1rem !important; } + .pr-lg-3, + .px-lg-3 { + padding-right: 1rem !important; } + .pb-lg-3, .py-lg-3 { - padding-top: 1rem !important; padding-bottom: 1rem !important; } + .pl-lg-3, + .px-lg-3 { + padding-left: 1rem !important; } .p-lg-4 { - padding: 1.5rem 1.5rem !important; } - .pt-lg-4 { - padding-top: 1.5rem !important; } - .pr-lg-4 { - padding-right: 1.5rem !important; } - .pb-lg-4 { - padding-bottom: 1.5rem !important; } - .pl-lg-4 { - padding-left: 1.5rem !important; } - .px-lg-4 { - padding-right: 1.5rem !important; - padding-left: 1.5rem !important; } + padding: 1.5rem !important; } + .pt-lg-4, + .py-lg-4 { + padding-top: 1.5rem !important; } + .pr-lg-4, + .px-lg-4 { + padding-right: 1.5rem !important; } + .pb-lg-4, .py-lg-4 { - padding-top: 1.5rem !important; padding-bottom: 1.5rem !important; } + .pl-lg-4, + .px-lg-4 { + padding-left: 1.5rem !important; } .p-lg-5 { - padding: 3rem 3rem !important; } - .pt-lg-5 { - padding-top: 3rem !important; } - .pr-lg-5 { - padding-right: 3rem !important; } - .pb-lg-5 { - padding-bottom: 3rem !important; } - .pl-lg-5 { - padding-left: 3rem !important; } - .px-lg-5 { - padding-right: 3rem !important; - padding-left: 3rem !important; } + padding: 3rem !important; } + .pt-lg-5, + .py-lg-5 { + padding-top: 3rem !important; } + .pr-lg-5, + .px-lg-5 { + padding-right: 3rem !important; } + .pb-lg-5, .py-lg-5 { - padding-top: 3rem !important; padding-bottom: 3rem !important; } + .pl-lg-5, + .px-lg-5 { + padding-left: 3rem !important; } .m-lg-auto { margin: auto !important; } - .mt-lg-auto { - margin-top: auto !important; } - .mr-lg-auto { - margin-right: auto !important; } - .mb-lg-auto { - margin-bottom: auto !important; } - .ml-lg-auto { - margin-left: auto !important; } - .mx-lg-auto { - margin-right: auto !important; - margin-left: auto !important; } + .mt-lg-auto, .my-lg-auto { - margin-top: auto !important; - margin-bottom: auto !important; } } + margin-top: auto !important; } + .mr-lg-auto, + .mx-lg-auto { + margin-right: auto !important; } + .mb-lg-auto, + .my-lg-auto { + margin-bottom: auto !important; } + .ml-lg-auto, + .mx-lg-auto { + margin-left: auto !important; } } @media (min-width: 1200px) { .m-xl-0 { - margin: 0 0 !important; } - .mt-xl-0 { - margin-top: 0 !important; } - .mr-xl-0 { - margin-right: 0 !important; } - .mb-xl-0 { - margin-bottom: 0 !important; } - .ml-xl-0 { - margin-left: 0 !important; } - .mx-xl-0 { - margin-right: 0 !important; - margin-left: 0 !important; } + margin: 0 !important; } + .mt-xl-0, + .my-xl-0 { + margin-top: 0 !important; } + .mr-xl-0, + .mx-xl-0 { + margin-right: 0 !important; } + .mb-xl-0, .my-xl-0 { - margin-top: 0 !important; margin-bottom: 0 !important; } + .ml-xl-0, + .mx-xl-0 { + margin-left: 0 !important; } .m-xl-1 { - margin: 0.25rem 0.25rem !important; } - .mt-xl-1 { - margin-top: 0.25rem !important; } - .mr-xl-1 { - margin-right: 0.25rem !important; } - .mb-xl-1 { - margin-bottom: 0.25rem !important; } - .ml-xl-1 { - margin-left: 0.25rem !important; } - .mx-xl-1 { - margin-right: 0.25rem !important; - margin-left: 0.25rem !important; } + margin: 0.25rem !important; } + .mt-xl-1, + .my-xl-1 { + margin-top: 0.25rem !important; } + .mr-xl-1, + .mx-xl-1 { + margin-right: 0.25rem !important; } + .mb-xl-1, .my-xl-1 { - margin-top: 0.25rem !important; margin-bottom: 0.25rem !important; } + .ml-xl-1, + .mx-xl-1 { + margin-left: 0.25rem !important; } .m-xl-2 { - margin: 0.5rem 0.5rem !important; } - .mt-xl-2 { - margin-top: 0.5rem !important; } - .mr-xl-2 { - margin-right: 0.5rem !important; } - .mb-xl-2 { - margin-bottom: 0.5rem !important; } - .ml-xl-2 { - margin-left: 0.5rem !important; } - .mx-xl-2 { - margin-right: 0.5rem !important; - margin-left: 0.5rem !important; } + margin: 0.5rem !important; } + .mt-xl-2, + .my-xl-2 { + margin-top: 0.5rem !important; } + .mr-xl-2, + .mx-xl-2 { + margin-right: 0.5rem !important; } + .mb-xl-2, .my-xl-2 { - margin-top: 0.5rem !important; margin-bottom: 0.5rem !important; } + .ml-xl-2, + .mx-xl-2 { + margin-left: 0.5rem !important; } .m-xl-3 { - margin: 1rem 1rem !important; } - .mt-xl-3 { - margin-top: 1rem !important; } - .mr-xl-3 { - margin-right: 1rem !important; } - .mb-xl-3 { - margin-bottom: 1rem !important; } - .ml-xl-3 { - margin-left: 1rem !important; } - .mx-xl-3 { - margin-right: 1rem !important; - margin-left: 1rem !important; } + margin: 1rem !important; } + .mt-xl-3, + .my-xl-3 { + margin-top: 1rem !important; } + .mr-xl-3, + .mx-xl-3 { + margin-right: 1rem !important; } + .mb-xl-3, .my-xl-3 { - margin-top: 1rem !important; margin-bottom: 1rem !important; } + .ml-xl-3, + .mx-xl-3 { + margin-left: 1rem !important; } .m-xl-4 { - margin: 1.5rem 1.5rem !important; } - .mt-xl-4 { - margin-top: 1.5rem !important; } - .mr-xl-4 { - margin-right: 1.5rem !important; } - .mb-xl-4 { - margin-bottom: 1.5rem !important; } - .ml-xl-4 { - margin-left: 1.5rem !important; } - .mx-xl-4 { - margin-right: 1.5rem !important; - margin-left: 1.5rem !important; } + margin: 1.5rem !important; } + .mt-xl-4, + .my-xl-4 { + margin-top: 1.5rem !important; } + .mr-xl-4, + .mx-xl-4 { + margin-right: 1.5rem !important; } + .mb-xl-4, .my-xl-4 { - margin-top: 1.5rem !important; margin-bottom: 1.5rem !important; } + .ml-xl-4, + .mx-xl-4 { + margin-left: 1.5rem !important; } .m-xl-5 { - margin: 3rem 3rem !important; } - .mt-xl-5 { - margin-top: 3rem !important; } - .mr-xl-5 { - margin-right: 3rem !important; } - .mb-xl-5 { - margin-bottom: 3rem !important; } - .ml-xl-5 { - margin-left: 3rem !important; } - .mx-xl-5 { - margin-right: 3rem !important; - margin-left: 3rem !important; } + margin: 3rem !important; } + .mt-xl-5, + .my-xl-5 { + margin-top: 3rem !important; } + .mr-xl-5, + .mx-xl-5 { + margin-right: 3rem !important; } + .mb-xl-5, .my-xl-5 { - margin-top: 3rem !important; margin-bottom: 3rem !important; } + .ml-xl-5, + .mx-xl-5 { + margin-left: 3rem !important; } .p-xl-0 { - padding: 0 0 !important; } - .pt-xl-0 { - padding-top: 0 !important; } - .pr-xl-0 { - padding-right: 0 !important; } - .pb-xl-0 { - padding-bottom: 0 !important; } - .pl-xl-0 { - padding-left: 0 !important; } - .px-xl-0 { - padding-right: 0 !important; - padding-left: 0 !important; } + padding: 0 !important; } + .pt-xl-0, + .py-xl-0 { + padding-top: 0 !important; } + .pr-xl-0, + .px-xl-0 { + padding-right: 0 !important; } + .pb-xl-0, .py-xl-0 { - padding-top: 0 !important; padding-bottom: 0 !important; } + .pl-xl-0, + .px-xl-0 { + padding-left: 0 !important; } .p-xl-1 { - padding: 0.25rem 0.25rem !important; } - .pt-xl-1 { - padding-top: 0.25rem !important; } - .pr-xl-1 { - padding-right: 0.25rem !important; } - .pb-xl-1 { - padding-bottom: 0.25rem !important; } - .pl-xl-1 { - padding-left: 0.25rem !important; } - .px-xl-1 { - padding-right: 0.25rem !important; - padding-left: 0.25rem !important; } + padding: 0.25rem !important; } + .pt-xl-1, + .py-xl-1 { + padding-top: 0.25rem !important; } + .pr-xl-1, + .px-xl-1 { + padding-right: 0.25rem !important; } + .pb-xl-1, .py-xl-1 { - padding-top: 0.25rem !important; padding-bottom: 0.25rem !important; } + .pl-xl-1, + .px-xl-1 { + padding-left: 0.25rem !important; } .p-xl-2 { - padding: 0.5rem 0.5rem !important; } - .pt-xl-2 { - padding-top: 0.5rem !important; } - .pr-xl-2 { - padding-right: 0.5rem !important; } - .pb-xl-2 { - padding-bottom: 0.5rem !important; } - .pl-xl-2 { - padding-left: 0.5rem !important; } - .px-xl-2 { - padding-right: 0.5rem !important; - padding-left: 0.5rem !important; } + padding: 0.5rem !important; } + .pt-xl-2, + .py-xl-2 { + padding-top: 0.5rem !important; } + .pr-xl-2, + .px-xl-2 { + padding-right: 0.5rem !important; } + .pb-xl-2, .py-xl-2 { - padding-top: 0.5rem !important; padding-bottom: 0.5rem !important; } + .pl-xl-2, + .px-xl-2 { + padding-left: 0.5rem !important; } .p-xl-3 { - padding: 1rem 1rem !important; } - .pt-xl-3 { - padding-top: 1rem !important; } - .pr-xl-3 { - padding-right: 1rem !important; } - .pb-xl-3 { - padding-bottom: 1rem !important; } - .pl-xl-3 { - padding-left: 1rem !important; } - .px-xl-3 { - padding-right: 1rem !important; - padding-left: 1rem !important; } + padding: 1rem !important; } + .pt-xl-3, + .py-xl-3 { + padding-top: 1rem !important; } + .pr-xl-3, + .px-xl-3 { + padding-right: 1rem !important; } + .pb-xl-3, .py-xl-3 { - padding-top: 1rem !important; padding-bottom: 1rem !important; } + .pl-xl-3, + .px-xl-3 { + padding-left: 1rem !important; } .p-xl-4 { - padding: 1.5rem 1.5rem !important; } - .pt-xl-4 { - padding-top: 1.5rem !important; } - .pr-xl-4 { - padding-right: 1.5rem !important; } - .pb-xl-4 { - padding-bottom: 1.5rem !important; } - .pl-xl-4 { - padding-left: 1.5rem !important; } - .px-xl-4 { - padding-right: 1.5rem !important; - padding-left: 1.5rem !important; } + padding: 1.5rem !important; } + .pt-xl-4, + .py-xl-4 { + padding-top: 1.5rem !important; } + .pr-xl-4, + .px-xl-4 { + padding-right: 1.5rem !important; } + .pb-xl-4, .py-xl-4 { - padding-top: 1.5rem !important; padding-bottom: 1.5rem !important; } + .pl-xl-4, + .px-xl-4 { + padding-left: 1.5rem !important; } .p-xl-5 { - padding: 3rem 3rem !important; } - .pt-xl-5 { - padding-top: 3rem !important; } - .pr-xl-5 { - padding-right: 3rem !important; } - .pb-xl-5 { - padding-bottom: 3rem !important; } - .pl-xl-5 { - padding-left: 3rem !important; } - .px-xl-5 { - padding-right: 3rem !important; - padding-left: 3rem !important; } + padding: 3rem !important; } + .pt-xl-5, + .py-xl-5 { + padding-top: 3rem !important; } + .pr-xl-5, + .px-xl-5 { + padding-right: 3rem !important; } + .pb-xl-5, .py-xl-5 { - padding-top: 3rem !important; padding-bottom: 3rem !important; } + .pl-xl-5, + .px-xl-5 { + padding-left: 3rem !important; } .m-xl-auto { margin: auto !important; } - .mt-xl-auto { - margin-top: auto !important; } - .mr-xl-auto { - margin-right: auto !important; } - .mb-xl-auto { - margin-bottom: auto !important; } - .ml-xl-auto { - margin-left: auto !important; } - .mx-xl-auto { - margin-right: auto !important; - margin-left: auto !important; } + .mt-xl-auto, .my-xl-auto { - margin-top: auto !important; - margin-bottom: auto !important; } } + margin-top: auto !important; } + .mr-xl-auto, + .mx-xl-auto { + margin-right: auto !important; } + .mb-xl-auto, + .my-xl-auto { + margin-bottom: auto !important; } + .ml-xl-auto, + .mx-xl-auto { + margin-left: auto !important; } } .text-justify { text-align: justify !important; } @@ -6629,59 +6604,71 @@ a.bg-inverse:focus, a.bg-inverse:hover { .text-capitalize { text-transform: capitalize !important; } +.font-weight-light { + font-weight: 300 !important; } + .font-weight-normal { - font-weight: normal; } + font-weight: normal !important; } .font-weight-bold { - font-weight: bold; } + font-weight: bold !important; } .font-italic { - font-style: italic; } + font-style: italic !important; } .text-white { color: #fff !important; } -.text-muted { - color: #636c72 !important; } - -a.text-muted:focus, a.text-muted:hover { - color: #4b5257 !important; } - .text-primary { - color: #7852B2 !important; } + color: #007bff !important; } a.text-primary:focus, a.text-primary:hover { - color: #604091 !important; } + color: #0062cc !important; } + +.text-secondary { + color: #868e96 !important; } + +a.text-secondary:focus, a.text-secondary:hover { + color: #6c757d !important; } .text-success { - color: #5cb85c !important; } + color: #28a745 !important; } a.text-success:focus, a.text-success:hover { - color: #449d44 !important; } + color: #1e7e34 !important; } .text-info { - color: #5bc0de !important; } + color: #17a2b8 !important; } a.text-info:focus, a.text-info:hover { - color: #31b0d5 !important; } + color: #117a8b !important; } .text-warning { - color: #f0ad4e !important; } + color: #ffc107 !important; } a.text-warning:focus, a.text-warning:hover { - color: #ec971f !important; } + color: #d39e00 !important; } .text-danger { - color: #d9534f !important; } + color: #dc3545 !important; } a.text-danger:focus, a.text-danger:hover { - color: #c9302c !important; } + color: #bd2130 !important; } -.text-gray-dark { - color: #292b2c !important; } +.text-light { + color: #f8f9fa !important; } -a.text-gray-dark:focus, a.text-gray-dark:hover { - color: #101112 !important; } +a.text-light:focus, a.text-light:hover { + color: #dae0e5 !important; } + +.text-dark { + color: #343a40 !important; } + +a.text-dark:focus, a.text-dark:hover { + color: #1d2124 !important; } + +.text-muted { + color: #868e96 !important; } .text-hide { font: 0/0 a; @@ -6690,69 +6677,12 @@ a.text-gray-dark:focus, a.text-gray-dark:hover { background-color: transparent; border: 0; } +.visible { + visibility: visible !important; } + .invisible { visibility: hidden !important; } -.hidden-xs-up { - display: none !important; } - -@media (max-width: 575px) { - .hidden-xs-down { - display: none !important; } } - -@media (min-width: 576px) { - .hidden-sm-up { - display: none !important; } } - -@media (max-width: 767px) { - .hidden-sm-down { - display: none !important; } } - -@media (min-width: 768px) { - .hidden-md-up { - display: none !important; } } - -@media (max-width: 991px) { - .hidden-md-down { - display: none !important; } } - -@media (min-width: 992px) { - .hidden-lg-up { - display: none !important; } } - -@media (max-width: 1199px) { - .hidden-lg-down { - display: none !important; } } - -@media (min-width: 1200px) { - .hidden-xl-up { - display: none !important; } } - -.hidden-xl-down { - display: none !important; } - -.visible-print-block { - display: none !important; } - @media print { - .visible-print-block { - display: block !important; } } - -.visible-print-inline { - display: none !important; } - @media print { - .visible-print-inline { - display: inline !important; } } - -.visible-print-inline-block { - display: none !important; } - @media print { - .visible-print-inline-block { - display: inline-block !important; } } - -@media print { - .hidden-print { - display: none !important; } } - .wrapper { padding: 30px 0; } @@ -6765,11 +6695,11 @@ a.text-gray-dark:focus, a.text-gray-dark:hover { font-size: inherit; } .wrapper#wrapper-sticky { - border-bottom: 1px solid #636c72; } + border-bottom: 1px solid #dee2e6; } #wrapper-footer-full, #wrapper-static-hero { - background-color: #eceeef; } + background-color: #e9ecef; } .wp-caption { font-size: inherit; } @@ -6819,13 +6749,13 @@ a.skip-link { width: auto; } .bg-primary .dropdown-menu { - background-color: #7852B2; } + background-color: #007bff; } .bg-success .dropdown-menu { - background-color: #5cb85c; } + background-color: #28a745; } .bg-inverse .dropdown-menu { - background-color: #292b2c; } + background-color: rgba(255, 255, 255, 0.5); } .navbar-toggleable-md .navbar-nav .dropdown-menu { float: left; } @@ -6842,11 +6772,8 @@ a.skip-link { .dropdown-menu .menu-item { width: 100%; } - .dropdown-menu .menu-item a.nav-link { - margin: 0px; - padding: 0.5em 1em; } .dropdown-menu .menu-item a.nav-link:hover { - background-color: #7852B2; } + background-color: #007bff; } button, [type="button"], @@ -9247,7 +9174,7 @@ h1.navbar-brand a:hover { .wpcf7 .wpcf7-form label { width: 100%; } .wpcf7 .wpcf7-not-valid-tip { - color: #d9534f !important; } + color: #dc3545; } .wpcf7 .wpcf7-validation-errors { - color: #d9534f !important; - border: 1px solid #eceeef !important; } + color: #dc3545; + border: 1px solid #e9ecef; } diff --git a/js/theme.js b/js/theme.js index 56e9310..e6d5fca 100644 --- a/js/theme.js +++ b/js/theme.js @@ -1,1817 +1,5 @@ -/*! tether 1.4.0 */ - -(function(root, factory) { - if (typeof define === 'function' && define.amd) { - define(factory); - } else if (typeof exports === 'object') { - module.exports = factory(require, exports, module); - } else { - root.Tether = factory(); - } -}(this, function(require, exports, module) { - -'use strict'; - -var _createClass = (function () { function defineProperties(target, props) { for (var i = 0; i < props.length; i++) { var descriptor = props[i]; descriptor.enumerable = descriptor.enumerable || false; descriptor.configurable = true; if ('value' in descriptor) descriptor.writable = true; Object.defineProperty(target, descriptor.key, descriptor); } } return function (Constructor, protoProps, staticProps) { if (protoProps) defineProperties(Constructor.prototype, protoProps); if (staticProps) defineProperties(Constructor, staticProps); return Constructor; }; })(); - -function _classCallCheck(instance, Constructor) { if (!(instance instanceof Constructor)) { throw new TypeError('Cannot call a class as a function'); } } - -var TetherBase = undefined; -if (typeof TetherBase === 'undefined') { - TetherBase = { modules: [] }; -} - -var zeroElement = null; - -// Same as native getBoundingClientRect, except it takes into account parent offsets -// if the element lies within a nested document ( or