diff options
Diffstat (limited to 'dist/css/bootstrap.css')
| -rw-r--r-- | dist/css/bootstrap.css | 7918 |
1 files changed, 3776 insertions, 4142 deletions
diff --git a/dist/css/bootstrap.css b/dist/css/bootstrap.css index 3a0ceee6d..bc7a1b97d 100644 --- a/dist/css/bootstrap.css +++ b/dist/css/bootstrap.css @@ -1,268 +1,15 @@ /*! - * Bootstrap v4.0.0-alpha.5 (https://getbootstrap.com) - * Copyright 2011-2016 The Bootstrap Authors - * Copyright 2011-2016 Twitter, Inc. + * 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 { - -webkit-box-sizing: content-box; - 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 { - -webkit-box-sizing: border-box; - 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"] { - -webkit-box-sizing: border-box; - 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; - -webkit-box-shadow: none !important; - box-shadow: none !important; + box-shadow: none !important; } a, a:visited { @@ -299,10 +46,6 @@ template { .navbar { display: none; } - .btn > .caret, - .dropup > .btn > .caret { - border-top-color: #000 !important; - } .badge { border: 1px solid #000; } @@ -319,34 +62,37 @@ template { } } -html { - -webkit-box-sizing: border-box; - box-sizing: border-box; -} - *, *::before, *::after { - -webkit-box-sizing: inherit; - 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 { - font-size: 16px; - -ms-overflow-style: scrollbar; - -webkit-tap-highlight-color: transparent; +article, aside, dialog, figcaption, figure, footer, header, hgroup, main, nav, section { + display: block; } body { - font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif; + margin: 0; + font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol"; font-size: 1rem; font-weight: normal; line-height: 1.5; - color: #292b2c; + color: #212529; + text-align: left; background-color: #fff; } @@ -354,6 +100,12 @@ body { outline: none !important; } +hr { + box-sizing: content-box; + height: 0; + overflow: visible; +} + h1, h2, h3, h4, h5, h6 { margin-top: 0; margin-bottom: .5rem; @@ -366,7 +118,11 @@ p { abbr[title], abbr[data-original-title] { + text-decoration: underline; + -webkit-text-decoration: underline dotted; + text-decoration: underline dotted; cursor: help; + border-bottom: 0; } address { @@ -402,21 +158,47 @@ 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: #0275d8; + color: #007bff; text-decoration: none; + background-color: transparent; + -webkit-text-decoration-skip: objects; } -a:focus, a:hover { - color: #014c8c; +a:hover { + color: #0056b3; text-decoration: underline; } -a:focus { - outline: 5px auto -webkit-focus-ring-color; - outline-offset: -2px; -} - a:not([href]):not([tabindex]) { color: inherit; text-decoration: none; @@ -428,7 +210,15 @@ a:not([href]):not([tabindex]):focus, a:not([href]):not([tabindex]):hover { } a:not([href]):not([tabindex]):focus { - outline: none; + outline: 0; +} + +pre, +code, +kbd, +samp { + font-family: monospace, monospace; + font-size: 1em; } pre { @@ -443,10 +233,11 @@ figure { img { vertical-align: middle; + border-style: none; } -[role="button"] { - cursor: pointer; +svg:not(:root) { + overflow: hidden; } a, @@ -464,19 +255,18 @@ textarea { table { border-collapse: collapse; - background-color: transparent; } 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 { @@ -492,13 +282,43 @@ 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"], @@ -509,6 +329,7 @@ input[type="month"] { } textarea { + overflow: auto; resize: vertical; } @@ -522,20 +343,51 @@ fieldset { legend { display: block; width: 100%; + max-width: 100%; padding: 0; margin-bottom: .5rem; font-size: 1.5rem; line-height: inherit; + color: inherit; + white-space: normal; +} + +progress { + vertical-align: baseline; +} + +[type="number"]::-webkit-inner-spin-button, +[type="number"]::-webkit-outer-spin-button { + height: auto; +} + +[type="search"] { + outline-offset: -2px; + -webkit-appearance: none; } -input[type="search"] { +[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; } @@ -581,21 +433,25 @@ h6, .h6 { .display-1 { font-size: 6rem; font-weight: 300; + line-height: 1.1; } .display-2 { font-size: 5.5rem; font-weight: 300; + line-height: 1.1; } .display-3 { font-size: 4.5rem; font-weight: 300; + line-height: 1.1; } .display-4 { font-size: 3.5rem; font-weight: 300; + line-height: 1.1; } hr { @@ -641,44 +497,21 @@ mark, } .blockquote { - padding: 0.5rem 1rem; margin-bottom: 1rem; font-size: 1.25rem; - border-left: 0.25rem solid #eceeef; } .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"; -} - -dl.row > dd + dt { - clear: left; -} - -.img-fluid, .carousel-inner > .carousel-item > img, -.carousel-inner > .carousel-item > a > img { +.img-fluid { max-width: 100%; height: auto; } @@ -688,8 +521,6 @@ dl.row > dd + dt { background-color: #fff; border: 1px solid #ddd; border-radius: 0.25rem; - -webkit-transition: all 0.2s ease-in-out; - -o-transition: all 0.2s ease-in-out; transition: all 0.2s ease-in-out; max-width: 100%; height: auto; @@ -706,29 +537,35 @@ dl.row > dd + dt { .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; + color: inherit; + background-color: inherit; +} + kbd { padding: 0.2rem 0.4rem; font-size: 90%; color: #fff; - background-color: #333; + background-color: #212529; border-radius: 0.2rem; } @@ -743,7 +580,7 @@ pre { margin-top: 0; margin-bottom: 1rem; font-size: 90%; - color: #292b2c; + color: #212529; } pre code { @@ -760,154 +597,54 @@ pre code { } .container { - margin-left: auto; + width: 100%; margin-right: auto; + margin-left: auto; padding-right: 15px; padding-left: 15px; } -.container::after { - display: block; - content: ""; - clear: both; -} - -@media (min-width: 576px) { - .container { - padding-right: 15px; - padding-left: 15px; - } -} - -@media (min-width: 768px) { - .container { - padding-right: 15px; - padding-left: 15px; - } -} - -@media (min-width: 992px) { - .container { - padding-right: 15px; - padding-left: 15px; - } -} - -@media (min-width: 1200px) { - .container { - padding-right: 15px; - padding-left: 15px; - } -} - @media (min-width: 576px) { .container { - width: 540px; - max-width: 100%; + max-width: 540px; } } @media (min-width: 768px) { .container { - width: 720px; - max-width: 100%; + max-width: 720px; } } @media (min-width: 992px) { .container { - width: 960px; - max-width: 100%; + max-width: 960px; } } @media (min-width: 1200px) { .container { - width: 1140px; - max-width: 100%; + max-width: 1140px; } } .container-fluid { - margin-left: auto; + width: 100%; margin-right: auto; + margin-left: auto; padding-right: 15px; padding-left: 15px; } -.container-fluid::after { - display: block; - content: ""; - clear: both; -} - -@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; - } -} - .row { + display: -ms-flexbox; + display: flex; + -ms-flex-wrap: wrap; + flex-wrap: wrap; margin-right: -15px; margin-left: -15px; } -.row::after { - display: block; - content: ""; - clear: both; -} - -@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; margin-left: 0; @@ -919,906 +656,659 @@ pre code { 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-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-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-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-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-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-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-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-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-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 { - 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-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-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-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-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 { - 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-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-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-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-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 { - padding-right: 15px; - padding-left: 15px; - } +.col { + -ms-flex-preferred-size: 0; + flex-basis: 0; + -ms-flex-positive: 1; + flex-grow: 1; + max-width: 100%; } -@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-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-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-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-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 { - padding-right: 15px; - padding-left: 15px; - } +.col-auto { + -ms-flex: 0 0 auto; + flex: 0 0 auto; + width: auto; + max-width: none; } .col-1 { - float: left; - width: 8.333333%; + -ms-flex: 0 0 8.333333%; + flex: 0 0 8.333333%; + max-width: 8.333333%; } .col-2 { - float: left; - width: 16.666667%; + -ms-flex: 0 0 16.666667%; + flex: 0 0 16.666667%; + max-width: 16.666667%; } .col-3 { - float: left; - width: 25%; + -ms-flex: 0 0 25%; + flex: 0 0 25%; + max-width: 25%; } .col-4 { - float: left; - width: 33.333333%; + -ms-flex: 0 0 33.333333%; + flex: 0 0 33.333333%; + max-width: 33.333333%; } .col-5 { - float: left; - width: 41.666667%; + -ms-flex: 0 0 41.666667%; + flex: 0 0 41.666667%; + max-width: 41.666667%; } .col-6 { - float: left; - width: 50%; + -ms-flex: 0 0 50%; + flex: 0 0 50%; + max-width: 50%; } .col-7 { - float: left; - width: 58.333333%; + -ms-flex: 0 0 58.333333%; + flex: 0 0 58.333333%; + max-width: 58.333333%; } .col-8 { - float: left; - width: 66.666667%; + -ms-flex: 0 0 66.666667%; + flex: 0 0 66.666667%; + max-width: 66.666667%; } .col-9 { - float: left; - width: 75%; + -ms-flex: 0 0 75%; + flex: 0 0 75%; + max-width: 75%; } .col-10 { - float: left; - width: 83.333333%; + -ms-flex: 0 0 83.333333%; + flex: 0 0 83.333333%; + max-width: 83.333333%; } .col-11 { - float: left; - width: 91.666667%; + -ms-flex: 0 0 91.666667%; + flex: 0 0 91.666667%; + max-width: 91.666667%; } .col-12 { - float: left; - width: 100%; -} - -.pull-0 { - right: auto; -} - -.pull-1 { - right: 8.333333%; -} - -.pull-2 { - right: 16.666667%; -} - -.pull-3 { - right: 25%; -} - -.pull-4 { - right: 33.333333%; -} - -.pull-5 { - right: 41.666667%; -} - -.pull-6 { - right: 50%; -} - -.pull-7 { - right: 58.333333%; -} - -.pull-8 { - right: 66.666667%; -} - -.pull-9 { - right: 75%; -} - -.pull-10 { - right: 83.333333%; -} - -.pull-11 { - right: 91.666667%; -} - -.pull-12 { - right: 100%; -} - -.push-0 { - left: auto; -} - -.push-1 { - left: 8.333333%; -} - -.push-2 { - left: 16.666667%; -} - -.push-3 { - left: 25%; -} - -.push-4 { - left: 33.333333%; -} - -.push-5 { - left: 41.666667%; -} - -.push-6 { - left: 50%; -} - -.push-7 { - left: 58.333333%; -} - -.push-8 { - left: 66.666667%; -} - -.push-9 { - left: 75%; -} - -.push-10 { - left: 83.333333%; -} - -.push-11 { - left: 91.666667%; + -ms-flex: 0 0 100%; + flex: 0 0 100%; + max-width: 100%; } -.push-12 { - left: 100%; +.order-1 { + -ms-flex-order: 1; + order: 1; } -.offset-1 { - margin-left: 8.333333%; +.order-2 { + -ms-flex-order: 2; + order: 2; } -.offset-2 { - margin-left: 16.666667%; +.order-3 { + -ms-flex-order: 3; + order: 3; } -.offset-3 { - margin-left: 25%; +.order-4 { + -ms-flex-order: 4; + order: 4; } -.offset-4 { - margin-left: 33.333333%; +.order-5 { + -ms-flex-order: 5; + order: 5; } -.offset-5 { - margin-left: 41.666667%; +.order-6 { + -ms-flex-order: 6; + order: 6; } -.offset-6 { - margin-left: 50%; +.order-7 { + -ms-flex-order: 7; + order: 7; } -.offset-7 { - margin-left: 58.333333%; +.order-8 { + -ms-flex-order: 8; + order: 8; } -.offset-8 { - margin-left: 66.666667%; +.order-9 { + -ms-flex-order: 9; + order: 9; } -.offset-9 { - margin-left: 75%; +.order-10 { + -ms-flex-order: 10; + order: 10; } -.offset-10 { - margin-left: 83.333333%; +.order-11 { + -ms-flex-order: 11; + order: 11; } -.offset-11 { - margin-left: 91.666667%; +.order-12 { + -ms-flex-order: 12; + order: 12; } @media (min-width: 576px) { + .col-sm { + -ms-flex-preferred-size: 0; + flex-basis: 0; + -ms-flex-positive: 1; + flex-grow: 1; + max-width: 100%; + } + .col-sm-auto { + -ms-flex: 0 0 auto; + flex: 0 0 auto; + width: auto; + max-width: none; + } .col-sm-1 { - float: left; - width: 8.333333%; + -ms-flex: 0 0 8.333333%; + flex: 0 0 8.333333%; + max-width: 8.333333%; } .col-sm-2 { - float: left; - width: 16.666667%; + -ms-flex: 0 0 16.666667%; + flex: 0 0 16.666667%; + max-width: 16.666667%; } .col-sm-3 { - float: left; - width: 25%; + -ms-flex: 0 0 25%; + flex: 0 0 25%; + max-width: 25%; } .col-sm-4 { - float: left; - width: 33.333333%; + -ms-flex: 0 0 33.333333%; + flex: 0 0 33.333333%; + max-width: 33.333333%; } .col-sm-5 { - float: left; - width: 41.666667%; + -ms-flex: 0 0 41.666667%; + flex: 0 0 41.666667%; + max-width: 41.666667%; } .col-sm-6 { - float: left; - width: 50%; + -ms-flex: 0 0 50%; + flex: 0 0 50%; + max-width: 50%; } .col-sm-7 { - float: left; - width: 58.333333%; + -ms-flex: 0 0 58.333333%; + flex: 0 0 58.333333%; + max-width: 58.333333%; } .col-sm-8 { - float: left; - width: 66.666667%; + -ms-flex: 0 0 66.666667%; + flex: 0 0 66.666667%; + max-width: 66.666667%; } .col-sm-9 { - float: left; - width: 75%; + -ms-flex: 0 0 75%; + flex: 0 0 75%; + max-width: 75%; } .col-sm-10 { - float: left; - width: 83.333333%; + -ms-flex: 0 0 83.333333%; + flex: 0 0 83.333333%; + max-width: 83.333333%; } .col-sm-11 { - float: left; - width: 91.666667%; + -ms-flex: 0 0 91.666667%; + flex: 0 0 91.666667%; + max-width: 91.666667%; } .col-sm-12 { - float: left; - width: 100%; - } - .pull-sm-0 { - right: auto; - } - .pull-sm-1 { - right: 8.333333%; - } - .pull-sm-2 { - right: 16.666667%; - } - .pull-sm-3 { - right: 25%; - } - .pull-sm-4 { - right: 33.333333%; - } - .pull-sm-5 { - right: 41.666667%; - } - .pull-sm-6 { - right: 50%; - } - .pull-sm-7 { - right: 58.333333%; - } - .pull-sm-8 { - right: 66.666667%; - } - .pull-sm-9 { - right: 75%; - } - .pull-sm-10 { - right: 83.333333%; - } - .pull-sm-11 { - right: 91.666667%; - } - .pull-sm-12 { - right: 100%; - } - .push-sm-0 { - left: auto; - } - .push-sm-1 { - left: 8.333333%; - } - .push-sm-2 { - left: 16.666667%; - } - .push-sm-3 { - left: 25%; - } - .push-sm-4 { - left: 33.333333%; - } - .push-sm-5 { - left: 41.666667%; - } - .push-sm-6 { - left: 50%; - } - .push-sm-7 { - left: 58.333333%; - } - .push-sm-8 { - left: 66.666667%; - } - .push-sm-9 { - left: 75%; - } - .push-sm-10 { - left: 83.333333%; - } - .push-sm-11 { - left: 91.666667%; - } - .push-sm-12 { - left: 100%; + -ms-flex: 0 0 100%; + flex: 0 0 100%; + max-width: 100%; } - .offset-sm-0 { - margin-left: 0%; + .order-sm-1 { + -ms-flex-order: 1; + order: 1; } - .offset-sm-1 { - margin-left: 8.333333%; + .order-sm-2 { + -ms-flex-order: 2; + order: 2; } - .offset-sm-2 { - margin-left: 16.666667%; + .order-sm-3 { + -ms-flex-order: 3; + order: 3; } - .offset-sm-3 { - margin-left: 25%; + .order-sm-4 { + -ms-flex-order: 4; + order: 4; } - .offset-sm-4 { - margin-left: 33.333333%; + .order-sm-5 { + -ms-flex-order: 5; + order: 5; } - .offset-sm-5 { - margin-left: 41.666667%; + .order-sm-6 { + -ms-flex-order: 6; + order: 6; } - .offset-sm-6 { - margin-left: 50%; + .order-sm-7 { + -ms-flex-order: 7; + order: 7; } - .offset-sm-7 { - margin-left: 58.333333%; + .order-sm-8 { + -ms-flex-order: 8; + order: 8; } - .offset-sm-8 { - margin-left: 66.666667%; + .order-sm-9 { + -ms-flex-order: 9; + order: 9; } - .offset-sm-9 { - margin-left: 75%; + .order-sm-10 { + -ms-flex-order: 10; + order: 10; } - .offset-sm-10 { - margin-left: 83.333333%; + .order-sm-11 { + -ms-flex-order: 11; + order: 11; } - .offset-sm-11 { - margin-left: 91.666667%; + .order-sm-12 { + -ms-flex-order: 12; + order: 12; } } @media (min-width: 768px) { + .col-md { + -ms-flex-preferred-size: 0; + flex-basis: 0; + -ms-flex-positive: 1; + flex-grow: 1; + max-width: 100%; + } + .col-md-auto { + -ms-flex: 0 0 auto; + flex: 0 0 auto; + width: auto; + max-width: none; + } .col-md-1 { - float: left; - width: 8.333333%; + -ms-flex: 0 0 8.333333%; + flex: 0 0 8.333333%; + max-width: 8.333333%; } .col-md-2 { - float: left; - width: 16.666667%; + -ms-flex: 0 0 16.666667%; + flex: 0 0 16.666667%; + max-width: 16.666667%; } .col-md-3 { - float: left; - width: 25%; + -ms-flex: 0 0 25%; + flex: 0 0 25%; + max-width: 25%; } .col-md-4 { - float: left; - width: 33.333333%; + -ms-flex: 0 0 33.333333%; + flex: 0 0 33.333333%; + max-width: 33.333333%; } .col-md-5 { - float: left; - width: 41.666667%; + -ms-flex: 0 0 41.666667%; + flex: 0 0 41.666667%; + max-width: 41.666667%; } .col-md-6 { - float: left; - width: 50%; + -ms-flex: 0 0 50%; + flex: 0 0 50%; + max-width: 50%; } .col-md-7 { - float: left; - width: 58.333333%; + -ms-flex: 0 0 58.333333%; + flex: 0 0 58.333333%; + max-width: 58.333333%; } .col-md-8 { - float: left; - width: 66.666667%; + -ms-flex: 0 0 66.666667%; + flex: 0 0 66.666667%; + max-width: 66.666667%; } .col-md-9 { - float: left; - width: 75%; + -ms-flex: 0 0 75%; + flex: 0 0 75%; + max-width: 75%; } .col-md-10 { - float: left; - width: 83.333333%; + -ms-flex: 0 0 83.333333%; + flex: 0 0 83.333333%; + max-width: 83.333333%; } .col-md-11 { - float: left; - width: 91.666667%; + -ms-flex: 0 0 91.666667%; + flex: 0 0 91.666667%; + max-width: 91.666667%; } .col-md-12 { - float: left; - width: 100%; - } - .pull-md-0 { - right: auto; - } - .pull-md-1 { - right: 8.333333%; - } - .pull-md-2 { - right: 16.666667%; - } - .pull-md-3 { - right: 25%; - } - .pull-md-4 { - right: 33.333333%; - } - .pull-md-5 { - right: 41.666667%; - } - .pull-md-6 { - right: 50%; - } - .pull-md-7 { - right: 58.333333%; - } - .pull-md-8 { - right: 66.666667%; - } - .pull-md-9 { - right: 75%; - } - .pull-md-10 { - right: 83.333333%; - } - .pull-md-11 { - right: 91.666667%; - } - .pull-md-12 { - right: 100%; - } - .push-md-0 { - left: auto; - } - .push-md-1 { - left: 8.333333%; - } - .push-md-2 { - left: 16.666667%; - } - .push-md-3 { - left: 25%; - } - .push-md-4 { - left: 33.333333%; - } - .push-md-5 { - left: 41.666667%; - } - .push-md-6 { - left: 50%; - } - .push-md-7 { - left: 58.333333%; - } - .push-md-8 { - left: 66.666667%; - } - .push-md-9 { - left: 75%; - } - .push-md-10 { - left: 83.333333%; - } - .push-md-11 { - left: 91.666667%; - } - .push-md-12 { - left: 100%; + -ms-flex: 0 0 100%; + flex: 0 0 100%; + max-width: 100%; } - .offset-md-0 { - margin-left: 0%; + .order-md-1 { + -ms-flex-order: 1; + order: 1; } - .offset-md-1 { - margin-left: 8.333333%; + .order-md-2 { + -ms-flex-order: 2; + order: 2; } - .offset-md-2 { - margin-left: 16.666667%; + .order-md-3 { + -ms-flex-order: 3; + order: 3; } - .offset-md-3 { - margin-left: 25%; + .order-md-4 { + -ms-flex-order: 4; + order: 4; } - .offset-md-4 { - margin-left: 33.333333%; + .order-md-5 { + -ms-flex-order: 5; + order: 5; } - .offset-md-5 { - margin-left: 41.666667%; + .order-md-6 { + -ms-flex-order: 6; + order: 6; } - .offset-md-6 { - margin-left: 50%; + .order-md-7 { + -ms-flex-order: 7; + order: 7; } - .offset-md-7 { - margin-left: 58.333333%; + .order-md-8 { + -ms-flex-order: 8; + order: 8; } - .offset-md-8 { - margin-left: 66.666667%; + .order-md-9 { + -ms-flex-order: 9; + order: 9; } - .offset-md-9 { - margin-left: 75%; + .order-md-10 { + -ms-flex-order: 10; + order: 10; } - .offset-md-10 { - margin-left: 83.333333%; + .order-md-11 { + -ms-flex-order: 11; + order: 11; } - .offset-md-11 { - margin-left: 91.666667%; + .order-md-12 { + -ms-flex-order: 12; + order: 12; } } @media (min-width: 992px) { + .col-lg { + -ms-flex-preferred-size: 0; + flex-basis: 0; + -ms-flex-positive: 1; + flex-grow: 1; + max-width: 100%; + } + .col-lg-auto { + -ms-flex: 0 0 auto; + flex: 0 0 auto; + width: auto; + max-width: none; + } .col-lg-1 { - float: left; - width: 8.333333%; + -ms-flex: 0 0 8.333333%; + flex: 0 0 8.333333%; + max-width: 8.333333%; } .col-lg-2 { - float: left; - width: 16.666667%; + -ms-flex: 0 0 16.666667%; + flex: 0 0 16.666667%; + max-width: 16.666667%; } .col-lg-3 { - float: left; - width: 25%; + -ms-flex: 0 0 25%; + flex: 0 0 25%; + max-width: 25%; } .col-lg-4 { - float: left; - width: 33.333333%; + -ms-flex: 0 0 33.333333%; + flex: 0 0 33.333333%; + max-width: 33.333333%; } .col-lg-5 { - float: left; - width: 41.666667%; + -ms-flex: 0 0 41.666667%; + flex: 0 0 41.666667%; + max-width: 41.666667%; } .col-lg-6 { - float: left; - width: 50%; + -ms-flex: 0 0 50%; + flex: 0 0 50%; + max-width: 50%; } .col-lg-7 { - float: left; - width: 58.333333%; + -ms-flex: 0 0 58.333333%; + flex: 0 0 58.333333%; + max-width: 58.333333%; } .col-lg-8 { - float: left; - width: 66.666667%; + -ms-flex: 0 0 66.666667%; + flex: 0 0 66.666667%; + max-width: 66.666667%; } .col-lg-9 { - float: left; - width: 75%; + -ms-flex: 0 0 75%; + flex: 0 0 75%; + max-width: 75%; } .col-lg-10 { - float: left; - width: 83.333333%; + -ms-flex: 0 0 83.333333%; + flex: 0 0 83.333333%; + max-width: 83.333333%; } .col-lg-11 { - float: left; - width: 91.666667%; + -ms-flex: 0 0 91.666667%; + flex: 0 0 91.666667%; + max-width: 91.666667%; } .col-lg-12 { - float: left; - width: 100%; - } - .pull-lg-0 { - right: auto; - } - .pull-lg-1 { - right: 8.333333%; - } - .pull-lg-2 { - right: 16.666667%; - } - .pull-lg-3 { - right: 25%; - } - .pull-lg-4 { - right: 33.333333%; - } - .pull-lg-5 { - right: 41.666667%; - } - .pull-lg-6 { - right: 50%; - } - .pull-lg-7 { - right: 58.333333%; - } - .pull-lg-8 { - right: 66.666667%; - } - .pull-lg-9 { - right: 75%; - } - .pull-lg-10 { - right: 83.333333%; - } - .pull-lg-11 { - right: 91.666667%; - } - .pull-lg-12 { - right: 100%; - } - .push-lg-0 { - left: auto; - } - .push-lg-1 { - left: 8.333333%; - } - .push-lg-2 { - left: 16.666667%; - } - .push-lg-3 { - left: 25%; - } - .push-lg-4 { - left: 33.333333%; - } - .push-lg-5 { - left: 41.666667%; - } - .push-lg-6 { - left: 50%; - } - .push-lg-7 { - left: 58.333333%; - } - .push-lg-8 { - left: 66.666667%; - } - .push-lg-9 { - left: 75%; - } - .push-lg-10 { - left: 83.333333%; - } - .push-lg-11 { - left: 91.666667%; - } - .push-lg-12 { - left: 100%; + -ms-flex: 0 0 100%; + flex: 0 0 100%; + max-width: 100%; } - .offset-lg-0 { - margin-left: 0%; + .order-lg-1 { + -ms-flex-order: 1; + order: 1; } - .offset-lg-1 { - margin-left: 8.333333%; + .order-lg-2 { + -ms-flex-order: 2; + order: 2; } - .offset-lg-2 { - margin-left: 16.666667%; + .order-lg-3 { + -ms-flex-order: 3; + order: 3; } - .offset-lg-3 { - margin-left: 25%; + .order-lg-4 { + -ms-flex-order: 4; + order: 4; } - .offset-lg-4 { - margin-left: 33.333333%; + .order-lg-5 { + -ms-flex-order: 5; + order: 5; } - .offset-lg-5 { - margin-left: 41.666667%; + .order-lg-6 { + -ms-flex-order: 6; + order: 6; } - .offset-lg-6 { - margin-left: 50%; + .order-lg-7 { + -ms-flex-order: 7; + order: 7; } - .offset-lg-7 { - margin-left: 58.333333%; + .order-lg-8 { + -ms-flex-order: 8; + order: 8; } - .offset-lg-8 { - margin-left: 66.666667%; + .order-lg-9 { + -ms-flex-order: 9; + order: 9; } - .offset-lg-9 { - margin-left: 75%; + .order-lg-10 { + -ms-flex-order: 10; + order: 10; } - .offset-lg-10 { - margin-left: 83.333333%; + .order-lg-11 { + -ms-flex-order: 11; + order: 11; } - .offset-lg-11 { - margin-left: 91.666667%; + .order-lg-12 { + -ms-flex-order: 12; + order: 12; } } @media (min-width: 1200px) { + .col-xl { + -ms-flex-preferred-size: 0; + flex-basis: 0; + -ms-flex-positive: 1; + flex-grow: 1; + max-width: 100%; + } + .col-xl-auto { + -ms-flex: 0 0 auto; + flex: 0 0 auto; + width: auto; + max-width: none; + } .col-xl-1 { - float: left; - width: 8.333333%; + -ms-flex: 0 0 8.333333%; + flex: 0 0 8.333333%; + max-width: 8.333333%; } .col-xl-2 { - float: left; - width: 16.666667%; + -ms-flex: 0 0 16.666667%; + flex: 0 0 16.666667%; + max-width: 16.666667%; } .col-xl-3 { - float: left; - width: 25%; + -ms-flex: 0 0 25%; + flex: 0 0 25%; + max-width: 25%; } .col-xl-4 { - float: left; - width: 33.333333%; + -ms-flex: 0 0 33.333333%; + flex: 0 0 33.333333%; + max-width: 33.333333%; } .col-xl-5 { - float: left; - width: 41.666667%; + -ms-flex: 0 0 41.666667%; + flex: 0 0 41.666667%; + max-width: 41.666667%; } .col-xl-6 { - float: left; - width: 50%; + -ms-flex: 0 0 50%; + flex: 0 0 50%; + max-width: 50%; } .col-xl-7 { - float: left; - width: 58.333333%; + -ms-flex: 0 0 58.333333%; + flex: 0 0 58.333333%; + max-width: 58.333333%; } .col-xl-8 { - float: left; - width: 66.666667%; + -ms-flex: 0 0 66.666667%; + flex: 0 0 66.666667%; + max-width: 66.666667%; } .col-xl-9 { - float: left; - width: 75%; + -ms-flex: 0 0 75%; + flex: 0 0 75%; + max-width: 75%; } .col-xl-10 { - float: left; - width: 83.333333%; + -ms-flex: 0 0 83.333333%; + flex: 0 0 83.333333%; + max-width: 83.333333%; } .col-xl-11 { - float: left; - width: 91.666667%; + -ms-flex: 0 0 91.666667%; + flex: 0 0 91.666667%; + max-width: 91.666667%; } .col-xl-12 { - float: left; - width: 100%; - } - .pull-xl-0 { - right: auto; - } - .pull-xl-1 { - right: 8.333333%; - } - .pull-xl-2 { - right: 16.666667%; - } - .pull-xl-3 { - right: 25%; - } - .pull-xl-4 { - right: 33.333333%; - } - .pull-xl-5 { - right: 41.666667%; - } - .pull-xl-6 { - right: 50%; - } - .pull-xl-7 { - right: 58.333333%; - } - .pull-xl-8 { - right: 66.666667%; - } - .pull-xl-9 { - right: 75%; - } - .pull-xl-10 { - right: 83.333333%; - } - .pull-xl-11 { - right: 91.666667%; - } - .pull-xl-12 { - right: 100%; - } - .push-xl-0 { - left: auto; - } - .push-xl-1 { - left: 8.333333%; - } - .push-xl-2 { - left: 16.666667%; - } - .push-xl-3 { - left: 25%; - } - .push-xl-4 { - left: 33.333333%; - } - .push-xl-5 { - left: 41.666667%; - } - .push-xl-6 { - left: 50%; - } - .push-xl-7 { - left: 58.333333%; - } - .push-xl-8 { - left: 66.666667%; - } - .push-xl-9 { - left: 75%; - } - .push-xl-10 { - left: 83.333333%; - } - .push-xl-11 { - left: 91.666667%; - } - .push-xl-12 { - left: 100%; + -ms-flex: 0 0 100%; + flex: 0 0 100%; + max-width: 100%; } - .offset-xl-0 { - margin-left: 0%; + .order-xl-1 { + -ms-flex-order: 1; + order: 1; } - .offset-xl-1 { - margin-left: 8.333333%; + .order-xl-2 { + -ms-flex-order: 2; + order: 2; } - .offset-xl-2 { - margin-left: 16.666667%; + .order-xl-3 { + -ms-flex-order: 3; + order: 3; } - .offset-xl-3 { - margin-left: 25%; + .order-xl-4 { + -ms-flex-order: 4; + order: 4; } - .offset-xl-4 { - margin-left: 33.333333%; + .order-xl-5 { + -ms-flex-order: 5; + order: 5; } - .offset-xl-5 { - margin-left: 41.666667%; + .order-xl-6 { + -ms-flex-order: 6; + order: 6; } - .offset-xl-6 { - margin-left: 50%; + .order-xl-7 { + -ms-flex-order: 7; + order: 7; } - .offset-xl-7 { - margin-left: 58.333333%; + .order-xl-8 { + -ms-flex-order: 8; + order: 8; } - .offset-xl-8 { - margin-left: 66.666667%; + .order-xl-9 { + -ms-flex-order: 9; + order: 9; } - .offset-xl-9 { - margin-left: 75%; + .order-xl-10 { + -ms-flex-order: 10; + order: 10; } - .offset-xl-10 { - margin-left: 83.333333%; + .order-xl-11 { + -ms-flex-order: 11; + order: 11; } - .offset-xl-11 { - margin-left: 91.666667%; + .order-xl-12 { + -ms-flex-order: 12; + order: 12; } } @@ -1826,22 +1316,23 @@ pre code { width: 100%; max-width: 100%; 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 { @@ -1854,12 +1345,12 @@ pre code { } .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, @@ -1875,155 +1366,184 @@ pre code { background-color: rgba(0, 0, 0, 0.075); } -.table-active, -.table-active > th, -.table-active > td { - background-color: rgba(0, 0, 0, 0.075); +.table-primary, +.table-primary > th, +.table-primary > td { + background-color: #b8daff; } -.table-hover .table-active:hover { - background-color: rgba(0, 0, 0, 0.075); +.table-hover .table-primary:hover { + background-color: #9fcdff; } -.table-hover .table-active:hover > td, -.table-hover .table-active:hover > th { - background-color: rgba(0, 0, 0, 0.075); +.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: #dff0d8; + background-color: #c3e6cb; } .table-hover .table-success:hover { - background-color: #d0e9c6; + background-color: #b1dfbb; } .table-hover .table-success:hover > td, .table-hover .table-success:hover > th { - background-color: #d0e9c6; + background-color: #b1dfbb; } .table-info, .table-info > th, .table-info > td { - background-color: #d9edf7; + background-color: #bee5eb; } .table-hover .table-info:hover { - background-color: #c4e3f3; + background-color: #abdde5; } .table-hover .table-info:hover > td, .table-hover .table-info:hover > th { - background-color: #c4e3f3; + background-color: #abdde5; } .table-warning, .table-warning > th, .table-warning > td { - background-color: #fcf8e3; + background-color: #ffeeba; } .table-hover .table-warning:hover { - background-color: #faf2cc; + background-color: #ffe8a1; } .table-hover .table-warning:hover > td, .table-hover .table-warning:hover > th { - background-color: #faf2cc; + background-color: #ffe8a1; } .table-danger, .table-danger > th, .table-danger > td { - background-color: #f2dede; + background-color: #f5c6cb; } .table-hover .table-danger:hover { - background-color: #ebcccc; + background-color: #f1b0b7; } .table-hover .table-danger:hover > td, .table-hover .table-danger:hover > th { - background-color: #ebcccc; + background-color: #f1b0b7; } -.thead-inverse th { - color: #fff; - background-color: #292b2c; +.table-light, +.table-light > th, +.table-light > td { + background-color: #fdfdfe; } -.thead-default th { - color: #464a4c; - background-color: #eceeef; +.table-hover .table-light:hover { + background-color: #ececf6; } -.table-inverse { - color: #fff; - background-color: #292b2c; +.table-hover .table-light:hover > td, +.table-hover .table-light:hover > th { + background-color: #ececf6; } -.table-inverse th, -.table-inverse td, -.table-inverse thead th { - border-color: #fff; +.table-dark, +.table-dark > th, +.table-dark > td { + background-color: #c6c8ca; } -.table-inverse.table-bordered { - border: 0; +.table-hover .table-dark:hover { + background-color: #b9bbbe; } -.table-responsive { - display: block; - width: 100%; - min-height: 0%; - overflow-x: auto; - -ms-overflow-style: -ms-autohiding-scrollbar; +.table-hover .table-dark:hover > td, +.table-hover .table-dark:hover > th { + background-color: #b9bbbe; } -.table-responsive.table-bordered { - border: 0; +.table-active, +.table-active > th, +.table-active > td { + background-color: rgba(0, 0, 0, 0.075); } -.table-reflow thead { - float: left; +.table-hover .table-active:hover { + background-color: rgba(0, 0, 0, 0.075); } -.table-reflow tbody { - display: block; - white-space: nowrap; +.table-hover .table-active:hover > td, +.table-hover .table-active:hover > th { + background-color: rgba(0, 0, 0, 0.075); } -.table-reflow th, -.table-reflow td { - border-top: 1px solid #eceeef; - border-left: 1px solid #eceeef; +.thead-inverse th { + color: #fff; + background-color: #212529; } -.table-reflow th:last-child, -.table-reflow td:last-child { - border-right: 1px solid #eceeef; +.thead-default th { + color: #495057; + background-color: #e9ecef; } -.table-reflow thead:last-child tr:last-child th, -.table-reflow thead:last-child tr:last-child td, -.table-reflow tbody:last-child tr:last-child th, -.table-reflow tbody:last-child tr:last-child td, -.table-reflow tfoot:last-child tr:last-child th, -.table-reflow tfoot:last-child tr:last-child td { - border-bottom: 1px solid #eceeef; +.table-inverse { + color: #fff; + background-color: #212529; } -.table-reflow tr { - float: left; +.table-inverse th, +.table-inverse td, +.table-inverse thead th { + border-color: #32383e; } -.table-reflow tr th, -.table-reflow tr td { - display: block !important; - border: 1px solid #eceeef; +.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); +} + +@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 { @@ -2032,18 +1552,13 @@ pre code { padding: 0.5rem 0.75rem; font-size: 1rem; line-height: 1.25; - color: #464a4c; + color: #495057; background-color: #fff; background-image: none; - -webkit-background-clip: padding-box; - background-clip: padding-box; + background-clip: padding-box; border: 1px solid rgba(0, 0, 0, 0.15); border-radius: 0.25rem; - -webkit-transition: border-color ease-in-out 0.15s, -webkit-box-shadow ease-in-out 0.15s; - transition: border-color ease-in-out 0.15s, -webkit-box-shadow ease-in-out 0.15s; - -o-transition: border-color ease-in-out 0.15s, box-shadow ease-in-out 0.15s; transition: border-color ease-in-out 0.15s, box-shadow ease-in-out 0.15s; - transition: border-color ease-in-out 0.15s, box-shadow ease-in-out 0.15s, -webkit-box-shadow ease-in-out 0.15s; } .form-control::-ms-expand { @@ -2052,47 +1567,38 @@ pre code { } .form-control:focus { - color: #464a4c; + color: #495057; background-color: #fff; - border-color: #66afe9; + border-color: #80bdff; outline: none; } .form-control::-webkit-input-placeholder { - color: #999; - opacity: 1; -} - -.form-control::-moz-placeholder { - color: #999; + color: #868e96; opacity: 1; } .form-control:-ms-input-placeholder { - color: #999; + color: #868e96; opacity: 1; } .form-control::placeholder { - color: #999; + color: #868e96; opacity: 1; } .form-control:disabled, .form-control[readonly] { - background-color: #eceeef; + background-color: #e9ecef; opacity: 1; } -.form-control:disabled { - cursor: not-allowed; -} - select.form-control:not([size]):not([multiple]) { height: calc(2.25rem + 2px); } select.form-control:focus::-ms-value { - color: #464a4c; + color: #495057; background-color: #fff; } @@ -2102,20 +1608,20 @@ select.form-control:focus::-ms-value { } .col-form-label { - padding-top: 0.5rem; - padding-bottom: 0.5rem; + padding-top: calc(0.5rem - 1px * 2); + padding-bottom: calc(0.5rem - 1px * 2); margin-bottom: 0; } .col-form-label-lg { - padding-top: 0.75rem; - padding-bottom: 0.75rem; + padding-top: calc(0.5rem - 1px * 2); + padding-bottom: calc(0.5rem - 1px * 2); font-size: 1.25rem; } .col-form-label-sm { - padding-top: 0.25rem; - padding-bottom: 0.25rem; + padding-top: calc(0.25rem - 1px * 2); + padding-bottom: calc(0.25rem - 1px * 2); font-size: 0.875rem; } @@ -2126,19 +1632,20 @@ select.form-control:focus::-ms-value { 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, -.input-group-sm > .form-control-static.input-group-addon, -.input-group-sm > .input-group-btn > .form-control-static.btn, .form-control-static.form-control-lg, .input-group-lg > .form-control-static.form-control, -.input-group-lg > .form-control-static.input-group-addon, -.input-group-lg > .input-group-btn > .form-control-static.btn { +.form-control-plaintext.form-control-sm, .input-group-sm > .form-control-plaintext.form-control, +.input-group-sm > .form-control-plaintext.input-group-addon, +.input-group-sm > .input-group-btn > .form-control-plaintext.btn, .form-control-plaintext.form-control-lg, .input-group-lg > .form-control-plaintext.form-control, +.input-group-lg > .form-control-plaintext.input-group-addon, +.input-group-lg > .input-group-btn > .form-control-plaintext.btn { padding-right: 0; padding-left: 0; } @@ -2148,27 +1655,29 @@ select.form-control:focus::-ms-value { .input-group-sm > .input-group-btn > .btn { 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]), .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, .input-group-lg > .input-group-addon, .input-group-lg > .input-group-btn > .btn { - 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]), .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.166667rem; + height: calc(2.875rem + 2px); } .form-group { @@ -2180,136 +1689,199 @@ select.form-control-lg:not([size]):not([multiple]), .input-group-lg > select.for margin-top: 0.25rem; } +.form-row { + display: -ms-flexbox; + display: flex; + -ms-flex-wrap: wrap; + 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.75rem; -} - -.form-check + .form-check { - margin-top: -.25rem; + 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; } .form-check-input { position: absolute; - margin-top: .25rem; + margin-top: 0.25rem; margin-left: -1.25rem; } -.form-check-input:only-child { - position: static; -} - .form-check-inline { display: inline-block; + margin-right: 0.75rem; } .form-check-inline .form-check-label { vertical-align: middle; } -.form-check-inline + .form-check-inline { - margin-left: .75rem; +.invalid-feedback { + display: none; + margin-top: .25rem; + font-size: .875rem; + color: #dc3545; } -.form-control-feedback { - margin-top: 0.25rem; +.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; } -.form-control-success, -.form-control-warning, -.form-control-danger { - padding-right: 2.25rem; - background-repeat: no-repeat; - background-position: center right 0.5625rem; - -webkit-background-size: 1.125rem 1.125rem; - background-size: 1.125rem 1.125rem; +.was-validated .form-control:valid, .form-control.is-valid, .was-validated +.custom-select:valid, +.custom-select.is-valid { + border-color: #28a745; +} + +.was-validated .form-control:valid:focus, .form-control.is-valid: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); } -.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 ~ .valid-feedback, +.was-validated .form-control:valid ~ .valid-tooltip, .form-control.is-valid ~ .valid-feedback, +.form-control.is-valid ~ .valid-tooltip, .was-validated +.custom-select:valid ~ .valid-feedback, +.was-validated +.custom-select:valid ~ .valid-tooltip, +.custom-select.is-valid ~ .valid-feedback, +.custom-select.is-valid ~ .valid-tooltip { + display: block; } -.has-success .form-control { - 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; } -.has-warning .form-control { - border-color: #f0ad4e; +.was-validated .custom-file-input:valid ~ .custom-file-control::before, .custom-file-input.is-valid ~ .custom-file-control::before { + border-color: inherit; } -.has-warning .input-group-addon { - color: #f0ad4e; - border-color: #f0ad4e; - background-color: white; +.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 .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-control:invalid, .form-control.is-invalid, .was-validated +.custom-select:invalid, +.custom-select.is-invalid { + border-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 .form-control:invalid:focus, .form-control.is-invalid: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); } -.has-danger .form-control { - border-color: #d9534f; +.was-validated .form-control:invalid ~ .invalid-feedback, +.was-validated .form-control:invalid ~ .invalid-tooltip, .form-control.is-invalid ~ .invalid-feedback, +.form-control.is-invalid ~ .invalid-tooltip, .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-danger .input-group-addon { - color: #d9534f; - border-color: #d9534f; - background-color: #fdf7f7; +.was-validated .form-check-input:invalid + .form-check-label, .form-check-input.is-invalid + .form-check-label { + color: #dc3545; } -.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-control-input:invalid ~ .custom-control-indicator, .custom-control-input.is-invalid ~ .custom-control-indicator { + background-color: rgba(220, 53, 69, 0.25); +} + +.was-validated .custom-control-input:invalid ~ .custom-control-description, .custom-control-input.is-invalid ~ .custom-control-description { + color: #dc3545; +} + +.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; +} + +.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: -ms-flexbox; + display: flex; + -ms-flex-flow: row wrap; + flex-flow: row wrap; + -ms-flex-align: center; + align-items: center; +} + +.form-inline .form-check { + width: 100%; } @media (min-width: 576px) { .form-inline label { + display: -ms-flexbox; + display: flex; + -ms-flex-align: center; + align-items: center; + -ms-flex-pack: center; + justify-content: center; margin-bottom: 0; } .form-inline .form-group { - display: inline-block; - vertical-align: middle; + display: -ms-flexbox; + display: flex; + -ms-flex: 0 0 auto; + flex: 0 0 auto; + -ms-flex-flow: row wrap; + flex-flow: row wrap; + -ms-flex-align: center; + align-items: center; margin-bottom: 0; } .form-inline .form-control { @@ -2317,29 +1889,23 @@ select.form-control-lg:not([size]):not([multiple]), .input-group-lg > select.for width: auto; vertical-align: middle; } - .form-inline .form-control-static { + .form-inline .form-control-plaintext { display: inline-block; } .form-inline .input-group { width: auto; - display: inline-table; - vertical-align: middle; - } - .form-inline .input-group .input-group-addon, - .form-inline .input-group .input-group-btn, - .form-inline .input-group .form-control { - width: auto; - } - .form-inline .input-group > .form-control { - width: 100%; } .form-inline .form-control-label { margin-bottom: 0; vertical-align: middle; } .form-inline .form-check { - display: inline-block; - vertical-align: middle; + display: -ms-flexbox; + display: flex; + -ms-flex-align: center; + align-items: center; + -ms-flex-pack: center; + justify-content: center; width: auto; margin-top: 0; margin-bottom: 0; @@ -2349,15 +1915,23 @@ select.form-control-lg:not([size]):not([multiple]), .input-group-lg > select.for } .form-inline .form-check-input { position: relative; + margin-top: 0; + margin-right: 0.25rem; margin-left: 0; } .form-inline .custom-control { + display: -ms-flexbox; + display: flex; + -ms-flex-align: center; + align-items: center; + -ms-flex-pack: center; + justify-content: center; padding-left: 0; - vertical-align: middle; } .form-inline .custom-control-indicator { position: static; display: inline-block; + margin-right: 0.25rem; vertical-align: text-bottom; } .form-inline .has-feedback .form-control-feedback { @@ -2368,47 +1942,38 @@ select.form-control-lg:not([size]):not([multiple]), .input-group-lg > select.for .btn { display: inline-block; font-weight: normal; - line-height: 1.25; text-align: center; white-space: nowrap; vertical-align: middle; - cursor: pointer; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; 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; - -webkit-transition: all 0.2s ease-in-out; - -o-transition: all 0.2s ease-in-out; - transition: all 0.2s ease-in-out; -} - -.btn:focus, .btn.focus, .btn:active:focus, .btn:active.focus, .btn.active:focus, .btn.active.focus { - outline: 5px auto -webkit-focus-ring-color; - outline-offset: -2px; + transition: background-color 0.15s ease-in-out, border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out; } .btn:focus, .btn:hover { text-decoration: none; } -.btn.focus { - text-decoration: none; -} - -.btn:active, .btn.active { - background-image: none; +.btn:focus, .btn.focus { outline: 0; + box-shadow: 0 0 0 3px rgba(0, 123, 255, 0.25); } .btn.disabled, .btn:disabled { - cursor: not-allowed; opacity: .65; } +.btn:active, .btn.active { + background-image: none; +} + a.btn.disabled, fieldset[disabled] a.btn { pointer-events: none; @@ -2416,570 +1981,494 @@ fieldset[disabled] a.btn { .btn-primary { color: #fff; - background-color: #0275d8; - border-color: #0275d8; + background-color: #007bff; + border-color: #007bff; } .btn-primary:hover { color: #fff; - background-color: #025aa5; - border-color: #01549b; + background-color: #0069d9; + border-color: #0062cc; } .btn-primary:focus, .btn-primary.focus { - color: #fff; - background-color: #025aa5; - border-color: #01549b; + box-shadow: 0 0 0 3px rgba(0, 123, 255, 0.5); +} + +.btn-primary.disabled, .btn-primary:disabled { + background-color: #007bff; + border-color: #007bff; } .btn-primary:active, .btn-primary.active, -.open > .btn-primary.dropdown-toggle { - color: #fff; - background-color: #025aa5; - border-color: #01549b; +.show > .btn-primary.dropdown-toggle { + background-color: #0069d9; background-image: none; + border-color: #0062cc; } -.btn-primary:active:hover, .btn-primary:active:focus, .btn-primary:active.focus, .btn-primary.active:hover, .btn-primary.active:focus, .btn-primary.active.focus, -.open > .btn-primary.dropdown-toggle:hover, -.open > .btn-primary.dropdown-toggle:focus, -.open > .btn-primary.dropdown-toggle.focus { +.btn-secondary { color: #fff; - background-color: #014682; - border-color: #01315a; + background-color: #868e96; + border-color: #868e96; } -.btn-primary.disabled:focus, .btn-primary.disabled.focus, .btn-primary:disabled:focus, .btn-primary:disabled.focus { - background-color: #0275d8; - border-color: #0275d8; +.btn-secondary:hover { + color: #fff; + background-color: #727b84; + border-color: #6c757d; } -.btn-primary.disabled:hover, .btn-primary:disabled:hover { - background-color: #0275d8; - border-color: #0275d8; +.btn-secondary:focus, .btn-secondary.focus { + box-shadow: 0 0 0 3px rgba(134, 142, 150, 0.5); } -.btn-secondary { - color: #292b2c; - background-color: #fff; - border-color: #ccc; +.btn-secondary.disabled, .btn-secondary:disabled { + background-color: #868e96; + border-color: #868e96; } -.btn-secondary:hover { - color: #292b2c; - background-color: #e6e6e6; - border-color: #adadad; +.btn-secondary:active, .btn-secondary.active, +.show > .btn-secondary.dropdown-toggle { + background-color: #727b84; + background-image: none; + border-color: #6c757d; } -.btn-secondary:focus, .btn-secondary.focus { - color: #292b2c; - background-color: #e6e6e6; - border-color: #adadad; +.btn-success { + color: #fff; + background-color: #28a745; + border-color: #28a745; } -.btn-secondary:active, .btn-secondary.active, -.open > .btn-secondary.dropdown-toggle { - color: #292b2c; - background-color: #e6e6e6; - border-color: #adadad; - background-image: none; +.btn-success:hover { + color: #fff; + background-color: #218838; + border-color: #1e7e34; } -.btn-secondary:active:hover, .btn-secondary:active:focus, .btn-secondary:active.focus, .btn-secondary.active:hover, .btn-secondary.active:focus, .btn-secondary.active.focus, -.open > .btn-secondary.dropdown-toggle:hover, -.open > .btn-secondary.dropdown-toggle:focus, -.open > .btn-secondary.dropdown-toggle.focus { - color: #292b2c; - background-color: #d4d4d4; - border-color: #8c8c8c; +.btn-success:focus, .btn-success.focus { + box-shadow: 0 0 0 3px rgba(40, 167, 69, 0.5); } -.btn-secondary.disabled:focus, .btn-secondary.disabled.focus, .btn-secondary:disabled:focus, .btn-secondary:disabled.focus { - background-color: #fff; - border-color: #ccc; +.btn-success.disabled, .btn-success:disabled { + background-color: #28a745; + border-color: #28a745; } -.btn-secondary.disabled:hover, .btn-secondary:disabled:hover { - background-color: #fff; - border-color: #ccc; +.btn-success:active, .btn-success.active, +.show > .btn-success.dropdown-toggle { + background-color: #218838; + background-image: none; + border-color: #1e7e34; } .btn-info { color: #fff; - background-color: #5bc0de; - border-color: #5bc0de; + background-color: #17a2b8; + border-color: #17a2b8; } .btn-info:hover { color: #fff; - background-color: #31b0d5; - border-color: #2aabd2; + background-color: #138496; + border-color: #117a8b; } .btn-info:focus, .btn-info.focus { - color: #fff; - background-color: #31b0d5; - border-color: #2aabd2; + box-shadow: 0 0 0 3px rgba(23, 162, 184, 0.5); } -.btn-info:active, .btn-info.active, -.open > .btn-info.dropdown-toggle { - color: #fff; - background-color: #31b0d5; - border-color: #2aabd2; - background-image: none; -} - -.btn-info:active:hover, .btn-info:active:focus, .btn-info:active.focus, .btn-info.active:hover, .btn-info.active:focus, .btn-info.active.focus, -.open > .btn-info.dropdown-toggle:hover, -.open > .btn-info.dropdown-toggle:focus, -.open > .btn-info.dropdown-toggle.focus { - color: #fff; - background-color: #269abc; - border-color: #1f7e9a; +.btn-info.disabled, .btn-info:disabled { + background-color: #17a2b8; + border-color: #17a2b8; } -.btn-info.disabled:focus, .btn-info.disabled.focus, .btn-info:disabled:focus, .btn-info:disabled.focus { - background-color: #5bc0de; - border-color: #5bc0de; +.btn-info:active, .btn-info.active, +.show > .btn-info.dropdown-toggle { + background-color: #138496; + background-image: none; + border-color: #117a8b; } -.btn-info.disabled:hover, .btn-info:disabled:hover { - background-color: #5bc0de; - border-color: #5bc0de; +.btn-warning { + color: #111; + background-color: #ffc107; + border-color: #ffc107; } -.btn-success { - color: #fff; - background-color: #5cb85c; - border-color: #5cb85c; +.btn-warning:hover { + color: #111; + background-color: #e0a800; + border-color: #d39e00; } -.btn-success:hover { - color: #fff; - background-color: #449d44; - border-color: #419641; +.btn-warning:focus, .btn-warning.focus { + box-shadow: 0 0 0 3px rgba(255, 193, 7, 0.5); } -.btn-success:focus, .btn-success.focus { - color: #fff; - background-color: #449d44; - border-color: #419641; +.btn-warning.disabled, .btn-warning:disabled { + background-color: #ffc107; + border-color: #ffc107; } -.btn-success:active, .btn-success.active, -.open > .btn-success.dropdown-toggle { - color: #fff; - background-color: #449d44; - border-color: #419641; +.btn-warning:active, .btn-warning.active, +.show > .btn-warning.dropdown-toggle { + background-color: #e0a800; background-image: none; + border-color: #d39e00; } -.btn-success:active:hover, .btn-success:active:focus, .btn-success:active.focus, .btn-success.active:hover, .btn-success.active:focus, .btn-success.active.focus, -.open > .btn-success.dropdown-toggle:hover, -.open > .btn-success.dropdown-toggle:focus, -.open > .btn-success.dropdown-toggle.focus { +.btn-danger { color: #fff; - background-color: #398439; - border-color: #2d672d; + background-color: #dc3545; + border-color: #dc3545; } -.btn-success.disabled:focus, .btn-success.disabled.focus, .btn-success:disabled:focus, .btn-success:disabled.focus { - background-color: #5cb85c; - border-color: #5cb85c; -} - -.btn-success.disabled:hover, .btn-success:disabled:hover { - background-color: #5cb85c; - border-color: #5cb85c; -} - -.btn-warning { +.btn-danger:hover { color: #fff; - background-color: #f0ad4e; - border-color: #f0ad4e; + background-color: #c82333; + border-color: #bd2130; } -.btn-warning:hover { - color: #fff; - background-color: #ec971f; - border-color: #eb9316; +.btn-danger:focus, .btn-danger.focus { + box-shadow: 0 0 0 3px rgba(220, 53, 69, 0.5); } -.btn-warning:focus, .btn-warning.focus { - color: #fff; - background-color: #ec971f; - border-color: #eb9316; +.btn-danger.disabled, .btn-danger:disabled { + background-color: #dc3545; + border-color: #dc3545; } -.btn-warning:active, .btn-warning.active, -.open > .btn-warning.dropdown-toggle { - color: #fff; - background-color: #ec971f; - border-color: #eb9316; +.btn-danger:active, .btn-danger.active, +.show > .btn-danger.dropdown-toggle { + background-color: #c82333; background-image: none; + border-color: #bd2130; } -.btn-warning:active:hover, .btn-warning:active:focus, .btn-warning:active.focus, .btn-warning.active:hover, .btn-warning.active:focus, .btn-warning.active.focus, -.open > .btn-warning.dropdown-toggle:hover, -.open > .btn-warning.dropdown-toggle:focus, -.open > .btn-warning.dropdown-toggle.focus { - color: #fff; - background-color: #d58512; - border-color: #b06d0f; +.btn-light { + color: #111; + background-color: #f8f9fa; + border-color: #f8f9fa; } -.btn-warning.disabled:focus, .btn-warning.disabled.focus, .btn-warning:disabled:focus, .btn-warning:disabled.focus { - background-color: #f0ad4e; - border-color: #f0ad4e; +.btn-light:hover { + color: #111; + background-color: #e2e6ea; + border-color: #dae0e5; } -.btn-warning.disabled:hover, .btn-warning:disabled:hover { - background-color: #f0ad4e; - border-color: #f0ad4e; +.btn-light:focus, .btn-light.focus { + box-shadow: 0 0 0 3px rgba(248, 249, 250, 0.5); } -.btn-danger { - color: #fff; - background-color: #d9534f; - border-color: #d9534f; +.btn-light.disabled, .btn-light:disabled { + background-color: #f8f9fa; + border-color: #f8f9fa; } -.btn-danger:hover { - color: #fff; - background-color: #c9302c; - border-color: #c12e2a; +.btn-light:active, .btn-light.active, +.show > .btn-light.dropdown-toggle { + background-color: #e2e6ea; + background-image: none; + border-color: #dae0e5; } -.btn-danger:focus, .btn-danger.focus { +.btn-dark { color: #fff; - background-color: #c9302c; - border-color: #c12e2a; + background-color: #343a40; + border-color: #343a40; } -.btn-danger:active, .btn-danger.active, -.open > .btn-danger.dropdown-toggle { +.btn-dark:hover { color: #fff; - background-color: #c9302c; - border-color: #c12e2a; - background-image: none; + background-color: #23272b; + border-color: #1d2124; } -.btn-danger:active:hover, .btn-danger:active:focus, .btn-danger:active.focus, .btn-danger.active:hover, .btn-danger.active:focus, .btn-danger.active.focus, -.open > .btn-danger.dropdown-toggle:hover, -.open > .btn-danger.dropdown-toggle:focus, -.open > .btn-danger.dropdown-toggle.focus { - color: #fff; - background-color: #ac2925; - border-color: #8b211e; +.btn-dark:focus, .btn-dark.focus { + box-shadow: 0 0 0 3px rgba(52, 58, 64, 0.5); } -.btn-danger.disabled:focus, .btn-danger.disabled.focus, .btn-danger:disabled:focus, .btn-danger:disabled.focus { - background-color: #d9534f; - border-color: #d9534f; +.btn-dark.disabled, .btn-dark:disabled { + background-color: #343a40; + border-color: #343a40; } -.btn-danger.disabled:hover, .btn-danger:disabled:hover { - background-color: #d9534f; - border-color: #d9534f; +.btn-dark:active, .btn-dark.active, +.show > .btn-dark.dropdown-toggle { + background-color: #23272b; + background-image: none; + border-color: #1d2124; } .btn-outline-primary { - color: #0275d8; - background-image: none; + color: #007bff; background-color: transparent; - border-color: #0275d8; + background-image: none; + border-color: #007bff; } .btn-outline-primary:hover { color: #fff; - background-color: #0275d8; - border-color: #0275d8; + background-color: #007bff; + border-color: #007bff; } .btn-outline-primary:focus, .btn-outline-primary.focus { - color: #fff; - background-color: #0275d8; - border-color: #0275d8; + box-shadow: 0 0 0 3px rgba(0, 123, 255, 0.5); } -.btn-outline-primary:active, .btn-outline-primary.active, -.open > .btn-outline-primary.dropdown-toggle { - color: #fff; - background-color: #0275d8; - border-color: #0275d8; +.btn-outline-primary.disabled, .btn-outline-primary:disabled { + color: #007bff; + background-color: transparent; } -.btn-outline-primary:active:hover, .btn-outline-primary:active:focus, .btn-outline-primary:active.focus, .btn-outline-primary.active:hover, .btn-outline-primary.active:focus, .btn-outline-primary.active.focus, -.open > .btn-outline-primary.dropdown-toggle:hover, -.open > .btn-outline-primary.dropdown-toggle:focus, -.open > .btn-outline-primary.dropdown-toggle.focus { +.btn-outline-primary:active, .btn-outline-primary.active, +.show > .btn-outline-primary.dropdown-toggle { color: #fff; - background-color: #014682; - border-color: #01315a; -} - -.btn-outline-primary.disabled:focus, .btn-outline-primary.disabled.focus, .btn-outline-primary:disabled:focus, .btn-outline-primary:disabled.focus { - border-color: #43a7fd; -} - -.btn-outline-primary.disabled:hover, .btn-outline-primary:disabled:hover { - border-color: #43a7fd; + 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 { - color: #fff; - background-color: #ccc; - border-color: #ccc; + box-shadow: 0 0 0 3px rgba(134, 142, 150, 0.5); +} + +.btn-outline-secondary.disabled, .btn-outline-secondary:disabled { + color: #868e96; + background-color: transparent; } .btn-outline-secondary:active, .btn-outline-secondary.active, -.open > .btn-outline-secondary.dropdown-toggle { +.show > .btn-outline-secondary.dropdown-toggle { color: #fff; - background-color: #ccc; - border-color: #ccc; + background-color: #868e96; + border-color: #868e96; } -.btn-outline-secondary:active:hover, .btn-outline-secondary:active:focus, .btn-outline-secondary:active.focus, .btn-outline-secondary.active:hover, .btn-outline-secondary.active:focus, .btn-outline-secondary.active.focus, -.open > .btn-outline-secondary.dropdown-toggle:hover, -.open > .btn-outline-secondary.dropdown-toggle:focus, -.open > .btn-outline-secondary.dropdown-toggle.focus { - color: #fff; - background-color: #a1a1a1; - border-color: #8c8c8c; +.btn-outline-success { + color: #28a745; + background-color: transparent; + background-image: none; + border-color: #28a745; } -.btn-outline-secondary.disabled:focus, .btn-outline-secondary.disabled.focus, .btn-outline-secondary:disabled:focus, .btn-outline-secondary:disabled.focus { - border-color: white; +.btn-outline-success:hover { + color: #fff; + background-color: #28a745; + border-color: #28a745; } -.btn-outline-secondary.disabled:hover, .btn-outline-secondary:disabled:hover { - border-color: white; +.btn-outline-success:focus, .btn-outline-success.focus { + box-shadow: 0 0 0 3px rgba(40, 167, 69, 0.5); } -.btn-outline-info { - color: #5bc0de; - background-image: none; +.btn-outline-success.disabled, .btn-outline-success:disabled { + color: #28a745; background-color: transparent; - border-color: #5bc0de; } -.btn-outline-info:hover { +.btn-outline-success:active, .btn-outline-success.active, +.show > .btn-outline-success.dropdown-toggle { color: #fff; - background-color: #5bc0de; - border-color: #5bc0de; + background-color: #28a745; + border-color: #28a745; } -.btn-outline-info:focus, .btn-outline-info.focus { - color: #fff; - background-color: #5bc0de; - border-color: #5bc0de; +.btn-outline-info { + color: #17a2b8; + background-color: transparent; + background-image: none; + border-color: #17a2b8; } -.btn-outline-info:active, .btn-outline-info.active, -.open > .btn-outline-info.dropdown-toggle { +.btn-outline-info:hover { color: #fff; - background-color: #5bc0de; - border-color: #5bc0de; + background-color: #17a2b8; + border-color: #17a2b8; } -.btn-outline-info:active:hover, .btn-outline-info:active:focus, .btn-outline-info:active.focus, .btn-outline-info.active:hover, .btn-outline-info.active:focus, .btn-outline-info.active.focus, -.open > .btn-outline-info.dropdown-toggle:hover, -.open > .btn-outline-info.dropdown-toggle:focus, -.open > .btn-outline-info.dropdown-toggle.focus { - color: #fff; - background-color: #269abc; - border-color: #1f7e9a; +.btn-outline-info:focus, .btn-outline-info.focus { + box-shadow: 0 0 0 3px rgba(23, 162, 184, 0.5); } -.btn-outline-info.disabled:focus, .btn-outline-info.disabled.focus, .btn-outline-info:disabled:focus, .btn-outline-info:disabled.focus { - border-color: #b0e1ef; +.btn-outline-info.disabled, .btn-outline-info:disabled { + color: #17a2b8; + background-color: transparent; } -.btn-outline-info.disabled:hover, .btn-outline-info:disabled:hover { - border-color: #b0e1ef; +.btn-outline-info:active, .btn-outline-info.active, +.show > .btn-outline-info.dropdown-toggle { + color: #fff; + background-color: #17a2b8; + border-color: #17a2b8; } -.btn-outline-success { - color: #5cb85c; - background-image: none; +.btn-outline-warning { + color: #ffc107; background-color: transparent; - border-color: #5cb85c; + background-image: none; + border-color: #ffc107; } -.btn-outline-success:hover { +.btn-outline-warning:hover { color: #fff; - background-color: #5cb85c; - border-color: #5cb85c; + background-color: #ffc107; + border-color: #ffc107; } -.btn-outline-success:focus, .btn-outline-success.focus { - color: #fff; - background-color: #5cb85c; - border-color: #5cb85c; +.btn-outline-warning:focus, .btn-outline-warning.focus { + box-shadow: 0 0 0 3px rgba(255, 193, 7, 0.5); } -.btn-outline-success:active, .btn-outline-success.active, -.open > .btn-outline-success.dropdown-toggle { - color: #fff; - background-color: #5cb85c; - border-color: #5cb85c; +.btn-outline-warning.disabled, .btn-outline-warning:disabled { + color: #ffc107; + background-color: transparent; } -.btn-outline-success:active:hover, .btn-outline-success:active:focus, .btn-outline-success:active.focus, .btn-outline-success.active:hover, .btn-outline-success.active:focus, .btn-outline-success.active.focus, -.open > .btn-outline-success.dropdown-toggle:hover, -.open > .btn-outline-success.dropdown-toggle:focus, -.open > .btn-outline-success.dropdown-toggle.focus { +.btn-outline-warning:active, .btn-outline-warning.active, +.show > .btn-outline-warning.dropdown-toggle { color: #fff; - background-color: #398439; - border-color: #2d672d; + background-color: #ffc107; + border-color: #ffc107; } -.btn-outline-success.disabled:focus, .btn-outline-success.disabled.focus, .btn-outline-success:disabled:focus, .btn-outline-success:disabled.focus { - border-color: #a3d7a3; +.btn-outline-danger { + color: #dc3545; + background-color: transparent; + background-image: none; + border-color: #dc3545; } -.btn-outline-success.disabled:hover, .btn-outline-success:disabled:hover { - border-color: #a3d7a3; +.btn-outline-danger:hover { + color: #fff; + background-color: #dc3545; + border-color: #dc3545; } -.btn-outline-warning { - color: #f0ad4e; - background-image: none; - background-color: transparent; - border-color: #f0ad4e; +.btn-outline-danger:focus, .btn-outline-danger.focus { + box-shadow: 0 0 0 3px rgba(220, 53, 69, 0.5); } -.btn-outline-warning:hover { - color: #fff; - background-color: #f0ad4e; - border-color: #f0ad4e; +.btn-outline-danger.disabled, .btn-outline-danger:disabled { + color: #dc3545; + background-color: transparent; } -.btn-outline-warning:focus, .btn-outline-warning.focus { +.btn-outline-danger:active, .btn-outline-danger.active, +.show > .btn-outline-danger.dropdown-toggle { color: #fff; - background-color: #f0ad4e; - border-color: #f0ad4e; + background-color: #dc3545; + border-color: #dc3545; } -.btn-outline-warning:active, .btn-outline-warning.active, -.open > .btn-outline-warning.dropdown-toggle { - color: #fff; - background-color: #f0ad4e; - border-color: #f0ad4e; +.btn-outline-light { + color: #f8f9fa; + background-color: transparent; + background-image: none; + border-color: #f8f9fa; } -.btn-outline-warning:active:hover, .btn-outline-warning:active:focus, .btn-outline-warning:active.focus, .btn-outline-warning.active:hover, .btn-outline-warning.active:focus, .btn-outline-warning.active.focus, -.open > .btn-outline-warning.dropdown-toggle:hover, -.open > .btn-outline-warning.dropdown-toggle:focus, -.open > .btn-outline-warning.dropdown-toggle.focus { +.btn-outline-light:hover { color: #fff; - background-color: #d58512; - border-color: #b06d0f; + background-color: #f8f9fa; + border-color: #f8f9fa; } -.btn-outline-warning.disabled:focus, .btn-outline-warning.disabled.focus, .btn-outline-warning:disabled:focus, .btn-outline-warning:disabled.focus { - border-color: #f8d9ac; +.btn-outline-light:focus, .btn-outline-light.focus { + box-shadow: 0 0 0 3px rgba(248, 249, 250, 0.5); } -.btn-outline-warning.disabled:hover, .btn-outline-warning:disabled:hover { - border-color: #f8d9ac; -} - -.btn-outline-danger { - color: #d9534f; - background-image: none; +.btn-outline-light.disabled, .btn-outline-light:disabled { + color: #f8f9fa; background-color: transparent; - border-color: #d9534f; } -.btn-outline-danger:hover { +.btn-outline-light:active, .btn-outline-light.active, +.show > .btn-outline-light.dropdown-toggle { color: #fff; - background-color: #d9534f; - border-color: #d9534f; + background-color: #f8f9fa; + border-color: #f8f9fa; } -.btn-outline-danger:focus, .btn-outline-danger.focus { - color: #fff; - background-color: #d9534f; - border-color: #d9534f; +.btn-outline-dark { + color: #343a40; + background-color: transparent; + background-image: none; + border-color: #343a40; } -.btn-outline-danger:active, .btn-outline-danger.active, -.open > .btn-outline-danger.dropdown-toggle { +.btn-outline-dark:hover { color: #fff; - background-color: #d9534f; - border-color: #d9534f; + background-color: #343a40; + border-color: #343a40; } -.btn-outline-danger:active:hover, .btn-outline-danger:active:focus, .btn-outline-danger:active.focus, .btn-outline-danger.active:hover, .btn-outline-danger.active:focus, .btn-outline-danger.active.focus, -.open > .btn-outline-danger.dropdown-toggle:hover, -.open > .btn-outline-danger.dropdown-toggle:focus, -.open > .btn-outline-danger.dropdown-toggle.focus { - color: #fff; - background-color: #ac2925; - border-color: #8b211e; +.btn-outline-dark:focus, .btn-outline-dark.focus { + box-shadow: 0 0 0 3px rgba(52, 58, 64, 0.5); } -.btn-outline-danger.disabled:focus, .btn-outline-danger.disabled.focus, .btn-outline-danger:disabled:focus, .btn-outline-danger:disabled.focus { - border-color: #eba5a3; +.btn-outline-dark.disabled, .btn-outline-dark:disabled { + color: #343a40; + background-color: transparent; } -.btn-outline-danger.disabled:hover, .btn-outline-danger:disabled:hover { - border-color: #eba5a3; +.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: #0275d8; + color: #007bff; + background-color: transparent; border-radius: 0; } -.btn-link, .btn-link:active, .btn-link.active, .btn-link:disabled { +.btn-link:hover { + color: #0056b3; + text-decoration: underline; background-color: transparent; -} - -.btn-link, .btn-link:focus, .btn-link:active { border-color: transparent; } -.btn-link:hover { +.btn-link:focus, .btn-link.focus { border-color: transparent; + box-shadow: none; } -.btn-link:focus, .btn-link:hover { - color: #014c8c; - text-decoration: underline; - background-color: transparent; -} - -.btn-link:disabled:focus, .btn-link:disabled:hover { - color: #636c72; - text-decoration: none; +.btn-link:disabled, .btn-link.disabled { + color: #868e96; } .btn-lg, .btn-group-lg > .btn { - 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 { padding: 0.25rem 0.5rem; font-size: 0.875rem; + line-height: 1.5; border-radius: 0.2rem; } @@ -3000,12 +2489,10 @@ input[type="button"].btn-block { .fade { opacity: 0; - -webkit-transition: opacity 0.15s linear; - -o-transition: opacity 0.15s linear; transition: opacity 0.15s linear; } -.fade.active { +.fade.show { opacity: 1; } @@ -3013,15 +2500,15 @@ input[type="button"].btn-block { display: none; } -.collapse.active { +.collapse.show { display: block; } -tr.collapse.active { +tr.collapse.show { display: table-row; } -tbody.collapse.active { +tbody.collapse.show { display: table-row-group; } @@ -3029,8 +2516,6 @@ tbody.collapse.active { position: relative; height: 0; overflow: hidden; - -webkit-transition: height 0.35s ease; - -o-transition: height 0.35s ease; transition: height 0.35s ease; } @@ -3043,16 +2528,21 @@ tbody.collapse.active { 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 { @@ -3071,30 +2561,29 @@ tbody.collapse.active { 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; - -webkit-background-clip: padding-box; - background-clip: padding-box; + background-clip: padding-box; border: 1px solid rgba(0, 0, 0, 0.15); border-radius: 0.25rem; } .dropdown-divider { - height: 1px; + height: 0; margin: 0.5rem 0; overflow: hidden; - background-color: #e5e5e5; + 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; @@ -3102,46 +2591,28 @@ tbody.collapse.active { } .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:focus, .dropdown-item.active:hover { +.dropdown-item.active, .dropdown-item:active { color: #fff; text-decoration: none; - background-color: #0275d8; - outline: 0; -} - -.dropdown-item.disabled, .dropdown-item.disabled:focus, .dropdown-item.disabled:hover { - color: #636c72; + background-color: #007bff; } -.dropdown-item.disabled:focus, .dropdown-item.disabled:hover { - text-decoration: none; - cursor: not-allowed; +.dropdown-item.disabled, .dropdown-item:disabled { + color: #868e96; background-color: transparent; - background-image: none; - filter: "progid:DXImageTransform.Microsoft.gradient(enabled = false)"; -} - -.active > .dropdown-menu { - display: block; } -.active > a { +.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 { @@ -3149,45 +2620,28 @@ tbody.collapse.active { 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 .caret, -.navbar-fixed-bottom .dropdown .caret { - content: ""; - border-top: 0; - border-bottom: 0.3em solid; -} - -.dropup .dropdown-menu, -.navbar-fixed-bottom .dropdown .dropdown-menu { - top: auto; - bottom: 100%; - margin-bottom: 0.125rem; -} - .btn-group, .btn-group-vertical { position: relative; - display: inline-block; + display: -ms-inline-flexbox; + display: inline-flex; vertical-align: middle; } .btn-group > .btn, .btn-group-vertical > .btn { position: relative; - float: left; - margin-bottom: 0; + -ms-flex: 0 1 auto; + flex: 0 1 auto; +} + +.btn-group > .btn:hover, +.btn-group-vertical > .btn:hover { + z-index: 2; } .btn-group > .btn:focus, .btn-group > .btn:active, .btn-group > .btn.active, @@ -3197,37 +2651,28 @@ tbody.collapse.active { z-index: 2; } -.btn-group > .btn:hover, -.btn-group-vertical > .btn:hover { - z-index: 2; -} - .btn-group .btn + .btn, .btn-group .btn + .btn-group, .btn-group .btn-group + .btn, -.btn-group .btn-group + .btn-group { +.btn-group .btn-group + .btn-group, +.btn-group-vertical .btn + .btn, +.btn-group-vertical .btn + .btn-group, +.btn-group-vertical .btn-group + .btn, +.btn-group-vertical .btn-group + .btn-group { margin-left: -1px; } .btn-toolbar { - margin-left: -0.5rem; -} - -.btn-toolbar::after { - display: block; - content: ""; - clear: both; + display: -ms-flexbox; + display: flex; + -ms-flex-wrap: wrap; + flex-wrap: wrap; + -ms-flex-pack: start; + justify-content: flex-start; } -.btn-toolbar .btn-group, .btn-toolbar .input-group { - float: left; -} - -.btn-toolbar > .btn, -.btn-toolbar > .btn-group, -.btn-toolbar > .input-group { - margin-left: 0.5rem; + width: auto; } .btn-group > .btn:not(:first-child):not(:last-child):not(.dropdown-toggle) { @@ -3239,14 +2684,14 @@ tbody.collapse.active { } .btn-group > .btn:first-child:not(:last-child):not(.dropdown-toggle) { - border-bottom-right-radius: 0; border-top-right-radius: 0; + border-bottom-right-radius: 0; } .btn-group > .btn:last-child:not(:first-child), .btn-group > .dropdown-toggle:not(:first-child) { - border-bottom-left-radius: 0; border-top-left-radius: 0; + border-bottom-left-radius: 0; } .btn-group > .btn-group { @@ -3259,23 +2704,18 @@ tbody.collapse.active { .btn-group > .btn-group:first-child:not(:last-child) > .btn:last-child, .btn-group > .btn-group:first-child:not(:last-child) > .dropdown-toggle { - border-bottom-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 { - border-bottom-left-radius: 0; border-top-left-radius: 0; -} - -.btn-group .dropdown-toggle:active, -.btn-group.open .dropdown-toggle { - outline: 0; + border-bottom-left-radius: 0; } .btn + .dropdown-toggle-split { - padding-right: 0.75rem; - padding-left: 0.75rem; + padding-right: 0.5625rem; + padding-left: 0.5625rem; } .btn + .dropdown-toggle-split::after { @@ -3288,40 +2728,22 @@ tbody.collapse.active { } .btn-lg + .dropdown-toggle-split, .btn-group-lg > .btn + .dropdown-toggle-split { - padding-right: 1.125rem; - padding-left: 1.125rem; -} - -.btn .caret { - margin-left: 0; -} - -.btn-lg .caret, .btn-group-lg > .btn .caret { - border-width: 0.3em 0.3em 0; - border-bottom-width: 0; + padding-right: 0.75rem; + padding-left: 0.75rem; } -.dropup .btn-lg .caret, .dropup .btn-group-lg > .btn .caret { - border-width: 0 0.3em 0.3em; +.btn-group-vertical { + -ms-flex-direction: column; + flex-direction: column; + -ms-flex-align: start; + align-items: flex-start; + -ms-flex-pack: center; + justify-content: center; } -.btn-group-vertical > .btn, -.btn-group-vertical > .btn-group, -.btn-group-vertical > .btn-group > .btn { - display: block; - float: none; +.btn-group-vertical .btn, +.btn-group-vertical .btn-group { width: 100%; - max-width: 100%; -} - -.btn-group-vertical > .btn-group::after { - display: block; - content: ""; - clear: both; -} - -.btn-group-vertical > .btn-group > .btn { - float: none; } .btn-group-vertical > .btn + .btn, @@ -3336,14 +2758,14 @@ tbody.collapse.active { border-radius: 0; } -.btn-group-vertical > .btn:first-child:not(:last-child) { +.btn-group-vertical:first-child:not(:last-child) { border-bottom-right-radius: 0; border-bottom-left-radius: 0; } -.btn-group-vertical > .btn:last-child:not(:first-child) { - border-top-right-radius: 0; +.btn-group-vertical:last-child:not(:first-child) { border-top-left-radius: 0; + border-top-right-radius: 0; } .btn-group-vertical > .btn-group:not(:first-child):not(:last-child) > .btn { @@ -3357,8 +2779,8 @@ tbody.collapse.active { } .btn-group-vertical > .btn-group:last-child:not(:first-child) > .btn:first-child { - border-top-right-radius: 0; border-top-left-radius: 0; + border-top-right-radius: 0; } [data-toggle="buttons"] > .btn input[type="radio"], @@ -3372,16 +2794,19 @@ tbody.collapse.active { .input-group { position: relative; + display: -ms-flexbox; + display: flex; + -ms-flex-align: center; + align-items: center; width: 100%; - display: table; - border-collapse: separate; } .input-group .form-control { position: relative; z-index: 2; - float: left; - width: 100%; + -ms-flex: 1 1 auto; + flex: 1 1 auto; + width: 1%; margin-bottom: 0; } @@ -3389,12 +2814,6 @@ tbody.collapse.active { z-index: 3; } -.input-group-addon, -.input-group-btn, -.input-group .form-control { - display: table-cell; -} - .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) { @@ -3403,9 +2822,7 @@ tbody.collapse.active { .input-group-addon, .input-group-btn { - width: 1%; white-space: nowrap; - vertical-align: middle; } .input-group-addon { @@ -3414,9 +2831,10 @@ tbody.collapse.active { 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; } @@ -3432,7 +2850,7 @@ tbody.collapse.active { .input-group-addon.form-control-lg, .input-group-lg > .input-group-addon, .input-group-lg > .input-group-btn > .input-group-addon.btn { - padding: 0.75rem 1.5rem; + padding: 0.5rem 1rem; font-size: 1.25rem; border-radius: 0.3rem; } @@ -3449,8 +2867,8 @@ tbody.collapse.active { .input-group-btn:not(:last-child) > .dropdown-toggle, .input-group-btn:not(:first-child) > .btn:not(:last-child):not(.dropdown-toggle), .input-group-btn:not(:first-child) > .btn-group:not(:last-child) > .btn { - border-bottom-right-radius: 0; border-top-right-radius: 0; + border-bottom-right-radius: 0; } .input-group-addon:not(:last-child) { @@ -3464,8 +2882,8 @@ tbody.collapse.active { .input-group-btn:not(:first-child) > .dropdown-toggle, .input-group-btn:not(:last-child) > .btn:not(:first-child), .input-group-btn:not(:last-child) > .btn-group:not(:first-child) > .btn { - border-bottom-left-radius: 0; border-top-left-radius: 0; + border-bottom-left-radius: 0; } .form-control + .input-group-addon:not(:first-child) { @@ -3480,6 +2898,8 @@ tbody.collapse.active { .input-group-btn > .btn { position: relative; + background-clip: padding-box; + border: 1px solid rgba(0, 0, 0, 0.15); } .input-group-btn > .btn + .btn { @@ -3510,14 +2930,11 @@ tbody.collapse.active { .custom-control { position: relative; - display: inline-block; + display: -ms-inline-flexbox; + display: inline-flex; min-height: 1.5rem; padding-left: 1.5rem; - cursor: pointer; -} - -.custom-control + .custom-control { - margin-left: 1rem; + margin-right: 1rem; } .custom-control-input { @@ -3528,27 +2945,24 @@ tbody.collapse.active { .custom-control-input:checked ~ .custom-control-indicator { color: #fff; - background-color: #0074d9; + background-color: #007bff; } .custom-control-input:focus ~ .custom-control-indicator { - -webkit-box-shadow: 0 0 0 0.075rem #fff, 0 0 0 0.2rem #0074d9; - box-shadow: 0 0 0 0.075rem #fff, 0 0 0 0.2rem #0074d9; + box-shadow: 0 0 0 1px #fff, 0 0 0 3px #007bff; } .custom-control-input:active ~ .custom-control-indicator { color: #fff; - background-color: #84c6ff; + background-color: #b3d7ff; } .custom-control-input:disabled ~ .custom-control-indicator { - cursor: not-allowed; - background-color: #eee; + background-color: #e9ecef; } .custom-control-input:disabled ~ .custom-control-description { - color: #767676; - cursor: not-allowed; + color: #868e96; } .custom-control-indicator { @@ -3566,8 +2980,7 @@ tbody.collapse.active { background-color: #ddd; background-repeat: no-repeat; background-position: center center; - -webkit-background-size: 50% 50%; - background-size: 50% 50%; + background-size: 50% 50%; } .custom-checkbox .custom-control-indicator { @@ -3579,7 +2992,7 @@ tbody.collapse.active { } .custom-checkbox .custom-control-input:indeterminate ~ .custom-control-indicator { - background-color: #0074d9; + 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"); } @@ -3591,9 +3004,15 @@ tbody.collapse.active { background-image: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='-4 -4 8 8'%3E%3Ccircle r='3' fill='%23fff'/%3E%3C/svg%3E"); } +.custom-controls-stacked { + display: -ms-flexbox; + display: flex; + -ms-flex-direction: column; + flex-direction: column; +} + .custom-controls-stacked .custom-control { - float: left; - clear: left; + margin-bottom: 0.25rem; } .custom-controls-stacked .custom-control + .custom-control { @@ -3603,35 +3022,34 @@ tbody.collapse.active { .custom-select { display: inline-block; max-width: 100%; - height: calc(2.25rem - 2px); + height: calc(2.25rem + 2px); padding: 0.375rem 1.75rem 0.375rem 0.75rem; - padding-right: 0.75rem \9; - color: #464a4c; + line-height: 1.25; + 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-image: none \9; - -webkit-background-size: 8px 10px; - background-size: 8px 10px; + 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; + -moz-appearance: none; + appearance: none; } .custom-select:focus { - border-color: #51a7e8; + 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 { @@ -3639,6 +3057,7 @@ tbody.collapse.active { } .custom-select-sm { + height: calc(1.8125rem + 2px); padding-top: 0.375rem; padding-bottom: 0.375rem; font-size: 75%; @@ -3648,56 +3067,60 @@ tbody.collapse.active { position: relative; display: inline-block; max-width: 100%; - height: 2.5rem; + height: calc(2.25rem + 2px); margin-bottom: 0; - cursor: pointer; } .custom-file-input { min-width: 14rem; max-width: 100%; + 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; top: 0; right: 0; left: 0; z-index: 5; - height: 2.5rem; - padding: 0.5rem 1rem; - line-height: 1.5; - color: #555; + height: calc(2.25rem + 2px); + padding: 0.5rem 0.75rem; + overflow: hidden; + line-height: 1.25; + color: #495057; + pointer-events: none; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; background-color: #fff; - border: 1px solid #ddd; + 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: #555; - background-color: #eee; - border: 1px solid #ddd; - 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 { @@ -3705,13 +3128,18 @@ tbody.collapse.active { } .nav { + display: -ms-flexbox; + display: flex; + -ms-flex-wrap: wrap; + flex-wrap: wrap; padding-left: 0; margin-bottom: 0; list-style: none; } .nav-link { - display: inline-block; + display: block; + padding: 0.5rem 1rem; } .nav-link:focus, .nav-link:hover { @@ -3719,113 +3147,68 @@ tbody.collapse.active { } .nav-link.disabled { - color: #636c72; -} - -.nav-link.disabled, .nav-link.disabled:focus, .nav-link.disabled:hover { - color: #636c72; - cursor: not-allowed; - background-color: transparent; -} - -.nav-inline .nav-item { - display: inline-block; -} - -.nav-inline .nav-item + .nav-item, -.nav-inline .nav-link + .nav-link { - margin-left: 1rem; + color: #868e96; } .nav-tabs { border-bottom: 1px solid #ddd; } -.nav-tabs::after { - display: block; - content: ""; - clear: both; -} - .nav-tabs .nav-item { - float: left; margin-bottom: -1px; } -.nav-tabs .nav-item + .nav-item { - margin-left: 0.2rem; -} - .nav-tabs .nav-link { - display: block; - padding: 0.5em 1em; border: 1px solid transparent; - border-top-right-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, .nav-tabs .nav-link.disabled:focus, .nav-tabs .nav-link.disabled:hover { - color: #636c72; +.nav-tabs .nav-link.disabled { + color: #868e96; background-color: transparent; border-color: transparent; } -.nav-tabs .nav-link.active, .nav-tabs .nav-link.active:focus, .nav-tabs .nav-link.active:hover, -.nav-tabs .nav-item.open .nav-link, -.nav-tabs .nav-item.open .nav-link:focus, -.nav-tabs .nav-item.open .nav-link:hover { - color: #464a4c; +.nav-tabs .nav-link.active, +.nav-tabs .nav-item.show .nav-link { + color: #495057; background-color: #fff; - border-color: #ddd #ddd transparent; + border-color: #ddd #ddd #fff; } .nav-tabs .dropdown-menu { margin-top: -1px; - border-top-right-radius: 0; border-top-left-radius: 0; -} - -.nav-pills::after { - display: block; - content: ""; - clear: both; -} - -.nav-pills .nav-item { - float: left; -} - -.nav-pills .nav-item + .nav-item { - margin-left: 0.2rem; + border-top-right-radius: 0; } .nav-pills .nav-link { - display: block; - padding: 0.5em 1em; border-radius: 0.25rem; } -.nav-pills .nav-link.active, .nav-pills .nav-link.active:focus, .nav-pills .nav-link.active:hover, -.nav-pills .nav-item.open .nav-link, -.nav-pills .nav-item.open .nav-link:focus, -.nav-pills .nav-item.open .nav-link:hover { +.nav-pills .nav-link.active, +.show > .nav-pills .nav-link { color: #fff; - cursor: default; - background-color: #0275d8; + background-color: #007bff; } -.nav-stacked .nav-item { - display: block; - float: none; +.nav-fill .nav-item { + -ms-flex: 1 1 auto; + flex: 1 1 auto; + text-align: center; } -.nav-stacked .nav-item + .nav-item { - margin-top: 0.2rem; - margin-left: 0; +.nav-justified .nav-item { + -ms-flex-preferred-size: 0; + flex-basis: 0; + -ms-flex-positive: 1; + flex-grow: 1; + text-align: center; } .tab-content > .tab-pane { @@ -3838,144 +3221,337 @@ tbody.collapse.active { .navbar { position: relative; + display: -ms-flexbox; + display: flex; + -ms-flex-wrap: wrap; + flex-wrap: wrap; + -ms-flex-align: center; + align-items: center; + -ms-flex-pack: justify; + justify-content: space-between; padding: 0.5rem 1rem; } -.navbar::after { - display: block; - content: ""; - clear: both; +.navbar > .container, +.navbar > .container-fluid { + display: -ms-flexbox; + display: flex; + -ms-flex-wrap: wrap; + flex-wrap: wrap; + -ms-flex-align: center; + align-items: center; + -ms-flex-pack: justify; + justify-content: space-between; } -@media (min-width: 576px) { - .navbar { - border-radius: 0.25rem; - } +.navbar-brand { + display: inline-block; + padding-top: 0.3125rem; + padding-bottom: 0.3125rem; + margin-right: 1rem; + font-size: 1.25rem; + line-height: inherit; + white-space: nowrap; } -.navbar-full { - z-index: 1000; +.navbar-brand:focus, .navbar-brand:hover { + text-decoration: none; } -@media (min-width: 576px) { - .navbar-full { - border-radius: 0; - } +.navbar-nav { + display: -ms-flexbox; + display: flex; + -ms-flex-direction: column; + flex-direction: column; + padding-left: 0; + margin-bottom: 0; + list-style: none; } -.navbar-fixed-top, -.navbar-fixed-bottom { - position: fixed; - right: 0; - left: 0; - z-index: 1030; +.navbar-nav .nav-link { + padding-right: 0; + padding-left: 0; +} + +.navbar-nav .dropdown-menu { + position: static; + float: none; +} + +.navbar-text { + display: inline-block; + padding-top: 0.5rem; + padding-bottom: 0.5rem; +} + +.navbar-collapse { + -ms-flex-preferred-size: 100%; + flex-basis: 100%; + -ms-flex-align: center; + align-items: center; +} + +.navbar-toggler { + padding: 0.25rem 0.75rem; + font-size: 1.25rem; + line-height: 1; + background: transparent; + border: 1px solid transparent; + border-radius: 0.25rem; +} + +.navbar-toggler:focus, .navbar-toggler:hover { + text-decoration: none; +} + +.navbar-toggler-icon { + display: inline-block; + width: 1.5em; + height: 1.5em; + vertical-align: middle; + content: ""; + background: no-repeat center center; + background-size: 100% 100%; +} + +@media (max-width: 575px) { + .navbar-expand-sm > .container, + .navbar-expand-sm > .container-fluid { + padding-right: 0; + padding-left: 0; + } } @media (min-width: 576px) { - .navbar-fixed-top, - .navbar-fixed-bottom { - border-radius: 0; + .navbar-expand-sm { + -ms-flex-direction: row; + flex-direction: row; + -ms-flex-wrap: nowrap; + flex-wrap: nowrap; + -ms-flex-pack: start; + justify-content: flex-start; + } + .navbar-expand-sm .navbar-nav { + -ms-flex-direction: row; + flex-direction: row; + } + .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-expand-sm > .container, + .navbar-expand-sm > .container-fluid { + -ms-flex-wrap: nowrap; + flex-wrap: nowrap; + } + .navbar-expand-sm .navbar-collapse { + display: -ms-flexbox !important; + display: flex !important; + } + .navbar-expand-sm .navbar-toggler { + display: none; } } -.navbar-fixed-top { - top: 0; +@media (max-width: 767px) { + .navbar-expand-md > .container, + .navbar-expand-md > .container-fluid { + padding-right: 0; + padding-left: 0; + } } -.navbar-fixed-bottom { - bottom: 0; +@media (min-width: 768px) { + .navbar-expand-md { + -ms-flex-direction: row; + flex-direction: row; + -ms-flex-wrap: nowrap; + flex-wrap: nowrap; + -ms-flex-pack: start; + justify-content: flex-start; + } + .navbar-expand-md .navbar-nav { + -ms-flex-direction: row; + flex-direction: row; + } + .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-expand-md > .container, + .navbar-expand-md > .container-fluid { + -ms-flex-wrap: nowrap; + flex-wrap: nowrap; + } + .navbar-expand-md .navbar-collapse { + display: -ms-flexbox !important; + display: flex !important; + } + .navbar-expand-md .navbar-toggler { + display: none; + } } -.navbar-sticky-top { - position: -webkit-sticky; - position: sticky; - top: 0; - z-index: 1030; - width: 100%; +@media (max-width: 991px) { + .navbar-expand-lg > .container, + .navbar-expand-lg > .container-fluid { + padding-right: 0; + padding-left: 0; + } } -@media (min-width: 576px) { - .navbar-sticky-top { - border-radius: 0; +@media (min-width: 992px) { + .navbar-expand-lg { + -ms-flex-direction: row; + flex-direction: row; + -ms-flex-wrap: nowrap; + flex-wrap: nowrap; + -ms-flex-pack: start; + justify-content: flex-start; + } + .navbar-expand-lg .navbar-nav { + -ms-flex-direction: row; + flex-direction: row; + } + .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-expand-lg > .container, + .navbar-expand-lg > .container-fluid { + -ms-flex-wrap: nowrap; + flex-wrap: nowrap; + } + .navbar-expand-lg .navbar-collapse { + display: -ms-flexbox !important; + display: flex !important; + } + .navbar-expand-lg .navbar-toggler { + display: none; } } -.navbar-brand { - float: left; - padding-top: 0.25rem; - padding-bottom: 0.25rem; - margin-right: 1rem; - font-size: 1.25rem; - line-height: inherit; +@media (max-width: 1199px) { + .navbar-expand-xl > .container, + .navbar-expand-xl > .container-fluid { + padding-right: 0; + padding-left: 0; + } } -.navbar-brand:focus, .navbar-brand:hover { - text-decoration: none; +@media (min-width: 1200px) { + .navbar-expand-xl { + -ms-flex-direction: row; + flex-direction: row; + -ms-flex-wrap: nowrap; + flex-wrap: nowrap; + -ms-flex-pack: start; + justify-content: flex-start; + } + .navbar-expand-xl .navbar-nav { + -ms-flex-direction: row; + flex-direction: row; + } + .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-expand-xl > .container, + .navbar-expand-xl > .container-fluid { + -ms-flex-wrap: nowrap; + flex-wrap: nowrap; + } + .navbar-expand-xl .navbar-collapse { + display: -ms-flexbox !important; + display: flex !important; + } + .navbar-expand-xl .navbar-toggler { + display: none; + } } -.navbar-divider { - float: left; - width: 1px; - padding-top: 0.425rem; - padding-bottom: 0.425rem; - margin-right: 1rem; - margin-left: 1rem; - overflow: hidden; +.navbar-expand { + -ms-flex-direction: row; + flex-direction: row; + -ms-flex-wrap: nowrap; + flex-wrap: nowrap; + -ms-flex-pack: start; + justify-content: flex-start; } -.navbar-divider::before { - content: "\00a0"; +.navbar-expand > .container, +.navbar-expand > .container-fluid { + padding-right: 0; + padding-left: 0; } -.navbar-text { - display: inline-block; - padding-top: .425rem; - padding-bottom: .425rem; +.navbar-expand .navbar-nav { + -ms-flex-direction: row; + flex-direction: row; } -.navbar-toggler { - width: 2.5em; - height: 2em; - padding: 0.5rem 0.75rem; - font-size: 1.25rem; - line-height: 1; - background: transparent no-repeat center center; - -webkit-background-size: 24px 24px; - background-size: 24px 24px; - border: 1px solid transparent; - border-radius: 0.25rem; +.navbar-expand .navbar-nav .dropdown-menu { + position: absolute; } -.navbar-toggler:focus, .navbar-toggler:hover { - text-decoration: none; +.navbar-expand .navbar-nav .dropdown-menu-right { + right: 0; + left: auto; } -.navbar-nav .nav-item { - float: left; +.navbar-expand .navbar-nav .nav-link { + padding-right: .5rem; + padding-left: .5rem; } -.navbar-nav .nav-link { - display: block; - padding-top: .425rem; - padding-bottom: .425rem; +.navbar-expand > .container, +.navbar-expand > .container-fluid { + -ms-flex-wrap: nowrap; + flex-wrap: nowrap; } -.navbar-nav .nav-link + .nav-link { - margin-left: 1rem; +.navbar-expand .navbar-collapse { + display: -ms-flexbox !important; + display: flex !important; } -.navbar-nav .nav-item + .nav-item { - margin-left: 1rem; +.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); } @@ -3991,40 +3567,31 @@ tbody.collapse.active { color: rgba(0, 0, 0, 0.3); } -.navbar-light .navbar-nav .open > .nav-link, .navbar-light .navbar-nav .open > .nav-link:focus, .navbar-light .navbar-nav .open > .nav-link:hover, +.navbar-light .navbar-nav .show > .nav-link, .navbar-light .navbar-nav .active > .nav-link, -.navbar-light .navbar-nav .active > .nav-link:focus, -.navbar-light .navbar-nav .active > .nav-link:hover, -.navbar-light .navbar-nav .nav-link.open, -.navbar-light .navbar-nav .nav-link.open:focus, -.navbar-light .navbar-nav .nav-link.open:hover, -.navbar-light .navbar-nav .nav-link.active, -.navbar-light .navbar-nav .nav-link.active:focus, -.navbar-light .navbar-nav .nav-link.active:hover { +.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 { - 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"); + color: rgba(0, 0, 0, 0.5); border-color: rgba(0, 0, 0, 0.1); } -.navbar-light .navbar-divider { - background-color: rgba(0, 0, 0, 0.075); +.navbar-light .navbar-toggler-icon { + background-image: url("data:image/svg+xml;charset=utf8,%3Csvg viewBox='0 0 30 30' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath stroke='rgba(0, 0, 0, 0.5)' stroke-width='2' stroke-linecap='round' stroke-miterlimit='10' d='M4 7h22M4 15h22M4 23h22'/%3E%3C/svg%3E"); } .navbar-light .navbar-text { color: rgba(0, 0, 0, 0.5); } -.navbar-dark .navbar-brand, -.navbar-dark .navbar-toggler { +.navbar-dark .navbar-brand { color: white; } -.navbar-dark .navbar-brand:focus, .navbar-dark .navbar-brand:hover, -.navbar-dark .navbar-toggler:focus, -.navbar-dark .navbar-toggler:hover { +.navbar-dark .navbar-brand:focus, .navbar-dark .navbar-brand:hover { color: white; } @@ -4040,215 +3607,46 @@ tbody.collapse.active { color: rgba(255, 255, 255, 0.25); } -.navbar-dark .navbar-nav .open > .nav-link, .navbar-dark .navbar-nav .open > .nav-link:focus, .navbar-dark .navbar-nav .open > .nav-link:hover, +.navbar-dark .navbar-nav .show > .nav-link, .navbar-dark .navbar-nav .active > .nav-link, -.navbar-dark .navbar-nav .active > .nav-link:focus, -.navbar-dark .navbar-nav .active > .nav-link:hover, -.navbar-dark .navbar-nav .nav-link.open, -.navbar-dark .navbar-nav .nav-link.open:focus, -.navbar-dark .navbar-nav .nav-link.open:hover, -.navbar-dark .navbar-nav .nav-link.active, -.navbar-dark .navbar-nav .nav-link.active:focus, -.navbar-dark .navbar-nav .nav-link.active:hover { +.navbar-dark .navbar-nav .nav-link.show, +.navbar-dark .navbar-nav .nav-link.active { color: white; } .navbar-dark .navbar-toggler { - 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"); + color: rgba(255, 255, 255, 0.5); border-color: rgba(255, 255, 255, 0.1); } -.navbar-dark .navbar-divider { - background-color: rgba(255, 255, 255, 0.075); +.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-dark .navbar-text { color: rgba(255, 255, 255, 0.5); } -.navbar-toggleable::after { - display: block; - content: ""; - clear: both; -} - -@media (max-width: 575px) { - .navbar-toggleable .navbar-brand { - display: block; - float: none; - margin-top: .5rem; - margin-right: 0; - } - .navbar-toggleable .navbar-nav { - margin-top: .5rem; - margin-bottom: .5rem; - } - .navbar-toggleable .navbar-nav .dropdown-menu { - position: static; - float: none; - } - .navbar-toggleable .navbar-nav .nav-item { - float: none; - margin-left: 0; - } -} - -@media (min-width: 576px) { - .navbar-toggleable { - display: block !important; - } -} - -.navbar-toggleable-sm::after { - display: block; - content: ""; - clear: both; -} - -@media (max-width: 767px) { - .navbar-toggleable-sm .navbar-brand { - display: block; - float: none; - margin-top: .5rem; - margin-right: 0; - } - .navbar-toggleable-sm .navbar-nav { - margin-top: .5rem; - margin-bottom: .5rem; - } - .navbar-toggleable-sm .navbar-nav .dropdown-menu { - position: static; - float: none; - } - .navbar-toggleable-sm .navbar-nav .nav-item { - float: none; - margin-left: 0; - } -} - -@media (min-width: 768px) { - .navbar-toggleable-sm { - display: block !important; - } -} - -.navbar-toggleable-md::after { - display: block; - content: ""; - clear: both; -} - -@media (max-width: 991px) { - .navbar-toggleable-md .navbar-brand { - display: block; - float: none; - margin-top: .5rem; - margin-right: 0; - } - .navbar-toggleable-md .navbar-nav { - margin-top: .5rem; - margin-bottom: .5rem; - } - .navbar-toggleable-md .navbar-nav .dropdown-menu { - position: static; - float: none; - } - .navbar-toggleable-md .navbar-nav .nav-item { - float: none; - margin-left: 0; - } -} - -@media (min-width: 992px) { - .navbar-toggleable-md { - display: block !important; - } -} - -.navbar-toggleable-lg::after { - display: block; - content: ""; - clear: both; -} - -@media (max-width: 1199px) { - .navbar-toggleable-lg .navbar-brand { - display: block; - float: none; - margin-top: .5rem; - margin-right: 0; - } - .navbar-toggleable-lg .navbar-nav { - margin-top: .5rem; - margin-bottom: .5rem; - } - .navbar-toggleable-lg .navbar-nav .dropdown-menu { - position: static; - float: none; - } - .navbar-toggleable-lg .navbar-nav .nav-item { - float: none; - margin-left: 0; - } -} - -@media (min-width: 1200px) { - .navbar-toggleable-lg { - display: block !important; - } -} - -.navbar-toggleable-xl { - display: block !important; -} - -.navbar-toggleable-xl::after { - display: block; - content: ""; - clear: both; -} - -.navbar-toggleable-xl .navbar-brand { - display: block; - float: none; - margin-top: .5rem; - margin-right: 0; -} - -.navbar-toggleable-xl .navbar-nav { - margin-top: .5rem; - margin-bottom: .5rem; -} - -.navbar-toggleable-xl .navbar-nav .dropdown-menu { - position: static; - float: none; -} - -.navbar-toggleable-xl .navbar-nav .nav-item { - float: none; - margin-left: 0; -} - .card { position: relative; - display: block; - margin-bottom: 0.75rem; + display: -ms-flexbox; + display: flex; + -ms-flex-direction: column; + 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 { + -ms-flex: 1 1 auto; + flex: 1 1 auto; padding: 1.25rem; } -.card-block::after { - display: block; - content: ""; - clear: both; -} - .card-title { margin-bottom: 0.75rem; } @@ -4271,8 +3669,8 @@ tbody.collapse.active { } .card > .list-group:first-child .list-group-item:first-child { - border-top-right-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 { @@ -4283,32 +3681,20 @@ tbody.collapse.active { .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::after { - display: block; - content: ""; - clear: both; -} - .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::after { - display: block; - content: ""; - clear: both; -} - .card-footer:last-child { border-radius: 0 0 calc(0.25rem - 1px) calc(0.25rem - 1px); } @@ -4325,124 +3711,6 @@ tbody.collapse.active { margin-left: -0.625rem; } -.card-primary { - background-color: #0275d8; - border-color: #0275d8; -} - -.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: #0275d8; -} - -.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; @@ -4452,52 +3720,82 @@ tbody.collapse.active { padding: 1.25rem; } +.card-img { + width: 100%; + border-radius: calc(0.25rem - 1px); +} + .card-img-top { - border-top-right-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); } +.card-deck { + display: -ms-flexbox; + display: flex; + -ms-flex-direction: column; + flex-direction: column; +} + +.card-deck .card { + margin-bottom: 15px; +} + @media (min-width: 576px) { .card-deck { - display: table; - width: 100%; - margin-bottom: 0.75rem; - table-layout: fixed; - border-spacing: 1.25rem 0; + -ms-flex-flow: row wrap; + flex-flow: row wrap; + margin-right: -15px; + margin-left: -15px; } .card-deck .card { - display: table-cell; + display: -ms-flexbox; + display: flex; + -ms-flex: 1 0 0%; + flex: 1 0 0%; + -ms-flex-direction: column; + flex-direction: column; + margin-right: 15px; margin-bottom: 0; - vertical-align: top; - } - .card-deck-wrapper { - margin-right: -1.25rem; - margin-left: -1.25rem; + margin-left: 15px; } } +.card-group { + display: -ms-flexbox; + display: flex; + -ms-flex-direction: column; + flex-direction: column; +} + +.card-group .card { + margin-bottom: 15px; +} + @media (min-width: 576px) { .card-group { - display: table; - width: 100%; - table-layout: fixed; + -ms-flex-flow: row wrap; + flex-flow: row wrap; } .card-group .card { - display: table-cell; - vertical-align: top; + -ms-flex: 1 0 0%; + flex: 1 0 0%; } .card-group .card + .card { + margin-bottom: 0; margin-left: 0; border-left: 0; } .card-group .card:first-child { - border-bottom-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; @@ -4506,8 +3804,8 @@ tbody.collapse.active { border-bottom-right-radius: 0; } .card-group .card:last-child { - border-bottom-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; @@ -4524,13 +3822,15 @@ tbody.collapse.active { } } +.card-columns .card { + margin-bottom: 0.75rem; +} + @media (min-width: 576px) { .card-columns { -webkit-column-count: 3; - -moz-column-count: 3; column-count: 3; -webkit-column-gap: 1.25rem; - -moz-column-gap: 1.25rem; column-gap: 1.25rem; } .card-columns .card { @@ -4543,14 +3843,14 @@ tbody.collapse.active { 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; + content: ""; } .breadcrumb-item { @@ -4561,7 +3861,7 @@ tbody.collapse.active { display: inline-block; padding-right: 0.5rem; padding-left: 0.5rem; - color: #636c72; + color: #868e96; content: "/"; } @@ -4574,94 +3874,90 @@ tbody.collapse.active { } .breadcrumb-item.active { - color: #636c72; + color: #868e96; } .pagination { - display: inline-block; + display: -ms-flexbox; + display: flex; padding-left: 0; - margin-top: 1rem; - margin-bottom: 1rem; + list-style: none; border-radius: 0.25rem; } -.page-item { - display: inline; -} - .page-item:first-child .page-link { margin-left: 0; - border-bottom-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-bottom-right-radius: 0.25rem; } -.page-item.active .page-link, .page-item.active .page-link:focus, .page-item.active .page-link:hover { +.page-item.active .page-link { z-index: 2; color: #fff; - cursor: default; - background-color: #0275d8; - border-color: #0275d8; + background-color: #007bff; + border-color: #007bff; } -.page-item.disabled .page-link, .page-item.disabled .page-link:focus, .page-item.disabled .page-link:hover { - color: #636c72; +.page-item.disabled .page-link { + color: #868e96; pointer-events: none; - cursor: not-allowed; background-color: #fff; border-color: #ddd; } .page-link { position: relative; - float: left; + display: block; padding: 0.5rem 0.75rem; margin-left: -1px; line-height: 1.25; - color: #0275d8; + color: #007bff; background-color: #fff; border: 1px solid #ddd; } .page-link:focus, .page-link:hover { - color: #014c8c; + 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; + 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-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-bottom-right-radius: 0.3rem; } .pagination-sm .page-link { padding: 0.25rem 0.5rem; font-size: 0.875rem; + line-height: 1.5; } .pagination-sm .page-item:first-child .page-link { - border-bottom-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-bottom-right-radius: 0.2rem; } .badge { @@ -4686,70 +3982,104 @@ tbody.collapse.active { 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-primary { + color: #fff; + background-color: #007bff; } -.badge-default[href]:focus, .badge-default[href]:hover { - background-color: #4b5257; +.badge-primary[href]:focus, .badge-primary[href]:hover { + color: #fff; + text-decoration: none; + background-color: #0062cc; } -.badge-primary { - background-color: #0275d8; +.badge-secondary { + color: #fff; + background-color: #868e96; } -.badge-primary[href]:focus, .badge-primary[href]:hover { - background-color: #025aa5; +.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; } @@ -4759,10 +4089,6 @@ a.badge:focus, a.badge:hover { } } -.jumbotron-hr { - border-top-color: #d0d5d8; -} - .jumbotron-fluid { padding-right: 0; padding-left: 0; @@ -4792,72 +4118,119 @@ a.badge:focus, a.badge:hover { 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; } -@-webkit-keyframes progress-bar-stripes { - from { - background-position: 1rem 0; - } - to { - background-position: 0 0; - } +.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; } -@-o-keyframes progress-bar-stripes { +.alert-dark hr { + border-top-color: #b9bbbe; +} + +.alert-dark .alert-link { + color: #040505; +} + +@-webkit-keyframes progress-bar-stripes { from { background-position: 1rem 0; } @@ -4876,231 +4249,77 @@ a.badge:focus, a.badge:hover { } .progress { - display: block; - width: 100%; + display: -ms-flexbox; + display: flex; height: 1rem; - margin-bottom: 1rem; overflow: hidden; -} - -.progress[value] { - background-color: #eee; - border: 0; - -webkit-appearance: none; - -moz-appearance: none; - appearance: none; + font-size: 0.75rem; + background-color: #e9ecef; border-radius: 0.25rem; } -.progress[value]::-ms-fill { - background-color: #0074d9; - border: 0; -} - -.progress[value]::-moz-progress-bar { - background-color: #0074d9; -} - -.progress[value]::-webkit-progress-value { - background-color: #0074d9; -} - -.progress[value]::-webkit-progress-bar { - background-color: #eee; -} - -base::-moz-progress-bar, -.progress[value] { - background-color: #eee; -} - -@media screen and (min-width: 0\0) { - .progress { - background-color: #eee; - border-radius: 0.25rem; - } - .progress-bar { - display: inline-block; - height: 1rem; - text-indent: -999rem; - background-color: #0074d9; - } -} - -.progress-striped[value]::-webkit-progress-value { - background-image: -webkit-linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent); - background-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); - -webkit-background-size: 1rem 1rem; - background-size: 1rem 1rem; -} - -.progress-striped[value]::-moz-progress-bar { - background-image: linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent); - background-size: 1rem 1rem; +.progress-bar { + display: -ms-flexbox; + display: flex; + -ms-flex-align: center; + align-items: center; + -ms-flex-pack: center; + justify-content: center; + color: #fff; + background-color: #007bff; } -.progress-striped[value]::-ms-fill { +.progress-bar-striped { background-image: linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent); background-size: 1rem 1rem; } -@media screen and (min-width: 0\0) { - .progress-bar-striped { - background-image: -webkit-linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent); - background-image: -o-linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent); - background-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); - -webkit-background-size: 1rem 1rem; - background-size: 1rem 1rem; - } -} - -.progress-animated[value]::-webkit-progress-value { - -webkit-animation: progress-bar-stripes 2s linear infinite; - animation: progress-bar-stripes 2s linear infinite; -} - -.progress-animated[value]::-moz-progress-bar { - animation: progress-bar-stripes 2s linear infinite; -} - -@media screen and (min-width: 0\0) { - .progress-animated .progress-bar-striped { - -webkit-animation: progress-bar-stripes 2s linear infinite; - -o-animation: progress-bar-stripes 2s linear infinite; - animation: progress-bar-stripes 2s linear infinite; - } -} - -.progress-success[value]::-webkit-progress-value { - background-color: #5cb85c; -} - -.progress-success[value]::-moz-progress-bar { - background-color: #5cb85c; -} - -.progress-success[value]::-ms-fill { - background-color: #5cb85c; -} - -@media screen and (min-width: 0\0) { - .progress-success .progress-bar { - background-color: #5cb85c; - } -} - -.progress-info[value]::-webkit-progress-value { - background-color: #5bc0de; -} - -.progress-info[value]::-moz-progress-bar { - background-color: #5bc0de; -} - -.progress-info[value]::-ms-fill { - background-color: #5bc0de; -} - -@media screen and (min-width: 0\0) { - .progress-info .progress-bar { - background-color: #5bc0de; - } -} - -.progress-warning[value]::-webkit-progress-value { - background-color: #f0ad4e; +.progress-bar-animated { + -webkit-animation: progress-bar-stripes 1s linear infinite; + animation: progress-bar-stripes 1s linear infinite; } -.progress-warning[value]::-moz-progress-bar { - background-color: #f0ad4e; +.media { + display: -ms-flexbox; + display: flex; + -ms-flex-align: start; + align-items: flex-start; } -.progress-warning[value]::-ms-fill { - background-color: #f0ad4e; -} - -@media screen and (min-width: 0\0) { - .progress-warning .progress-bar { - background-color: #f0ad4e; - } -} - -.progress-danger[value]::-webkit-progress-value { - background-color: #d9534f; -} - -.progress-danger[value]::-moz-progress-bar { - background-color: #d9534f; -} - -.progress-danger[value]::-ms-fill { - background-color: #d9534f; -} - -@media screen and (min-width: 0\0) { - .progress-danger .progress-bar { - background-color: #d9534f; - } -} - -.media, .media-body { - overflow: hidden; + -ms-flex: 1; + flex: 1; } -.media-body { - width: 10000px; -} - -.media-left, -.media-right, -.media-body { - display: table-cell; - vertical-align: top; -} - -.media-middle { - vertical-align: middle; -} - -.media-bottom { - vertical-align: bottom; -} - -.media-object { - display: block; -} - -.media-object.img-thumbnail { - max-width: none; -} - -.media-right { - padding-left: 10px; -} - -.media-left { - padding-right: 10px; +.list-group { + display: -ms-flexbox; + display: flex; + -ms-flex-direction: column; + flex-direction: column; + padding-left: 0; + margin-bottom: 0; } -.media-heading { - margin-top: 0; - margin-bottom: 5px; +.list-group-item-action { + width: 100%; + color: #495057; + text-align: inherit; } -.media-list { - padding-left: 0; - list-style: none; +.list-group-item-action:focus, .list-group-item-action:hover { + color: #495057; + text-decoration: none; + background-color: #f8f9fa; } -.list-group { - padding-left: 0; - margin-bottom: 0; +.list-group-item-action:active { + color: #212529; + background-color: #e9ecef; } .list-group-item { - display: block; position: relative; + display: block; padding: 0.75rem 1.25rem; margin-bottom: -1px; background-color: #fff; @@ -5108,8 +4327,8 @@ base::-moz-progress-bar, } .list-group-item:first-child { - border-top-right-radius: 0.25rem; border-top-left-radius: 0.25rem; + border-top-right-radius: 0.25rem; } .list-group-item:last-child { @@ -5118,40 +4337,20 @@ base::-moz-progress-bar, border-bottom-left-radius: 0.25rem; } -.list-group-item.disabled, .list-group-item.disabled:focus, .list-group-item.disabled:hover { - color: #636c72; - cursor: not-allowed; - background-color: #eceeef; -} - -.list-group-item.disabled .list-group-item-heading, .list-group-item.disabled:focus .list-group-item-heading, .list-group-item.disabled:hover .list-group-item-heading { - color: inherit; +.list-group-item:focus, .list-group-item:hover { + text-decoration: none; } -.list-group-item.disabled .list-group-item-text, .list-group-item.disabled:focus .list-group-item-text, .list-group-item.disabled:hover .list-group-item-text { - color: #636c72; +.list-group-item.disabled, .list-group-item:disabled { + color: #868e96; + background-color: #fff; } -.list-group-item.active, .list-group-item.active:focus, .list-group-item.active:hover { +.list-group-item.active { z-index: 2; color: #fff; - text-decoration: none; - background-color: #0275d8; - border-color: #0275d8; -} - -.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, .list-group-item.active:focus .list-group-item-heading, -.list-group-item.active:focus .list-group-item-heading > small, -.list-group-item.active:focus .list-group-item-heading > .small, .list-group-item.active:hover .list-group-item-heading, -.list-group-item.active:hover .list-group-item-heading > small, -.list-group-item.active:hover .list-group-item-heading > .small { - color: inherit; -} - -.list-group-item.active .list-group-item-text, .list-group-item.active:focus .list-group-item-text, .list-group-item.active:hover .list-group-item-text { - color: #daeeff; + background-color: #007bff; + border-color: #007bff; } .list-group-flush .list-group-item { @@ -5168,192 +4367,196 @@ base::-moz-progress-bar, border-bottom: 0; } -.list-group-item-action { - width: 100%; - color: #555; - text-align: inherit; +.list-group-item-primary { + color: #004085; + background-color: #b8daff; } -.list-group-item-action .list-group-item-heading { - color: #333; +a.list-group-item-primary, +button.list-group-item-primary { + color: #004085; } -.list-group-item-action:focus, .list-group-item-action:hover { - color: #555; - text-decoration: none; - background-color: #f7f7f9; +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, a.list-group-item-success.active:focus, a.list-group-item-success.active:hover, -button.list-group-item-success.active, -button.list-group-item-success.active:focus, -button.list-group-item-success.active:hover { +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, a.list-group-item-info.active:focus, a.list-group-item-info.active:hover, -button.list-group-item-info.active, -button.list-group-item-info.active:focus, -button.list-group-item-info.active:hover { +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, a.list-group-item-warning.active:focus, a.list-group-item-warning.active:hover, -button.list-group-item-warning.active, -button.list-group-item-warning.active:focus, -button.list-group-item-warning.active:hover { +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, a.list-group-item-danger.active:focus, a.list-group-item-danger.active:hover, -button.list-group-item-danger.active, -button.list-group-item-danger.active:focus, -button.list-group-item-danger.active:hover { +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; } -.list-group-item-heading { - margin-top: 0; - margin-bottom: 5px; +.list-group-item-light { + color: #818182; + background-color: #fdfdfe; } -.list-group-item-text { - margin-bottom: 0; - line-height: 1.3; +a.list-group-item-light, +button.list-group-item-light { + color: #818182; } -.embed-responsive { - position: relative; - display: block; - height: 0; - padding: 0; - overflow: hidden; +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; } -.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; +a.list-group-item-light.active, +button.list-group-item-light.active { + color: #fff; + background-color: #818182; + border-color: #818182; } -.embed-responsive-21by9 { - padding-bottom: 42.857143%; +.list-group-item-dark { + color: #1b1e21; + background-color: #c6c8ca; } -.embed-responsive-16by9 { - padding-bottom: 56.25%; +a.list-group-item-dark, +button.list-group-item-dark { + color: #1b1e21; } -.embed-responsive-4by3 { - padding-bottom: 75%; +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; } -.embed-responsive-1by1 { - padding-bottom: 100%; +a.list-group-item-dark.active, +button.list-group-item-dark.active { + color: #fff; + background-color: #1b1e21; + border-color: #1b1e21; } .close { @@ -5369,13 +4572,11 @@ button.list-group-item-danger.active:hover { .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; @@ -5398,21 +4599,15 @@ button.close { } .modal.fade .modal-dialog { - -webkit-transition: -webkit-transform 0.3s ease-out; transition: -webkit-transform 0.3s ease-out; - -o-transition: -o-transform 0.3s ease-out; transition: transform 0.3s ease-out; - transition: transform 0.3s ease-out, -webkit-transform 0.3s ease-out, -o-transform 0.3s ease-out; + transition: transform 0.3s ease-out, -webkit-transform 0.3s ease-out; -webkit-transform: translate(0, -25%); - -ms-transform: translate(0, -25%); - -o-transform: translate(0, -25%); transform: translate(0, -25%); } -.modal.active .modal-dialog { +.modal.show .modal-dialog { -webkit-transform: translate(0, 0); - -ms-transform: translate(0, 0); - -o-transform: translate(0, 0); transform: translate(0, 0); } @@ -5429,9 +4624,12 @@ button.close { .modal-content { position: relative; + display: -ms-flexbox; + display: flex; + -ms-flex-direction: column; + flex-direction: column; background-color: #fff; - -webkit-background-clip: padding-box; - background-clip: padding-box; + background-clip: padding-box; border: 1px solid rgba(0, 0, 0, 0.2); border-radius: 0.3rem; outline: 0; @@ -5451,45 +4649,54 @@ button.close { opacity: 0; } -.modal-backdrop.active { +.modal-backdrop.show { opacity: 0.5; } .modal-header { + display: -ms-flexbox; + display: flex; + -ms-flex-align: center; + align-items: center; + -ms-flex-pack: justify; + justify-content: space-between; padding: 15px; - border-bottom: 1px solid #e5e5e5; -} - -.modal-header::after { - display: block; - content: ""; - clear: both; + border-bottom: 1px solid #e9ecef; } .modal-header .close { - margin-top: -2px; + margin-left: auto; } .modal-title { - margin: 0; + margin-bottom: 0; line-height: 1.5; } .modal-body { position: relative; + -ms-flex: 1 1 auto; + flex: 1 1 auto; padding: 15px; } .modal-footer { + display: -ms-flexbox; + display: flex; + -ms-flex-align: center; + align-items: center; + -ms-flex-pack: end; + justify-content: flex-end; padding: 15px; - text-align: right; - border-top: 1px solid #e5e5e5; + border-top: 1px solid #e9ecef; } -.modal-footer::after { - display: block; - content: ""; - clear: both; +.modal-footer > :not(:first-child) { + margin-left: .25rem; +} + +.modal-footer > :not(:last-child) { + margin-right: .25rem; } .modal-scrollbar-measure { @@ -5520,85 +4727,104 @@ button.close { position: absolute; z-index: 1070; display: block; - font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif; + margin: 0; + font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol"; 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.active { +.tooltip.show { opacity: 0.9; } -.tooltip.tooltip-top, .tooltip.bs-tether-element-attached-bottom { +.tooltip .arrow { + position: absolute; + display: block; + width: 5px; + height: 5px; +} + +.tooltip.bs-tooltip-top, .tooltip.bs-tooltip-auto[x-placement^="top"] { padding: 5px 0; - margin-top: -3px; } -.tooltip.tooltip-top .tooltip-inner::before, .tooltip.bs-tether-element-attached-bottom .tooltip-inner::before { +.tooltip.bs-tooltip-top .arrow, .tooltip.bs-tooltip-auto[x-placement^="top"] .arrow { bottom: 0; - left: 50%; - margin-left: -5px; +} + +.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 { +.tooltip.bs-tooltip-right, .tooltip.bs-tooltip-auto[x-placement^="right"] { padding: 0 5px; - margin-left: 3px; } -.tooltip.tooltip-right .tooltip-inner::before, .tooltip.bs-tether-element-attached-left .tooltip-inner::before { - top: 50%; +.tooltip.bs-tooltip-right .arrow, .tooltip.bs-tooltip-auto[x-placement^="right"] .arrow { left: 0; - margin-top: -5px; +} + +.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 { +.tooltip.bs-tooltip-bottom, .tooltip.bs-tooltip-auto[x-placement^="bottom"] { padding: 5px 0; - margin-top: 3px; } -.tooltip.tooltip-bottom .tooltip-inner::before, .tooltip.bs-tether-element-attached-top .tooltip-inner::before { +.tooltip.bs-tooltip-bottom .arrow, .tooltip.bs-tooltip-auto[x-placement^="bottom"] .arrow { top: 0; - left: 50%; - margin-left: -5px; +} + +.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 { +.tooltip.bs-tooltip-left, .tooltip.bs-tooltip-auto[x-placement^="left"] { 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 .arrow, .tooltip.bs-tooltip-auto[x-placement^="left"] .arrow { right: 0; - margin-top: -5px; +} + +.tooltip.bs-tooltip-left .arrow::before, .tooltip.bs-tooltip-auto[x-placement^="left"] .arrow::before { + right: 0; + 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; padding: 3px 8px; @@ -5608,14 +4834,6 @@ button.close { border-radius: 0.25rem; } -.tooltip-inner::before { - position: absolute; - width: 0; - height: 0; - border-color: transparent; - border-style: solid; -} - .popover { position: absolute; top: 0; @@ -5624,93 +4842,127 @@ button.close { display: block; max-width: 276px; padding: 1px; - font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif; + font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol"; 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; - -webkit-background-clip: padding-box; - background-clip: padding-box; + 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 .arrow { + position: absolute; + display: block; + width: 10px; + height: 5px; } -.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::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; + border-bottom-color: #fff; } -.popover.popover-bottom .popover-title::before, .popover.bs-tether-element-attached-top .popover-title::before { +.popover.bs-popover-bottom .popover-header::before, .popover.bs-popover-auto[x-placement^="bottom"] .popover-header::before { position: absolute; top: 0; left: 50%; @@ -5721,62 +4973,48 @@ button.close { border-bottom: 1px solid #f7f7f7; } -.popover.popover-left, .popover.bs-tether-element-attached-right { - margin-left: -10px; +.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.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 .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: 0; + margin-bottom: 0; font-size: 1rem; + color: inherit; background-color: #f7f7f7; border-bottom: 1px solid #ebebeb; - border-radius: 0.2375rem 0.2375rem 0 0; + border-top-left-radius: calc(0.3rem - 1px); + border-top-right-radius: calc(0.3rem - 1px); } -.popover-title:empty { +.popover-header:empty { display: none; } -.popover-content { +.popover-body { 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; + color: #212529; } .carousel { @@ -5789,214 +5027,175 @@ button.close { overflow: hidden; } -.carousel-inner > .carousel-item { +.carousel-item { position: relative; display: none; - -webkit-transition: left 0.6s ease-in-out; - -o-transition: left 0.6s ease-in-out; - transition: left 0.6s ease-in-out; + -ms-flex-align: center; + align-items: center; + width: 100%; + transition: -webkit-transform 0.6s ease; + transition: transform 0.6s ease; + transition: transform 0.6s ease, -webkit-transform 0.6s ease; + -webkit-backface-visibility: hidden; + backface-visibility: hidden; + -webkit-perspective: 1000px; + perspective: 1000px; +} + +.carousel-item.active, +.carousel-item-next, +.carousel-item-prev { + display: block; } -.carousel-inner > .carousel-item > img, -.carousel-inner > .carousel-item > a > img { - line-height: 1; +.carousel-item-next, +.carousel-item-prev { + position: absolute; + top: 0; } -@media (-webkit-transform-3d) { - .carousel-inner > .carousel-item { - -webkit-transition: -webkit-transform 0.6s ease-in-out; - transition: -webkit-transform 0.6s ease-in-out; - -o-transition: -o-transform 0.6s ease-in-out; - transition: transform 0.6s ease-in-out; - transition: transform 0.6s ease-in-out, -webkit-transform 0.6s ease-in-out, -o-transform 0.6s ease-in-out; - -webkit-backface-visibility: hidden; - backface-visibility: hidden; - -webkit-perspective: 1000px; - perspective: 1000px; - } - .carousel-inner > .carousel-item.next, .carousel-inner > .carousel-item.active.right { - left: 0; - -webkit-transform: translate3d(100%, 0, 0); - transform: translate3d(100%, 0, 0); - } - .carousel-inner > .carousel-item.prev, .carousel-inner > .carousel-item.active.left { - left: 0; - -webkit-transform: translate3d(-100%, 0, 0); - transform: translate3d(-100%, 0, 0); - } - .carousel-inner > .carousel-item.next.left, .carousel-inner > .carousel-item.prev.right, .carousel-inner > .carousel-item.active { - left: 0; - -webkit-transform: translate3d(0, 0, 0); - transform: translate3d(0, 0, 0); - } +.carousel-item-next.carousel-item-left, +.carousel-item-prev.carousel-item-right { + -webkit-transform: translateX(0); + transform: translateX(0); } -@supports ((-webkit-transform: translate3d(0, 0, 0)) or (transform: translate3d(0, 0, 0))) { - .carousel-inner > .carousel-item { - -webkit-transition: -webkit-transform 0.6s ease-in-out; - transition: -webkit-transform 0.6s ease-in-out; - -o-transition: -o-transform 0.6s ease-in-out; - transition: transform 0.6s ease-in-out; - transition: transform 0.6s ease-in-out, -webkit-transform 0.6s ease-in-out, -o-transform 0.6s ease-in-out; - -webkit-backface-visibility: hidden; - backface-visibility: hidden; - -webkit-perspective: 1000px; - perspective: 1000px; - } - .carousel-inner > .carousel-item.next, .carousel-inner > .carousel-item.active.right { - left: 0; - -webkit-transform: translate3d(100%, 0, 0); - transform: translate3d(100%, 0, 0); - } - .carousel-inner > .carousel-item.prev, .carousel-inner > .carousel-item.active.left { - left: 0; - -webkit-transform: translate3d(-100%, 0, 0); - transform: translate3d(-100%, 0, 0); - } - .carousel-inner > .carousel-item.next.left, .carousel-inner > .carousel-item.prev.right, .carousel-inner > .carousel-item.active { - left: 0; +@supports ((-webkit-transform-style: preserve-3d) or (transform-style: preserve-3d)) { + .carousel-item-next.carousel-item-left, + .carousel-item-prev.carousel-item-right { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } } -.carousel-inner > .active, -.carousel-inner > .next, -.carousel-inner > .prev { - display: block; -} - -.carousel-inner > .active { - left: 0; -} - -.carousel-inner > .next, -.carousel-inner > .prev { - position: absolute; - top: 0; - width: 100%; -} - -.carousel-inner > .next { - left: 100%; -} - -.carousel-inner > .prev { - left: -100%; +.carousel-item-next, +.active.carousel-item-right { + -webkit-transform: translateX(100%); + transform: translateX(100%); } -.carousel-inner > .next.left, -.carousel-inner > .prev.right { - left: 0; +@supports ((-webkit-transform-style: preserve-3d) or (transform-style: preserve-3d)) { + .carousel-item-next, + .active.carousel-item-right { + -webkit-transform: translate3d(100%, 0, 0); + transform: translate3d(100%, 0, 0); + } } -.carousel-inner > .active.left { - left: -100%; +.carousel-item-prev, +.active.carousel-item-left { + -webkit-transform: translateX(-100%); + transform: translateX(-100%); } -.carousel-inner > .active.right { - left: 100%; +@supports ((-webkit-transform-style: preserve-3d) or (transform-style: preserve-3d)) { + .carousel-item-prev, + .active.carousel-item-left { + -webkit-transform: translate3d(-100%, 0, 0); + transform: translate3d(-100%, 0, 0); + } } -.carousel-control { +.carousel-control-prev, +.carousel-control-next { position: absolute; top: 0; bottom: 0; - left: 0; + display: -ms-flexbox; + display: flex; + -ms-flex-align: center; + align-items: center; + -ms-flex-pack: center; + justify-content: center; width: 15%; - font-size: 20px; color: #fff; text-align: center; - text-shadow: 0 1px 2px rgba(0, 0, 0, 0.6); opacity: 0.5; } -.carousel-control.left { - background-image: -webkit-gradient(linear, left top, right top, from(rgba(0, 0, 0, 0.5)), to(rgba(0, 0, 0, 0.0001))); - background-image: -webkit-linear-gradient(left, rgba(0, 0, 0, 0.5) 0%, rgba(0, 0, 0, 0.0001) 100%); - background-image: -o-linear-gradient(left, rgba(0, 0, 0, 0.5) 0%, rgba(0, 0, 0, 0.0001) 100%); - background-image: linear-gradient(to right, rgba(0, 0, 0, 0.5) 0%, rgba(0, 0, 0, 0.0001) 100%); - background-repeat: repeat-x; - filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#80000000', endColorstr='#00000000', GradientType=1); -} - -.carousel-control.right { - right: 0; - left: auto; - background-image: -webkit-gradient(linear, left top, right top, from(rgba(0, 0, 0, 0.0001)), to(rgba(0, 0, 0, 0.5))); - background-image: -webkit-linear-gradient(left, rgba(0, 0, 0, 0.0001) 0%, rgba(0, 0, 0, 0.5) 100%); - background-image: -o-linear-gradient(left, rgba(0, 0, 0, 0.0001) 0%, rgba(0, 0, 0, 0.5) 100%); - background-image: linear-gradient(to right, rgba(0, 0, 0, 0.0001) 0%, rgba(0, 0, 0, 0.5) 100%); - background-repeat: repeat-x; - filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#00000000', endColorstr='#80000000', GradientType=1); -} - -.carousel-control:focus, .carousel-control:hover { +.carousel-control-prev:focus, .carousel-control-prev:hover, +.carousel-control-next:focus, +.carousel-control-next:hover { color: #fff; text-decoration: none; outline: 0; opacity: .9; } -.carousel-control .icon-prev, -.carousel-control .icon-next { - position: absolute; - top: 50%; - z-index: 5; - display: inline-block; - width: 20px; - height: 20px; - margin-top: -10px; - font-family: serif; - line-height: 1; +.carousel-control-prev { + left: 0; } -.carousel-control .icon-prev { - left: 50%; - margin-left: -10px; +.carousel-control-next { + right: 0; } -.carousel-control .icon-next { - right: 50%; - margin-right: -10px; +.carousel-control-prev-icon, +.carousel-control-next-icon { + display: inline-block; + width: 20px; + height: 20px; + background: transparent no-repeat center center; + background-size: 100% 100%; } -.carousel-control .icon-prev::before { - content: "\2039"; +.carousel-control-prev-icon { + background-image: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='%23fff' viewBox='0 0 8 8'%3E%3Cpath d='M4 0l-4 4 4 4 1.5-1.5-2.5-2.5 2.5-2.5-1.5-1.5z'/%3E%3C/svg%3E"); } -.carousel-control .icon-next::before { - content: "\203a"; +.carousel-control-next-icon { + background-image: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='%23fff' viewBox='0 0 8 8'%3E%3Cpath d='M1.5 0l-1.5 1.5 2.5 2.5-2.5 2.5 1.5 1.5 4-4-4-4z'/%3E%3C/svg%3E"); } .carousel-indicators { position: absolute; + right: 0; bottom: 10px; - left: 50%; + left: 0; z-index: 15; - width: 60%; + display: -ms-flexbox; + display: flex; + -ms-flex-pack: center; + justify-content: center; padding-left: 0; - margin-left: -30%; - text-align: center; + margin-right: 15%; + margin-left: 15%; list-style: none; } .carousel-indicators li { + position: relative; + -ms-flex: 0 1 auto; + flex: 0 1 auto; + width: 30px; + height: 3px; + margin-right: 3px; + margin-left: 3px; + text-indent: -999px; + background-color: rgba(255, 255, 255, 0.5); +} + +.carousel-indicators li::before { + position: absolute; + top: -10px; + left: 0; display: inline-block; - width: 10px; + width: 100%; height: 10px; - margin: 1px; - text-indent: -999px; - cursor: pointer; - background-color: transparent; - border: 1px solid #fff; - border-radius: 10px; + content: ""; +} + +.carousel-indicators li::after { + position: absolute; + bottom: -10px; + left: 0; + display: inline-block; + width: 100%; + height: 10px; + content: ""; } .carousel-indicators .active { - width: 12px; - height: 12px; - margin: 0; background-color: #fff; } @@ -6010,35 +5209,6 @@ button.close { padding-bottom: 20px; color: #fff; text-align: center; - text-shadow: 0 1px 2px rgba(0, 0, 0, 0.6); -} - -.carousel-caption .btn { - text-shadow: none; -} - -@media (min-width: 576px) { - .carousel-control .icon-prev, - .carousel-control .icon-next { - width: 30px; - height: 30px; - margin-top: -15px; - font-size: 30px; - } - .carousel-control .icon-prev { - margin-left: -15px; - } - .carousel-control .icon-next { - margin-right: -15px; - } - .carousel-caption { - right: 20%; - left: 20%; - padding-bottom: 30px; - } - .carousel-indicators { - bottom: 20px; - } } .align-baseline { @@ -6065,56 +5235,80 @@ button.close { vertical-align: text-top !important; } -.bg-faded { - background-color: #f7f7f7; -} - .bg-primary { - background-color: #0275d8 !important; + background-color: #007bff !important; } a.bg-primary:focus, a.bg-primary:hover { - background-color: #025aa5 !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-light { + background-color: #f8f9fa !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-inverse { - background-color: #292b2c !important; +.bg-white { + background-color: #fff !important; } -a.bg-inverse:focus, a.bg-inverse:hover { - background-color: #101112 !important; +.bg-transparent { + background-color: transparent !important; +} + +.border { + border: 1px solid #e9ecef !important; } .border-0 { @@ -6137,28 +5331,64 @@ a.bg-inverse:focus, a.bg-inverse:hover { 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 { @@ -6171,8 +5401,8 @@ a.bg-inverse:focus, a.bg-inverse:hover { .clearfix::after { display: block; - content: ""; clear: both; + content: ""; } .d-none { @@ -6200,12 +5430,15 @@ a.bg-inverse:focus, a.bg-inverse:hover { } .d-flex { - display: -webkit-box !important; - display: -webkit-flex !important; display: -ms-flexbox !important; display: flex !important; } +.d-inline-flex { + display: -ms-inline-flexbox !important; + display: inline-flex !important; +} + @media (min-width: 576px) { .d-sm-none { display: none !important; @@ -6226,11 +5459,13 @@ a.bg-inverse:focus, a.bg-inverse:hover { display: table-cell !important; } .d-sm-flex { - display: -webkit-box !important; - display: -webkit-flex !important; display: -ms-flexbox !important; display: flex !important; } + .d-sm-inline-flex { + display: -ms-inline-flexbox !important; + display: inline-flex !important; + } } @media (min-width: 768px) { @@ -6253,11 +5488,13 @@ a.bg-inverse:focus, a.bg-inverse:hover { display: table-cell !important; } .d-md-flex { - display: -webkit-box !important; - display: -webkit-flex !important; display: -ms-flexbox !important; display: flex !important; } + .d-md-inline-flex { + display: -ms-inline-flexbox !important; + display: inline-flex !important; + } } @media (min-width: 992px) { @@ -6280,11 +5517,13 @@ a.bg-inverse:focus, a.bg-inverse:hover { display: table-cell !important; } .d-lg-flex { - display: -webkit-box !important; - display: -webkit-flex !important; display: -ms-flexbox !important; display: flex !important; } + .d-lg-inline-flex { + display: -ms-inline-flexbox !important; + display: inline-flex !important; + } } @media (min-width: 1200px) { @@ -6307,11 +5546,713 @@ a.bg-inverse:focus, a.bg-inverse:hover { display: table-cell !important; } .d-xl-flex { - display: -webkit-box !important; - display: -webkit-flex !important; display: -ms-flexbox !important; display: flex !important; } + .d-xl-inline-flex { + display: -ms-inline-flexbox !important; + display: inline-flex !important; + } +} + +.d-print-block { + display: none !important; +} + +@media print { + .d-print-block { + display: block !important; + } +} + +.d-print-inline { + display: none !important; +} + +@media print { + .d-print-inline { + display: inline !important; + } +} + +.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.857143%; +} + +.embed-responsive-16by9::before { + padding-top: 56.25%; +} + +.embed-responsive-4by3::before { + padding-top: 75%; +} + +.embed-responsive-1by1::before { + padding-top: 100%; +} + +.flex-row { + -ms-flex-direction: row !important; + flex-direction: row !important; +} + +.flex-column { + -ms-flex-direction: column !important; + flex-direction: column !important; +} + +.flex-row-reverse { + -ms-flex-direction: row-reverse !important; + flex-direction: row-reverse !important; +} + +.flex-column-reverse { + -ms-flex-direction: column-reverse !important; + flex-direction: column-reverse !important; +} + +.flex-wrap { + -ms-flex-wrap: wrap !important; + flex-wrap: wrap !important; +} + +.flex-nowrap { + -ms-flex-wrap: nowrap !important; + flex-wrap: nowrap !important; +} + +.flex-wrap-reverse { + -ms-flex-wrap: wrap-reverse !important; + flex-wrap: wrap-reverse !important; +} + +.justify-content-start { + -ms-flex-pack: start !important; + justify-content: flex-start !important; +} + +.justify-content-end { + -ms-flex-pack: end !important; + justify-content: flex-end !important; +} + +.justify-content-center { + -ms-flex-pack: center !important; + justify-content: center !important; +} + +.justify-content-between { + -ms-flex-pack: justify !important; + justify-content: space-between !important; +} + +.justify-content-around { + -ms-flex-pack: distribute !important; + justify-content: space-around !important; +} + +.align-items-start { + -ms-flex-align: start !important; + align-items: flex-start !important; +} + +.align-items-end { + -ms-flex-align: end !important; + align-items: flex-end !important; +} + +.align-items-center { + -ms-flex-align: center !important; + align-items: center !important; +} + +.align-items-baseline { + -ms-flex-align: baseline !important; + align-items: baseline !important; +} + +.align-items-stretch { + -ms-flex-align: stretch !important; + align-items: stretch !important; +} + +.align-content-start { + -ms-flex-line-pack: start !important; + align-content: flex-start !important; +} + +.align-content-end { + -ms-flex-line-pack: end !important; + align-content: flex-end !important; +} + +.align-content-center { + -ms-flex-line-pack: center !important; + align-content: center !important; +} + +.align-content-between { + -ms-flex-line-pack: justify !important; + align-content: space-between !important; +} + +.align-content-around { + -ms-flex-line-pack: distribute !important; + align-content: space-around !important; +} + +.align-content-stretch { + -ms-flex-line-pack: stretch !important; + align-content: stretch !important; +} + +.align-self-auto { + -ms-flex-item-align: auto !important; + align-self: auto !important; +} + +.align-self-start { + -ms-flex-item-align: start !important; + align-self: flex-start !important; +} + +.align-self-end { + -ms-flex-item-align: end !important; + align-self: flex-end !important; +} + +.align-self-center { + -ms-flex-item-align: center !important; + align-self: center !important; +} + +.align-self-baseline { + -ms-flex-item-align: baseline !important; + align-self: baseline !important; +} + +.align-self-stretch { + -ms-flex-item-align: stretch !important; + align-self: stretch !important; +} + +@media (min-width: 576px) { + .flex-sm-row { + -ms-flex-direction: row !important; + flex-direction: row !important; + } + .flex-sm-column { + -ms-flex-direction: column !important; + flex-direction: column !important; + } + .flex-sm-row-reverse { + -ms-flex-direction: row-reverse !important; + flex-direction: row-reverse !important; + } + .flex-sm-column-reverse { + -ms-flex-direction: column-reverse !important; + flex-direction: column-reverse !important; + } + .flex-sm-wrap { + -ms-flex-wrap: wrap !important; + flex-wrap: wrap !important; + } + .flex-sm-nowrap { + -ms-flex-wrap: nowrap !important; + flex-wrap: nowrap !important; + } + .flex-sm-wrap-reverse { + -ms-flex-wrap: wrap-reverse !important; + flex-wrap: wrap-reverse !important; + } + .justify-content-sm-start { + -ms-flex-pack: start !important; + justify-content: flex-start !important; + } + .justify-content-sm-end { + -ms-flex-pack: end !important; + justify-content: flex-end !important; + } + .justify-content-sm-center { + -ms-flex-pack: center !important; + justify-content: center !important; + } + .justify-content-sm-between { + -ms-flex-pack: justify !important; + justify-content: space-between !important; + } + .justify-content-sm-around { + -ms-flex-pack: distribute !important; + justify-content: space-around !important; + } + .align-items-sm-start { + -ms-flex-align: start !important; + align-items: flex-start !important; + } + .align-items-sm-end { + -ms-flex-align: end !important; + align-items: flex-end !important; + } + .align-items-sm-center { + -ms-flex-align: center !important; + align-items: center !important; + } + .align-items-sm-baseline { + -ms-flex-align: baseline !important; + align-items: baseline !important; + } + .align-items-sm-stretch { + -ms-flex-align: stretch !important; + align-items: stretch !important; + } + .align-content-sm-start { + -ms-flex-line-pack: start !important; + align-content: flex-start !important; + } + .align-content-sm-end { + -ms-flex-line-pack: end !important; + align-content: flex-end !important; + } + .align-content-sm-center { + -ms-flex-line-pack: center !important; + align-content: center !important; + } + .align-content-sm-between { + -ms-flex-line-pack: justify !important; + align-content: space-between !important; + } + .align-content-sm-around { + -ms-flex-line-pack: distribute !important; + align-content: space-around !important; + } + .align-content-sm-stretch { + -ms-flex-line-pack: stretch !important; + align-content: stretch !important; + } + .align-self-sm-auto { + -ms-flex-item-align: auto !important; + align-self: auto !important; + } + .align-self-sm-start { + -ms-flex-item-align: start !important; + align-self: flex-start !important; + } + .align-self-sm-end { + -ms-flex-item-align: end !important; + align-self: flex-end !important; + } + .align-self-sm-center { + -ms-flex-item-align: center !important; + align-self: center !important; + } + .align-self-sm-baseline { + -ms-flex-item-align: baseline !important; + align-self: baseline !important; + } + .align-self-sm-stretch { + -ms-flex-item-align: stretch !important; + align-self: stretch !important; + } +} + +@media (min-width: 768px) { + .flex-md-row { + -ms-flex-direction: row !important; + flex-direction: row !important; + } + .flex-md-column { + -ms-flex-direction: column !important; + flex-direction: column !important; + } + .flex-md-row-reverse { + -ms-flex-direction: row-reverse !important; + flex-direction: row-reverse !important; + } + .flex-md-column-reverse { + -ms-flex-direction: column-reverse !important; + flex-direction: column-reverse !important; + } + .flex-md-wrap { + -ms-flex-wrap: wrap !important; + flex-wrap: wrap !important; + } + .flex-md-nowrap { + -ms-flex-wrap: nowrap !important; + flex-wrap: nowrap !important; + } + .flex-md-wrap-reverse { + -ms-flex-wrap: wrap-reverse !important; + flex-wrap: wrap-reverse !important; + } + .justify-content-md-start { + -ms-flex-pack: start !important; + justify-content: flex-start !important; + } + .justify-content-md-end { + -ms-flex-pack: end !important; + justify-content: flex-end !important; + } + .justify-content-md-center { + -ms-flex-pack: center !important; + justify-content: center !important; + } + .justify-content-md-between { + -ms-flex-pack: justify !important; + justify-content: space-between !important; + } + .justify-content-md-around { + -ms-flex-pack: distribute !important; + justify-content: space-around !important; + } + .align-items-md-start { + -ms-flex-align: start !important; + align-items: flex-start !important; + } + .align-items-md-end { + -ms-flex-align: end !important; + align-items: flex-end !important; + } + .align-items-md-center { + -ms-flex-align: center !important; + align-items: center !important; + } + .align-items-md-baseline { + -ms-flex-align: baseline !important; + align-items: baseline !important; + } + .align-items-md-stretch { + -ms-flex-align: stretch !important; + align-items: stretch !important; + } + .align-content-md-start { + -ms-flex-line-pack: start !important; + align-content: flex-start !important; + } + .align-content-md-end { + -ms-flex-line-pack: end !important; + align-content: flex-end !important; + } + .align-content-md-center { + -ms-flex-line-pack: center !important; + align-content: center !important; + } + .align-content-md-between { + -ms-flex-line-pack: justify !important; + align-content: space-between !important; + } + .align-content-md-around { + -ms-flex-line-pack: distribute !important; + align-content: space-around !important; + } + .align-content-md-stretch { + -ms-flex-line-pack: stretch !important; + align-content: stretch !important; + } + .align-self-md-auto { + -ms-flex-item-align: auto !important; + align-self: auto !important; + } + .align-self-md-start { + -ms-flex-item-align: start !important; + align-self: flex-start !important; + } + .align-self-md-end { + -ms-flex-item-align: end !important; + align-self: flex-end !important; + } + .align-self-md-center { + -ms-flex-item-align: center !important; + align-self: center !important; + } + .align-self-md-baseline { + -ms-flex-item-align: baseline !important; + align-self: baseline !important; + } + .align-self-md-stretch { + -ms-flex-item-align: stretch !important; + align-self: stretch !important; + } +} + +@media (min-width: 992px) { + .flex-lg-row { + -ms-flex-direction: row !important; + flex-direction: row !important; + } + .flex-lg-column { + -ms-flex-direction: column !important; + flex-direction: column !important; + } + .flex-lg-row-reverse { + -ms-flex-direction: row-reverse !important; + flex-direction: row-reverse !important; + } + .flex-lg-column-reverse { + -ms-flex-direction: column-reverse !important; + flex-direction: column-reverse !important; + } + .flex-lg-wrap { + -ms-flex-wrap: wrap !important; + flex-wrap: wrap !important; + } + .flex-lg-nowrap { + -ms-flex-wrap: nowrap !important; + flex-wrap: nowrap !important; + } + .flex-lg-wrap-reverse { + -ms-flex-wrap: wrap-reverse !important; + flex-wrap: wrap-reverse !important; + } + .justify-content-lg-start { + -ms-flex-pack: start !important; + justify-content: flex-start !important; + } + .justify-content-lg-end { + -ms-flex-pack: end !important; + justify-content: flex-end !important; + } + .justify-content-lg-center { + -ms-flex-pack: center !important; + justify-content: center !important; + } + .justify-content-lg-between { + -ms-flex-pack: justify !important; + justify-content: space-between !important; + } + .justify-content-lg-around { + -ms-flex-pack: distribute !important; + justify-content: space-around !important; + } + .align-items-lg-start { + -ms-flex-align: start !important; + align-items: flex-start !important; + } + .align-items-lg-end { + -ms-flex-align: end !important; + align-items: flex-end !important; + } + .align-items-lg-center { + -ms-flex-align: center !important; + align-items: center !important; + } + .align-items-lg-baseline { + -ms-flex-align: baseline !important; + align-items: baseline !important; + } + .align-items-lg-stretch { + -ms-flex-align: stretch !important; + align-items: stretch !important; + } + .align-content-lg-start { + -ms-flex-line-pack: start !important; + align-content: flex-start !important; + } + .align-content-lg-end { + -ms-flex-line-pack: end !important; + align-content: flex-end !important; + } + .align-content-lg-center { + -ms-flex-line-pack: center !important; + align-content: center !important; + } + .align-content-lg-between { + -ms-flex-line-pack: justify !important; + align-content: space-between !important; + } + .align-content-lg-around { + -ms-flex-line-pack: distribute !important; + align-content: space-around !important; + } + .align-content-lg-stretch { + -ms-flex-line-pack: stretch !important; + align-content: stretch !important; + } + .align-self-lg-auto { + -ms-flex-item-align: auto !important; + align-self: auto !important; + } + .align-self-lg-start { + -ms-flex-item-align: start !important; + align-self: flex-start !important; + } + .align-self-lg-end { + -ms-flex-item-align: end !important; + align-self: flex-end !important; + } + .align-self-lg-center { + -ms-flex-item-align: center !important; + align-self: center !important; + } + .align-self-lg-baseline { + -ms-flex-item-align: baseline !important; + align-self: baseline !important; + } + .align-self-lg-stretch { + -ms-flex-item-align: stretch !important; + align-self: stretch !important; + } +} + +@media (min-width: 1200px) { + .flex-xl-row { + -ms-flex-direction: row !important; + flex-direction: row !important; + } + .flex-xl-column { + -ms-flex-direction: column !important; + flex-direction: column !important; + } + .flex-xl-row-reverse { + -ms-flex-direction: row-reverse !important; + flex-direction: row-reverse !important; + } + .flex-xl-column-reverse { + -ms-flex-direction: column-reverse !important; + flex-direction: column-reverse !important; + } + .flex-xl-wrap { + -ms-flex-wrap: wrap !important; + flex-wrap: wrap !important; + } + .flex-xl-nowrap { + -ms-flex-wrap: nowrap !important; + flex-wrap: nowrap !important; + } + .flex-xl-wrap-reverse { + -ms-flex-wrap: wrap-reverse !important; + flex-wrap: wrap-reverse !important; + } + .justify-content-xl-start { + -ms-flex-pack: start !important; + justify-content: flex-start !important; + } + .justify-content-xl-end { + -ms-flex-pack: end !important; + justify-content: flex-end !important; + } + .justify-content-xl-center { + -ms-flex-pack: center !important; + justify-content: center !important; + } + .justify-content-xl-between { + -ms-flex-pack: justify !important; + justify-content: space-between !important; + } + .justify-content-xl-around { + -ms-flex-pack: distribute !important; + justify-content: space-around !important; + } + .align-items-xl-start { + -ms-flex-align: start !important; + align-items: flex-start !important; + } + .align-items-xl-end { + -ms-flex-align: end !important; + align-items: flex-end !important; + } + .align-items-xl-center { + -ms-flex-align: center !important; + align-items: center !important; + } + .align-items-xl-baseline { + -ms-flex-align: baseline !important; + align-items: baseline !important; + } + .align-items-xl-stretch { + -ms-flex-align: stretch !important; + align-items: stretch !important; + } + .align-content-xl-start { + -ms-flex-line-pack: start !important; + align-content: flex-start !important; + } + .align-content-xl-end { + -ms-flex-line-pack: end !important; + align-content: flex-end !important; + } + .align-content-xl-center { + -ms-flex-line-pack: center !important; + align-content: center !important; + } + .align-content-xl-between { + -ms-flex-line-pack: justify !important; + align-content: space-between !important; + } + .align-content-xl-around { + -ms-flex-line-pack: distribute !important; + align-content: space-around !important; + } + .align-content-xl-stretch { + -ms-flex-line-pack: stretch !important; + align-content: stretch !important; + } + .align-self-xl-auto { + -ms-flex-item-align: auto !important; + align-self: auto !important; + } + .align-self-xl-start { + -ms-flex-item-align: start !important; + align-self: flex-start !important; + } + .align-self-xl-end { + -ms-flex-item-align: end !important; + align-self: flex-end !important; + } + .align-self-xl-center { + -ms-flex-item-align: center !important; + align-self: center !important; + } + .align-self-xl-baseline { + -ms-flex-item-align: baseline !important; + align-self: baseline !important; + } + .align-self-xl-stretch { + -ms-flex-item-align: stretch !important; + align-self: stretch !important; + } } .float-left { @@ -6374,14 +6315,62 @@ a.bg-inverse:focus, a.bg-inverse:hover { } } +.position-static { + position: static !important; +} + +.position-relative { + position: relative !important; +} + +.position-absolute { + position: absolute !important; +} + +.position-fixed { + position: fixed !important; +} + +.position-sticky { + position: -webkit-sticky !important; + position: sticky !important; +} + +.fixed-top { + position: fixed; + top: 0; + right: 0; + left: 0; + z-index: 1030; +} + +.fixed-bottom { + position: fixed; + right: 0; + bottom: 0; + left: 0; + z-index: 1030; +} + +@supports ((position: -webkit-sticky) or (position: sticky)) { + .sticky-top { + position: -webkit-sticky; + position: sticky; + top: 0; + z-index: 1020; + } +} + .sr-only { position: absolute; width: 1px; height: 1px; padding: 0; - margin: -1px; overflow: hidden; clip: rect(0, 0, 0, 0); + white-space: nowrap; + -webkit-clip-path: inset(50%); + clip-path: inset(50%); border: 0; } @@ -6389,15 +6378,41 @@ a.bg-inverse:focus, a.bg-inverse:hover { position: static; width: auto; height: auto; - margin: 0; overflow: visible; clip: auto; + white-space: normal; + -webkit-clip-path: none; + clip-path: none; +} + +.w-25 { + width: 25% !important; +} + +.w-50 { + width: 50% !important; +} + +.w-75 { + width: 75% !important; } .w-100 { width: 100% !important; } +.h-25 { + height: 25% !important; +} + +.h-50 { + height: 50% !important; +} + +.h-75 { + height: 75% !important; +} + .h-100 { height: 100% !important; } @@ -6410,1625 +6425,1316 @@ a.bg-inverse:focus, a.bg-inverse:hover { max-height: 100% !important; } -.mx-auto { - margin-right: auto !important; - margin-left: auto !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 { +.mb-0, +.my-0 { margin-bottom: 0 !important; } -.ml-0 { - margin-left: 0 !important; -} - +.ml-0, .mx-0 { - margin-right: 0 !important; margin-left: 0 !important; } -.my-0 { - margin-top: 0 !important; - margin-bottom: 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 { +.mb-1, +.my-1 { margin-bottom: 0.25rem !important; } -.ml-1 { - margin-left: 0.25rem !important; -} - +.ml-1, .mx-1 { - margin-right: 0.25rem !important; margin-left: 0.25rem !important; } -.my-1 { - margin-top: 0.25rem !important; - margin-bottom: 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 { +.mb-2, +.my-2 { margin-bottom: 0.5rem !important; } -.ml-2 { - margin-left: 0.5rem !important; -} - +.ml-2, .mx-2 { - margin-right: 0.5rem !important; margin-left: 0.5rem !important; } -.my-2 { - margin-top: 0.5rem !important; - margin-bottom: 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 { +.mb-3, +.my-3 { margin-bottom: 1rem !important; } -.ml-3 { - margin-left: 1rem !important; -} - +.ml-3, .mx-3 { - margin-right: 1rem !important; margin-left: 1rem !important; } -.my-3 { - margin-top: 1rem !important; - margin-bottom: 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 { +.mb-4, +.my-4 { margin-bottom: 1.5rem !important; } -.ml-4 { - margin-left: 1.5rem !important; -} - +.ml-4, .mx-4 { - margin-right: 1.5rem !important; margin-left: 1.5rem !important; } -.my-4 { - margin-top: 1.5rem !important; - margin-bottom: 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 { +.mb-5, +.my-5 { margin-bottom: 3rem !important; } -.ml-5 { - margin-left: 3rem !important; -} - +.ml-5, .mx-5 { - margin-right: 3rem !important; margin-left: 3rem !important; } -.my-5 { - margin-top: 3rem !important; - margin-bottom: 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 { +.pb-0, +.py-0 { padding-bottom: 0 !important; } -.pl-0 { - padding-left: 0 !important; -} - +.pl-0, .px-0 { - padding-right: 0 !important; padding-left: 0 !important; } -.py-0 { - padding-top: 0 !important; - padding-bottom: 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 { +.pb-1, +.py-1 { padding-bottom: 0.25rem !important; } -.pl-1 { - padding-left: 0.25rem !important; -} - +.pl-1, .px-1 { - padding-right: 0.25rem !important; padding-left: 0.25rem !important; } -.py-1 { - padding-top: 0.25rem !important; - padding-bottom: 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 { +.pb-2, +.py-2 { padding-bottom: 0.5rem !important; } -.pl-2 { - padding-left: 0.5rem !important; -} - +.pl-2, .px-2 { - padding-right: 0.5rem !important; padding-left: 0.5rem !important; } -.py-2 { - padding-top: 0.5rem !important; - padding-bottom: 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 { +.pb-3, +.py-3 { padding-bottom: 1rem !important; } -.pl-3 { - padding-left: 1rem !important; -} - +.pl-3, .px-3 { - padding-right: 1rem !important; padding-left: 1rem !important; } -.py-3 { - padding-top: 1rem !important; - padding-bottom: 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 { +.pb-4, +.py-4 { padding-bottom: 1.5rem !important; } -.pl-4 { - padding-left: 1.5rem !important; -} - +.pl-4, .px-4 { - padding-right: 1.5rem !important; padding-left: 1.5rem !important; } -.py-4 { - padding-top: 1.5rem !important; - padding-bottom: 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 { +.pb-5, +.py-5 { padding-bottom: 3rem !important; } -.pl-5 { +.pl-5, +.px-5 { padding-left: 3rem !important; } -.px-5 { - padding-right: 3rem !important; - padding-left: 3rem !important; +.m-auto { + margin: auto !important; } -.py-5 { - padding-top: 3rem !important; - padding-bottom: 3rem !important; +.mt-auto, +.my-auto { + margin-top: auto !important; +} + +.mr-auto, +.mx-auto { + margin-right: auto !important; +} + +.mb-auto, +.my-auto { + margin-bottom: auto !important; +} + +.ml-auto, +.mx-auto { + margin-left: auto !important; } @media (min-width: 576px) { .m-sm-0 { - margin: 0 0 !important; + margin: 0 !important; } - .mt-sm-0 { + .mt-sm-0, + .my-sm-0 { margin-top: 0 !important; } - .mr-sm-0 { + .mr-sm-0, + .mx-sm-0 { margin-right: 0 !important; } - .mb-sm-0 { + .mb-sm-0, + .my-sm-0 { margin-bottom: 0 !important; } - .ml-sm-0 { - margin-left: 0 !important; - } + .ml-sm-0, .mx-sm-0 { - margin-right: 0 !important; margin-left: 0 !important; } - .my-sm-0 { - margin-top: 0 !important; - margin-bottom: 0 !important; - } -} - -@media (min-width: 576px) { .m-sm-1 { - margin: 0.25rem 0.25rem !important; + margin: 0.25rem !important; } - .mt-sm-1 { + .mt-sm-1, + .my-sm-1 { margin-top: 0.25rem !important; } - .mr-sm-1 { + .mr-sm-1, + .mx-sm-1 { margin-right: 0.25rem !important; } - .mb-sm-1 { + .mb-sm-1, + .my-sm-1 { margin-bottom: 0.25rem !important; } - .ml-sm-1 { - margin-left: 0.25rem !important; - } + .ml-sm-1, .mx-sm-1 { - margin-right: 0.25rem !important; margin-left: 0.25rem !important; } - .my-sm-1 { - margin-top: 0.25rem !important; - margin-bottom: 0.25rem !important; - } -} - -@media (min-width: 576px) { .m-sm-2 { - margin: 0.5rem 0.5rem !important; + margin: 0.5rem !important; } - .mt-sm-2 { + .mt-sm-2, + .my-sm-2 { margin-top: 0.5rem !important; } - .mr-sm-2 { + .mr-sm-2, + .mx-sm-2 { margin-right: 0.5rem !important; } - .mb-sm-2 { + .mb-sm-2, + .my-sm-2 { margin-bottom: 0.5rem !important; } - .ml-sm-2 { - margin-left: 0.5rem !important; - } + .ml-sm-2, .mx-sm-2 { - margin-right: 0.5rem !important; margin-left: 0.5rem !important; } - .my-sm-2 { - margin-top: 0.5rem !important; - margin-bottom: 0.5rem !important; - } -} - -@media (min-width: 576px) { .m-sm-3 { - margin: 1rem 1rem !important; + margin: 1rem !important; } - .mt-sm-3 { + .mt-sm-3, + .my-sm-3 { margin-top: 1rem !important; } - .mr-sm-3 { + .mr-sm-3, + .mx-sm-3 { margin-right: 1rem !important; } - .mb-sm-3 { + .mb-sm-3, + .my-sm-3 { margin-bottom: 1rem !important; } - .ml-sm-3 { - margin-left: 1rem !important; - } + .ml-sm-3, .mx-sm-3 { - margin-right: 1rem !important; margin-left: 1rem !important; } - .my-sm-3 { - margin-top: 1rem !important; - margin-bottom: 1rem !important; - } -} - -@media (min-width: 576px) { .m-sm-4 { - margin: 1.5rem 1.5rem !important; + margin: 1.5rem !important; } - .mt-sm-4 { + .mt-sm-4, + .my-sm-4 { margin-top: 1.5rem !important; } - .mr-sm-4 { + .mr-sm-4, + .mx-sm-4 { margin-right: 1.5rem !important; } - .mb-sm-4 { + .mb-sm-4, + .my-sm-4 { margin-bottom: 1.5rem !important; } - .ml-sm-4 { - margin-left: 1.5rem !important; - } + .ml-sm-4, .mx-sm-4 { - margin-right: 1.5rem !important; margin-left: 1.5rem !important; } - .my-sm-4 { - margin-top: 1.5rem !important; - margin-bottom: 1.5rem !important; - } -} - -@media (min-width: 576px) { .m-sm-5 { - margin: 3rem 3rem !important; + margin: 3rem !important; } - .mt-sm-5 { + .mt-sm-5, + .my-sm-5 { margin-top: 3rem !important; } - .mr-sm-5 { + .mr-sm-5, + .mx-sm-5 { margin-right: 3rem !important; } - .mb-sm-5 { + .mb-sm-5, + .my-sm-5 { margin-bottom: 3rem !important; } - .ml-sm-5 { - margin-left: 3rem !important; - } + .ml-sm-5, .mx-sm-5 { - margin-right: 3rem !important; margin-left: 3rem !important; } - .my-sm-5 { - margin-top: 3rem !important; - margin-bottom: 3rem !important; - } -} - -@media (min-width: 576px) { .p-sm-0 { - padding: 0 0 !important; + padding: 0 !important; } - .pt-sm-0 { + .pt-sm-0, + .py-sm-0 { padding-top: 0 !important; } - .pr-sm-0 { + .pr-sm-0, + .px-sm-0 { padding-right: 0 !important; } - .pb-sm-0 { + .pb-sm-0, + .py-sm-0 { padding-bottom: 0 !important; } - .pl-sm-0 { - padding-left: 0 !important; - } + .pl-sm-0, .px-sm-0 { - padding-right: 0 !important; padding-left: 0 !important; } - .py-sm-0 { - padding-top: 0 !important; - padding-bottom: 0 !important; - } -} - -@media (min-width: 576px) { .p-sm-1 { - padding: 0.25rem 0.25rem !important; + padding: 0.25rem !important; } - .pt-sm-1 { + .pt-sm-1, + .py-sm-1 { padding-top: 0.25rem !important; } - .pr-sm-1 { + .pr-sm-1, + .px-sm-1 { padding-right: 0.25rem !important; } - .pb-sm-1 { + .pb-sm-1, + .py-sm-1 { padding-bottom: 0.25rem !important; } - .pl-sm-1 { - padding-left: 0.25rem !important; - } + .pl-sm-1, .px-sm-1 { - padding-right: 0.25rem !important; padding-left: 0.25rem !important; } - .py-sm-1 { - padding-top: 0.25rem !important; - padding-bottom: 0.25rem !important; - } -} - -@media (min-width: 576px) { .p-sm-2 { - padding: 0.5rem 0.5rem !important; + padding: 0.5rem !important; } - .pt-sm-2 { + .pt-sm-2, + .py-sm-2 { padding-top: 0.5rem !important; } - .pr-sm-2 { + .pr-sm-2, + .px-sm-2 { padding-right: 0.5rem !important; } - .pb-sm-2 { + .pb-sm-2, + .py-sm-2 { padding-bottom: 0.5rem !important; } - .pl-sm-2 { - padding-left: 0.5rem !important; - } + .pl-sm-2, .px-sm-2 { - padding-right: 0.5rem !important; padding-left: 0.5rem !important; } - .py-sm-2 { - padding-top: 0.5rem !important; - padding-bottom: 0.5rem !important; - } -} - -@media (min-width: 576px) { .p-sm-3 { - padding: 1rem 1rem !important; + padding: 1rem !important; } - .pt-sm-3 { + .pt-sm-3, + .py-sm-3 { padding-top: 1rem !important; } - .pr-sm-3 { + .pr-sm-3, + .px-sm-3 { padding-right: 1rem !important; } - .pb-sm-3 { + .pb-sm-3, + .py-sm-3 { padding-bottom: 1rem !important; } - .pl-sm-3 { - padding-left: 1rem !important; - } + .pl-sm-3, .px-sm-3 { - padding-right: 1rem !important; padding-left: 1rem !important; } - .py-sm-3 { - padding-top: 1rem !important; - padding-bottom: 1rem !important; - } -} - -@media (min-width: 576px) { .p-sm-4 { - padding: 1.5rem 1.5rem !important; + padding: 1.5rem !important; } - .pt-sm-4 { + .pt-sm-4, + .py-sm-4 { padding-top: 1.5rem !important; } - .pr-sm-4 { + .pr-sm-4, + .px-sm-4 { padding-right: 1.5rem !important; } - .pb-sm-4 { + .pb-sm-4, + .py-sm-4 { padding-bottom: 1.5rem !important; } - .pl-sm-4 { - padding-left: 1.5rem !important; - } + .pl-sm-4, .px-sm-4 { - padding-right: 1.5rem !important; padding-left: 1.5rem !important; } - .py-sm-4 { - padding-top: 1.5rem !important; - padding-bottom: 1.5rem !important; - } -} - -@media (min-width: 576px) { .p-sm-5 { - padding: 3rem 3rem !important; + padding: 3rem !important; } - .pt-sm-5 { + .pt-sm-5, + .py-sm-5 { padding-top: 3rem !important; } - .pr-sm-5 { + .pr-sm-5, + .px-sm-5 { padding-right: 3rem !important; } - .pb-sm-5 { + .pb-sm-5, + .py-sm-5 { padding-bottom: 3rem !important; } - .pl-sm-5 { - padding-left: 3rem !important; - } + .pl-sm-5, .px-sm-5 { - padding-right: 3rem !important; padding-left: 3rem !important; } - .py-sm-5 { - padding-top: 3rem !important; - padding-bottom: 3rem !important; + .m-sm-auto { + margin: auto !important; + } + .mt-sm-auto, + .my-sm-auto { + margin-top: auto !important; + } + .mr-sm-auto, + .mx-sm-auto { + margin-right: auto !important; + } + .mb-sm-auto, + .my-sm-auto { + margin-bottom: auto !important; + } + .ml-sm-auto, + .mx-sm-auto { + margin-left: auto !important; } } @media (min-width: 768px) { .m-md-0 { - margin: 0 0 !important; + margin: 0 !important; } - .mt-md-0 { + .mt-md-0, + .my-md-0 { margin-top: 0 !important; } - .mr-md-0 { + .mr-md-0, + .mx-md-0 { margin-right: 0 !important; } - .mb-md-0 { + .mb-md-0, + .my-md-0 { margin-bottom: 0 !important; } - .ml-md-0 { - margin-left: 0 !important; - } + .ml-md-0, .mx-md-0 { - margin-right: 0 !important; margin-left: 0 !important; } - .my-md-0 { - margin-top: 0 !important; - margin-bottom: 0 !important; - } -} - -@media (min-width: 768px) { .m-md-1 { - margin: 0.25rem 0.25rem !important; + margin: 0.25rem !important; } - .mt-md-1 { + .mt-md-1, + .my-md-1 { margin-top: 0.25rem !important; } - .mr-md-1 { + .mr-md-1, + .mx-md-1 { margin-right: 0.25rem !important; } - .mb-md-1 { + .mb-md-1, + .my-md-1 { margin-bottom: 0.25rem !important; } - .ml-md-1 { - margin-left: 0.25rem !important; - } + .ml-md-1, .mx-md-1 { - margin-right: 0.25rem !important; margin-left: 0.25rem !important; } - .my-md-1 { - margin-top: 0.25rem !important; - margin-bottom: 0.25rem !important; - } -} - -@media (min-width: 768px) { .m-md-2 { - margin: 0.5rem 0.5rem !important; + margin: 0.5rem !important; } - .mt-md-2 { + .mt-md-2, + .my-md-2 { margin-top: 0.5rem !important; } - .mr-md-2 { + .mr-md-2, + .mx-md-2 { margin-right: 0.5rem !important; } - .mb-md-2 { + .mb-md-2, + .my-md-2 { margin-bottom: 0.5rem !important; } - .ml-md-2 { - margin-left: 0.5rem !important; - } + .ml-md-2, .mx-md-2 { - margin-right: 0.5rem !important; margin-left: 0.5rem !important; } - .my-md-2 { - margin-top: 0.5rem !important; - margin-bottom: 0.5rem !important; - } -} - -@media (min-width: 768px) { .m-md-3 { - margin: 1rem 1rem !important; + margin: 1rem !important; } - .mt-md-3 { + .mt-md-3, + .my-md-3 { margin-top: 1rem !important; } - .mr-md-3 { + .mr-md-3, + .mx-md-3 { margin-right: 1rem !important; } - .mb-md-3 { + .mb-md-3, + .my-md-3 { margin-bottom: 1rem !important; } - .ml-md-3 { - margin-left: 1rem !important; - } + .ml-md-3, .mx-md-3 { - margin-right: 1rem !important; margin-left: 1rem !important; } - .my-md-3 { - margin-top: 1rem !important; - margin-bottom: 1rem !important; - } -} - -@media (min-width: 768px) { .m-md-4 { - margin: 1.5rem 1.5rem !important; + margin: 1.5rem !important; } - .mt-md-4 { + .mt-md-4, + .my-md-4 { margin-top: 1.5rem !important; } - .mr-md-4 { + .mr-md-4, + .mx-md-4 { margin-right: 1.5rem !important; } - .mb-md-4 { + .mb-md-4, + .my-md-4 { margin-bottom: 1.5rem !important; } - .ml-md-4 { - margin-left: 1.5rem !important; - } + .ml-md-4, .mx-md-4 { - margin-right: 1.5rem !important; margin-left: 1.5rem !important; } - .my-md-4 { - margin-top: 1.5rem !important; - margin-bottom: 1.5rem !important; - } -} - -@media (min-width: 768px) { .m-md-5 { - margin: 3rem 3rem !important; + margin: 3rem !important; } - .mt-md-5 { + .mt-md-5, + .my-md-5 { margin-top: 3rem !important; } - .mr-md-5 { + .mr-md-5, + .mx-md-5 { margin-right: 3rem !important; } - .mb-md-5 { + .mb-md-5, + .my-md-5 { margin-bottom: 3rem !important; } - .ml-md-5 { - margin-left: 3rem !important; - } + .ml-md-5, .mx-md-5 { - margin-right: 3rem !important; margin-left: 3rem !important; } - .my-md-5 { - margin-top: 3rem !important; - margin-bottom: 3rem !important; - } -} - -@media (min-width: 768px) { .p-md-0 { - padding: 0 0 !important; + padding: 0 !important; } - .pt-md-0 { + .pt-md-0, + .py-md-0 { padding-top: 0 !important; } - .pr-md-0 { + .pr-md-0, + .px-md-0 { padding-right: 0 !important; } - .pb-md-0 { + .pb-md-0, + .py-md-0 { padding-bottom: 0 !important; } - .pl-md-0 { - padding-left: 0 !important; - } + .pl-md-0, .px-md-0 { - padding-right: 0 !important; padding-left: 0 !important; } - .py-md-0 { - padding-top: 0 !important; - padding-bottom: 0 !important; - } -} - -@media (min-width: 768px) { .p-md-1 { - padding: 0.25rem 0.25rem !important; + padding: 0.25rem !important; } - .pt-md-1 { + .pt-md-1, + .py-md-1 { padding-top: 0.25rem !important; } - .pr-md-1 { + .pr-md-1, + .px-md-1 { padding-right: 0.25rem !important; } - .pb-md-1 { + .pb-md-1, + .py-md-1 { padding-bottom: 0.25rem !important; } - .pl-md-1 { - padding-left: 0.25rem !important; - } + .pl-md-1, .px-md-1 { - padding-right: 0.25rem !important; padding-left: 0.25rem !important; } - .py-md-1 { - padding-top: 0.25rem !important; - padding-bottom: 0.25rem !important; - } -} - -@media (min-width: 768px) { .p-md-2 { - padding: 0.5rem 0.5rem !important; + padding: 0.5rem !important; } - .pt-md-2 { + .pt-md-2, + .py-md-2 { padding-top: 0.5rem !important; } - .pr-md-2 { + .pr-md-2, + .px-md-2 { padding-right: 0.5rem !important; } - .pb-md-2 { + .pb-md-2, + .py-md-2 { padding-bottom: 0.5rem !important; } - .pl-md-2 { - padding-left: 0.5rem !important; - } + .pl-md-2, .px-md-2 { - padding-right: 0.5rem !important; padding-left: 0.5rem !important; } - .py-md-2 { - padding-top: 0.5rem !important; - padding-bottom: 0.5rem !important; - } -} - -@media (min-width: 768px) { .p-md-3 { - padding: 1rem 1rem !important; + padding: 1rem !important; } - .pt-md-3 { + .pt-md-3, + .py-md-3 { padding-top: 1rem !important; } - .pr-md-3 { + .pr-md-3, + .px-md-3 { padding-right: 1rem !important; } - .pb-md-3 { + .pb-md-3, + .py-md-3 { padding-bottom: 1rem !important; } - .pl-md-3 { - padding-left: 1rem !important; - } + .pl-md-3, .px-md-3 { - padding-right: 1rem !important; padding-left: 1rem !important; } - .py-md-3 { - padding-top: 1rem !important; - padding-bottom: 1rem !important; - } -} - -@media (min-width: 768px) { .p-md-4 { - padding: 1.5rem 1.5rem !important; + padding: 1.5rem !important; } - .pt-md-4 { + .pt-md-4, + .py-md-4 { padding-top: 1.5rem !important; } - .pr-md-4 { + .pr-md-4, + .px-md-4 { padding-right: 1.5rem !important; } - .pb-md-4 { + .pb-md-4, + .py-md-4 { padding-bottom: 1.5rem !important; } - .pl-md-4 { - padding-left: 1.5rem !important; - } + .pl-md-4, .px-md-4 { - padding-right: 1.5rem !important; padding-left: 1.5rem !important; } - .py-md-4 { - padding-top: 1.5rem !important; - padding-bottom: 1.5rem !important; - } -} - -@media (min-width: 768px) { .p-md-5 { - padding: 3rem 3rem !important; + padding: 3rem !important; } - .pt-md-5 { + .pt-md-5, + .py-md-5 { padding-top: 3rem !important; } - .pr-md-5 { + .pr-md-5, + .px-md-5 { padding-right: 3rem !important; } - .pb-md-5 { + .pb-md-5, + .py-md-5 { padding-bottom: 3rem !important; } - .pl-md-5 { - padding-left: 3rem !important; - } + .pl-md-5, .px-md-5 { - padding-right: 3rem !important; padding-left: 3rem !important; } - .py-md-5 { - padding-top: 3rem !important; - padding-bottom: 3rem !important; + .m-md-auto { + margin: auto !important; + } + .mt-md-auto, + .my-md-auto { + margin-top: auto !important; + } + .mr-md-auto, + .mx-md-auto { + margin-right: auto !important; + } + .mb-md-auto, + .my-md-auto { + margin-bottom: auto !important; + } + .ml-md-auto, + .mx-md-auto { + margin-left: auto !important; } } @media (min-width: 992px) { .m-lg-0 { - margin: 0 0 !important; + margin: 0 !important; } - .mt-lg-0 { + .mt-lg-0, + .my-lg-0 { margin-top: 0 !important; } - .mr-lg-0 { + .mr-lg-0, + .mx-lg-0 { margin-right: 0 !important; } - .mb-lg-0 { + .mb-lg-0, + .my-lg-0 { margin-bottom: 0 !important; } - .ml-lg-0 { - margin-left: 0 !important; - } + .ml-lg-0, .mx-lg-0 { - margin-right: 0 !important; margin-left: 0 !important; } - .my-lg-0 { - margin-top: 0 !important; - margin-bottom: 0 !important; - } -} - -@media (min-width: 992px) { .m-lg-1 { - margin: 0.25rem 0.25rem !important; + margin: 0.25rem !important; } - .mt-lg-1 { + .mt-lg-1, + .my-lg-1 { margin-top: 0.25rem !important; } - .mr-lg-1 { + .mr-lg-1, + .mx-lg-1 { margin-right: 0.25rem !important; } - .mb-lg-1 { + .mb-lg-1, + .my-lg-1 { margin-bottom: 0.25rem !important; } - .ml-lg-1 { - margin-left: 0.25rem !important; - } + .ml-lg-1, .mx-lg-1 { - margin-right: 0.25rem !important; margin-left: 0.25rem !important; } - .my-lg-1 { - margin-top: 0.25rem !important; - margin-bottom: 0.25rem !important; - } -} - -@media (min-width: 992px) { .m-lg-2 { - margin: 0.5rem 0.5rem !important; + margin: 0.5rem !important; } - .mt-lg-2 { + .mt-lg-2, + .my-lg-2 { margin-top: 0.5rem !important; } - .mr-lg-2 { + .mr-lg-2, + .mx-lg-2 { margin-right: 0.5rem !important; } - .mb-lg-2 { + .mb-lg-2, + .my-lg-2 { margin-bottom: 0.5rem !important; } - .ml-lg-2 { - margin-left: 0.5rem !important; - } + .ml-lg-2, .mx-lg-2 { - margin-right: 0.5rem !important; margin-left: 0.5rem !important; } - .my-lg-2 { - margin-top: 0.5rem !important; - margin-bottom: 0.5rem !important; - } -} - -@media (min-width: 992px) { .m-lg-3 { - margin: 1rem 1rem !important; + margin: 1rem !important; } - .mt-lg-3 { + .mt-lg-3, + .my-lg-3 { margin-top: 1rem !important; } - .mr-lg-3 { + .mr-lg-3, + .mx-lg-3 { margin-right: 1rem !important; } - .mb-lg-3 { + .mb-lg-3, + .my-lg-3 { margin-bottom: 1rem !important; } - .ml-lg-3 { - margin-left: 1rem !important; - } + .ml-lg-3, .mx-lg-3 { - margin-right: 1rem !important; margin-left: 1rem !important; } - .my-lg-3 { - margin-top: 1rem !important; - margin-bottom: 1rem !important; - } -} - -@media (min-width: 992px) { .m-lg-4 { - margin: 1.5rem 1.5rem !important; + margin: 1.5rem !important; } - .mt-lg-4 { + .mt-lg-4, + .my-lg-4 { margin-top: 1.5rem !important; } - .mr-lg-4 { + .mr-lg-4, + .mx-lg-4 { margin-right: 1.5rem !important; } - .mb-lg-4 { + .mb-lg-4, + .my-lg-4 { margin-bottom: 1.5rem !important; } - .ml-lg-4 { - margin-left: 1.5rem !important; - } + .ml-lg-4, .mx-lg-4 { - margin-right: 1.5rem !important; margin-left: 1.5rem !important; } - .my-lg-4 { - margin-top: 1.5rem !important; - margin-bottom: 1.5rem !important; - } -} - -@media (min-width: 992px) { .m-lg-5 { - margin: 3rem 3rem !important; + margin: 3rem !important; } - .mt-lg-5 { + .mt-lg-5, + .my-lg-5 { margin-top: 3rem !important; } - .mr-lg-5 { + .mr-lg-5, + .mx-lg-5 { margin-right: 3rem !important; } - .mb-lg-5 { + .mb-lg-5, + .my-lg-5 { margin-bottom: 3rem !important; } - .ml-lg-5 { - margin-left: 3rem !important; - } + .ml-lg-5, .mx-lg-5 { - margin-right: 3rem !important; margin-left: 3rem !important; } - .my-lg-5 { - margin-top: 3rem !important; - margin-bottom: 3rem !important; - } -} - -@media (min-width: 992px) { .p-lg-0 { - padding: 0 0 !important; + padding: 0 !important; } - .pt-lg-0 { + .pt-lg-0, + .py-lg-0 { padding-top: 0 !important; } - .pr-lg-0 { + .pr-lg-0, + .px-lg-0 { padding-right: 0 !important; } - .pb-lg-0 { + .pb-lg-0, + .py-lg-0 { padding-bottom: 0 !important; } - .pl-lg-0 { - padding-left: 0 !important; - } + .pl-lg-0, .px-lg-0 { - padding-right: 0 !important; padding-left: 0 !important; } - .py-lg-0 { - padding-top: 0 !important; - padding-bottom: 0 !important; - } -} - -@media (min-width: 992px) { .p-lg-1 { - padding: 0.25rem 0.25rem !important; + padding: 0.25rem !important; } - .pt-lg-1 { + .pt-lg-1, + .py-lg-1 { padding-top: 0.25rem !important; } - .pr-lg-1 { + .pr-lg-1, + .px-lg-1 { padding-right: 0.25rem !important; } - .pb-lg-1 { + .pb-lg-1, + .py-lg-1 { padding-bottom: 0.25rem !important; } - .pl-lg-1 { - padding-left: 0.25rem !important; - } + .pl-lg-1, .px-lg-1 { - padding-right: 0.25rem !important; padding-left: 0.25rem !important; } - .py-lg-1 { - padding-top: 0.25rem !important; - padding-bottom: 0.25rem !important; - } -} - -@media (min-width: 992px) { .p-lg-2 { - padding: 0.5rem 0.5rem !important; + padding: 0.5rem !important; } - .pt-lg-2 { + .pt-lg-2, + .py-lg-2 { padding-top: 0.5rem !important; } - .pr-lg-2 { + .pr-lg-2, + .px-lg-2 { padding-right: 0.5rem !important; } - .pb-lg-2 { + .pb-lg-2, + .py-lg-2 { padding-bottom: 0.5rem !important; } - .pl-lg-2 { - padding-left: 0.5rem !important; - } + .pl-lg-2, .px-lg-2 { - padding-right: 0.5rem !important; padding-left: 0.5rem !important; } - .py-lg-2 { - padding-top: 0.5rem !important; - padding-bottom: 0.5rem !important; - } -} - -@media (min-width: 992px) { .p-lg-3 { - padding: 1rem 1rem !important; + padding: 1rem !important; } - .pt-lg-3 { + .pt-lg-3, + .py-lg-3 { padding-top: 1rem !important; } - .pr-lg-3 { + .pr-lg-3, + .px-lg-3 { padding-right: 1rem !important; } - .pb-lg-3 { + .pb-lg-3, + .py-lg-3 { padding-bottom: 1rem !important; } - .pl-lg-3 { - padding-left: 1rem !important; - } + .pl-lg-3, .px-lg-3 { - padding-right: 1rem !important; padding-left: 1rem !important; } - .py-lg-3 { - padding-top: 1rem !important; - padding-bottom: 1rem !important; - } -} - -@media (min-width: 992px) { .p-lg-4 { - padding: 1.5rem 1.5rem !important; + padding: 1.5rem !important; } - .pt-lg-4 { + .pt-lg-4, + .py-lg-4 { padding-top: 1.5rem !important; } - .pr-lg-4 { + .pr-lg-4, + .px-lg-4 { padding-right: 1.5rem !important; } - .pb-lg-4 { + .pb-lg-4, + .py-lg-4 { padding-bottom: 1.5rem !important; } - .pl-lg-4 { - padding-left: 1.5rem !important; - } + .pl-lg-4, .px-lg-4 { - padding-right: 1.5rem !important; padding-left: 1.5rem !important; } - .py-lg-4 { - padding-top: 1.5rem !important; - padding-bottom: 1.5rem !important; - } -} - -@media (min-width: 992px) { .p-lg-5 { - padding: 3rem 3rem !important; + padding: 3rem !important; } - .pt-lg-5 { + .pt-lg-5, + .py-lg-5 { padding-top: 3rem !important; } - .pr-lg-5 { + .pr-lg-5, + .px-lg-5 { padding-right: 3rem !important; } - .pb-lg-5 { + .pb-lg-5, + .py-lg-5 { padding-bottom: 3rem !important; } - .pl-lg-5 { - padding-left: 3rem !important; - } + .pl-lg-5, .px-lg-5 { - padding-right: 3rem !important; padding-left: 3rem !important; } - .py-lg-5 { - padding-top: 3rem !important; - padding-bottom: 3rem !important; + .m-lg-auto { + margin: auto !important; + } + .mt-lg-auto, + .my-lg-auto { + margin-top: auto !important; + } + .mr-lg-auto, + .mx-lg-auto { + margin-right: auto !important; + } + .mb-lg-auto, + .my-lg-auto { + margin-bottom: auto !important; + } + .ml-lg-auto, + .mx-lg-auto { + margin-left: auto !important; } } @media (min-width: 1200px) { .m-xl-0 { - margin: 0 0 !important; + margin: 0 !important; } - .mt-xl-0 { + .mt-xl-0, + .my-xl-0 { margin-top: 0 !important; } - .mr-xl-0 { + .mr-xl-0, + .mx-xl-0 { margin-right: 0 !important; } - .mb-xl-0 { + .mb-xl-0, + .my-xl-0 { margin-bottom: 0 !important; } - .ml-xl-0 { - margin-left: 0 !important; - } + .ml-xl-0, .mx-xl-0 { - margin-right: 0 !important; margin-left: 0 !important; } - .my-xl-0 { - margin-top: 0 !important; - margin-bottom: 0 !important; - } -} - -@media (min-width: 1200px) { .m-xl-1 { - margin: 0.25rem 0.25rem !important; + margin: 0.25rem !important; } - .mt-xl-1 { + .mt-xl-1, + .my-xl-1 { margin-top: 0.25rem !important; } - .mr-xl-1 { + .mr-xl-1, + .mx-xl-1 { margin-right: 0.25rem !important; } - .mb-xl-1 { + .mb-xl-1, + .my-xl-1 { margin-bottom: 0.25rem !important; } - .ml-xl-1 { - margin-left: 0.25rem !important; - } + .ml-xl-1, .mx-xl-1 { - margin-right: 0.25rem !important; margin-left: 0.25rem !important; } - .my-xl-1 { - margin-top: 0.25rem !important; - margin-bottom: 0.25rem !important; - } -} - -@media (min-width: 1200px) { .m-xl-2 { - margin: 0.5rem 0.5rem !important; + margin: 0.5rem !important; } - .mt-xl-2 { + .mt-xl-2, + .my-xl-2 { margin-top: 0.5rem !important; } - .mr-xl-2 { + .mr-xl-2, + .mx-xl-2 { margin-right: 0.5rem !important; } - .mb-xl-2 { + .mb-xl-2, + .my-xl-2 { margin-bottom: 0.5rem !important; } - .ml-xl-2 { - margin-left: 0.5rem !important; - } + .ml-xl-2, .mx-xl-2 { - margin-right: 0.5rem !important; margin-left: 0.5rem !important; } - .my-xl-2 { - margin-top: 0.5rem !important; - margin-bottom: 0.5rem !important; - } -} - -@media (min-width: 1200px) { .m-xl-3 { - margin: 1rem 1rem !important; + margin: 1rem !important; } - .mt-xl-3 { + .mt-xl-3, + .my-xl-3 { margin-top: 1rem !important; } - .mr-xl-3 { + .mr-xl-3, + .mx-xl-3 { margin-right: 1rem !important; } - .mb-xl-3 { + .mb-xl-3, + .my-xl-3 { margin-bottom: 1rem !important; } - .ml-xl-3 { - margin-left: 1rem !important; - } + .ml-xl-3, .mx-xl-3 { - margin-right: 1rem !important; margin-left: 1rem !important; } - .my-xl-3 { - margin-top: 1rem !important; - margin-bottom: 1rem !important; - } -} - -@media (min-width: 1200px) { .m-xl-4 { - margin: 1.5rem 1.5rem !important; + margin: 1.5rem !important; } - .mt-xl-4 { + .mt-xl-4, + .my-xl-4 { margin-top: 1.5rem !important; } - .mr-xl-4 { + .mr-xl-4, + .mx-xl-4 { margin-right: 1.5rem !important; } - .mb-xl-4 { + .mb-xl-4, + .my-xl-4 { margin-bottom: 1.5rem !important; } - .ml-xl-4 { - margin-left: 1.5rem !important; - } + .ml-xl-4, .mx-xl-4 { - margin-right: 1.5rem !important; margin-left: 1.5rem !important; } - .my-xl-4 { - margin-top: 1.5rem !important; - margin-bottom: 1.5rem !important; - } -} - -@media (min-width: 1200px) { .m-xl-5 { - margin: 3rem 3rem !important; + margin: 3rem !important; } - .mt-xl-5 { + .mt-xl-5, + .my-xl-5 { margin-top: 3rem !important; } - .mr-xl-5 { + .mr-xl-5, + .mx-xl-5 { margin-right: 3rem !important; } - .mb-xl-5 { + .mb-xl-5, + .my-xl-5 { margin-bottom: 3rem !important; } - .ml-xl-5 { - margin-left: 3rem !important; - } + .ml-xl-5, .mx-xl-5 { - margin-right: 3rem !important; margin-left: 3rem !important; } - .my-xl-5 { - margin-top: 3rem !important; - margin-bottom: 3rem !important; - } -} - -@media (min-width: 1200px) { .p-xl-0 { - padding: 0 0 !important; + padding: 0 !important; } - .pt-xl-0 { + .pt-xl-0, + .py-xl-0 { padding-top: 0 !important; } - .pr-xl-0 { + .pr-xl-0, + .px-xl-0 { padding-right: 0 !important; } - .pb-xl-0 { + .pb-xl-0, + .py-xl-0 { padding-bottom: 0 !important; } - .pl-xl-0 { - padding-left: 0 !important; - } + .pl-xl-0, .px-xl-0 { - padding-right: 0 !important; padding-left: 0 !important; } - .py-xl-0 { - padding-top: 0 !important; - padding-bottom: 0 !important; - } -} - -@media (min-width: 1200px) { .p-xl-1 { - padding: 0.25rem 0.25rem !important; + padding: 0.25rem !important; } - .pt-xl-1 { + .pt-xl-1, + .py-xl-1 { padding-top: 0.25rem !important; } - .pr-xl-1 { + .pr-xl-1, + .px-xl-1 { padding-right: 0.25rem !important; } - .pb-xl-1 { + .pb-xl-1, + .py-xl-1 { padding-bottom: 0.25rem !important; } - .pl-xl-1 { - padding-left: 0.25rem !important; - } + .pl-xl-1, .px-xl-1 { - padding-right: 0.25rem !important; padding-left: 0.25rem !important; } - .py-xl-1 { - padding-top: 0.25rem !important; - padding-bottom: 0.25rem !important; - } -} - -@media (min-width: 1200px) { .p-xl-2 { - padding: 0.5rem 0.5rem !important; + padding: 0.5rem !important; } - .pt-xl-2 { + .pt-xl-2, + .py-xl-2 { padding-top: 0.5rem !important; } - .pr-xl-2 { + .pr-xl-2, + .px-xl-2 { padding-right: 0.5rem !important; } - .pb-xl-2 { + .pb-xl-2, + .py-xl-2 { padding-bottom: 0.5rem !important; } - .pl-xl-2 { - padding-left: 0.5rem !important; - } + .pl-xl-2, .px-xl-2 { - padding-right: 0.5rem !important; padding-left: 0.5rem !important; } - .py-xl-2 { - padding-top: 0.5rem !important; - padding-bottom: 0.5rem !important; - } -} - -@media (min-width: 1200px) { .p-xl-3 { - padding: 1rem 1rem !important; + padding: 1rem !important; } - .pt-xl-3 { + .pt-xl-3, + .py-xl-3 { padding-top: 1rem !important; } - .pr-xl-3 { + .pr-xl-3, + .px-xl-3 { padding-right: 1rem !important; } - .pb-xl-3 { + .pb-xl-3, + .py-xl-3 { padding-bottom: 1rem !important; } - .pl-xl-3 { - padding-left: 1rem !important; - } + .pl-xl-3, .px-xl-3 { - padding-right: 1rem !important; padding-left: 1rem !important; } - .py-xl-3 { - padding-top: 1rem !important; - padding-bottom: 1rem !important; - } -} - -@media (min-width: 1200px) { .p-xl-4 { - padding: 1.5rem 1.5rem !important; + padding: 1.5rem !important; } - .pt-xl-4 { + .pt-xl-4, + .py-xl-4 { padding-top: 1.5rem !important; } - .pr-xl-4 { + .pr-xl-4, + .px-xl-4 { padding-right: 1.5rem !important; } - .pb-xl-4 { + .pb-xl-4, + .py-xl-4 { padding-bottom: 1.5rem !important; } - .pl-xl-4 { - padding-left: 1.5rem !important; - } + .pl-xl-4, .px-xl-4 { - padding-right: 1.5rem !important; padding-left: 1.5rem !important; } - .py-xl-4 { - padding-top: 1.5rem !important; - padding-bottom: 1.5rem !important; - } -} - -@media (min-width: 1200px) { .p-xl-5 { - padding: 3rem 3rem !important; + padding: 3rem !important; } - .pt-xl-5 { + .pt-xl-5, + .py-xl-5 { padding-top: 3rem !important; } - .pr-xl-5 { + .pr-xl-5, + .px-xl-5 { padding-right: 3rem !important; } - .pb-xl-5 { + .pb-xl-5, + .py-xl-5 { padding-bottom: 3rem !important; } - .pl-xl-5 { - padding-left: 3rem !important; - } + .pl-xl-5, .px-xl-5 { - padding-right: 3rem !important; padding-left: 3rem !important; } - .py-xl-5 { - padding-top: 3rem !important; - padding-bottom: 3rem !important; + .m-xl-auto { + margin: auto !important; + } + .mt-xl-auto, + .my-xl-auto { + margin-top: auto !important; + } + .mr-xl-auto, + .mx-xl-auto { + margin-right: auto !important; + } + .mb-xl-auto, + .my-xl-auto { + margin-bottom: auto !important; + } + .ml-xl-auto, + .mx-xl-auto { + margin-left: auto !important; } -} - -.pos-f-t { - position: fixed; - top: 0; - right: 0; - left: 0; - z-index: 1030; } .text-justify { @@ -8117,179 +7823,107 @@ a.bg-inverse:focus, a.bg-inverse:hover { 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; +.text-primary { + color: #007bff !important; } -a.text-muted:focus, a.text-muted:hover { - color: #4b5257 !important; +a.text-primary:focus, a.text-primary:hover { + color: #0062cc !important; } -.text-primary { - color: #0275d8 !important; +.text-secondary { + color: #868e96 !important; } -a.text-primary:focus, a.text-primary:hover { - color: #025aa5 !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-hide { - font: 0/0 a; - color: transparent; - text-shadow: none; - background-color: transparent; - border: 0; +.text-dark { + color: #343a40 !important; } -.invisible { - visibility: hidden !important; +a.text-dark:focus, a.text-dark:hover { + color: #1d2124 !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; - } +.text-muted { + color: #868e96 !important; } -.visible-print-inline-block { - display: none !important; +.text-hide { + font: 0/0 a; + color: transparent; + text-shadow: none; + background-color: transparent; + border: 0; } -@media print { - .visible-print-inline-block { - display: inline-block !important; - } +.visible { + visibility: visible !important; } -@media print { - .hidden-print { - display: none !important; - } +.invisible { + visibility: hidden !important; } /*# sourceMappingURL=bootstrap.css.map */
\ No newline at end of file |