diff options
| author | Mark Otto <[email protected]> | 2016-12-28 15:52:28 -0800 |
|---|---|---|
| committer | Mark Otto <[email protected]> | 2016-12-28 15:52:28 -0800 |
| commit | 047d4a77da5af8b59fd562935669c550272f57a6 (patch) | |
| tree | 7a2daf4d737693826c6d264113adc6e987c3ae2a /docs/dist/css/bootstrap.css | |
| parent | 11d52ba9498990483d822a5a42d371393a110080 (diff) | |
| parent | e1e621be046a4541a2fd36e445015ee44de3c67e (diff) | |
| download | bootstrap-047d4a77da5af8b59fd562935669c550272f57a6.tar.xz bootstrap-047d4a77da5af8b59fd562935669c550272f57a6.zip | |
Merge branch 'v4-dev' into v4-docs-streamlined
Diffstat (limited to 'docs/dist/css/bootstrap.css')
| -rw-r--r-- | docs/dist/css/bootstrap.css | 6114 |
1 files changed, 4594 insertions, 1520 deletions
diff --git a/docs/dist/css/bootstrap.css b/docs/dist/css/bootstrap.css index aa413ba66..651d2ddcd 100644 --- a/docs/dist/css/bootstrap.css +++ b/docs/dist/css/bootstrap.css @@ -1,12 +1,13 @@ /*! - * Bootstrap v4.0.0-alpha.4 (http://getbootstrap.com) + * Bootstrap v4.0.0-alpha.5 (https://getbootstrap.com) * Copyright 2011-2016 The Bootstrap Authors * Copyright 2011-2016 Twitter, Inc. * Licensed under MIT (https://github.com/twbs/bootstrap/blob/master/LICENSE) */ -/*! normalize.css v4.0.0 | MIT License | github.com/necolas/normalize.css */ +/*! 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%; } @@ -17,42 +18,43 @@ body { article, aside, -details, -figcaption, -figure, footer, header, -main, -menu, nav, -section, -summary { +section { display: block; } -audio, -canvas, -progress, -video { - display: inline-block; +h1 { + font-size: 2em; + margin: 0.67em 0; } -audio:not([controls]) { - display: none; - height: 0; +figcaption, +figure, +main { + display: block; } -progress { - vertical-align: baseline; +figure { + margin: 1em 40px; } -template, -[hidden] { - display: none; +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, @@ -76,13 +78,15 @@ strong { font-weight: bolder; } -dfn { - font-style: italic; +code, +kbd, +samp { + font-family: monospace, monospace; + font-size: 1em; } -h1 { - font-size: 2em; - margin: 0.67em 0; +dfn { + font-style: italic; } mark { @@ -110,74 +114,46 @@ sup { top: -0.5em; } -img { - border-style: none; -} - -svg:not(:root) { - overflow: hidden; +audio, +video { + display: inline-block; } -code, -kbd, -pre, -samp { - font-family: monospace, monospace; - font-size: 1em; +audio:not([controls]) { + display: none; + height: 0; } -figure { - margin: 1em 40px; +img { + border-style: none; } -hr { - -webkit-box-sizing: content-box; - box-sizing: content-box; - height: 0; - overflow: visible; +svg:not(:root) { + overflow: hidden; } button, input, +optgroup, select, textarea { - font: inherit; -} - -optgroup { - font-weight: bold; + font-family: sans-serif; + font-size: 100%; + line-height: 1.15; + margin: 0; } button, -input, -select { +input { overflow: visible; } button, -input, -select, -textarea { - margin: 0; -} - -button, select { text-transform: none; } button, -[type="button"], -[type="reset"], -[type="submit"] { - cursor: pointer; -} - -[disabled] { - cursor: default; -} - -button, html [type="button"], [type="reset"], [type="submit"] { @@ -185,13 +161,17 @@ html [type="button"], } button::-moz-focus-inner, -input::-moz-focus-inner { - border: 0; +[type="button"]::-moz-focus-inner, +[type="reset"]::-moz-focus-inner, +[type="submit"]::-moz-focus-inner { + border-style: none; padding: 0; } button:-moz-focusring, -input:-moz-focusring { +[type="button"]:-moz-focusring, +[type="reset"]:-moz-focusring, +[type="submit"]:-moz-focusring { outline: 1px dotted ButtonText; } @@ -211,6 +191,11 @@ legend { white-space: normal; } +progress { + display: inline-block; + vertical-align: baseline; +} + textarea { overflow: auto; } @@ -229,6 +214,7 @@ textarea { [type="search"] { -webkit-appearance: textfield; + outline-offset: -2px; } [type="search"]::-webkit-search-cancel-button, @@ -236,12 +222,44 @@ textarea { -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, - *::first-letter, - *::first-line { + p::first-letter, + div::first-letter, + blockquote::first-letter, + li::first-letter, + p::first-line, + div::first-line, + blockquote::first-line, + li::first-line { text-shadow: none !important; -webkit-box-shadow: none !important; box-shadow: none !important; @@ -253,6 +271,9 @@ textarea { abbr[title]::after { content: " (" attr(title) ")"; } + pre { + white-space: pre-wrap !important; + } pre, blockquote { border: 1px solid #999; @@ -282,7 +303,7 @@ textarea { .dropup > .btn > .caret { border-top-color: #000 !important; } - .tag { + .badge { border: 1px solid #000; } .table { @@ -321,10 +342,11 @@ html { } body { - font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif; + font-family: -apple-system, system-ui, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif; font-size: 1rem; + font-weight: normal; line-height: 1.5; - color: #373a3c; + color: #292b2c; background-color: #fff; } @@ -345,7 +367,6 @@ p { abbr[title], abbr[data-original-title] { cursor: help; - border-bottom: 1px dotted #818a91; } address { @@ -449,7 +470,7 @@ table { caption { padding-top: 0.75rem; padding-bottom: 0.75rem; - color: #818a91; + color: #636c72; text-align: left; caption-side: bottom; } @@ -472,9 +493,7 @@ input, button, select, textarea { - margin: 0; line-height: inherit; - border-radius: 0; } input[type="radio"]:disabled, @@ -631,7 +650,7 @@ mark, .blockquote-footer { display: block; font-size: 80%; - color: #818a91; + color: #636c72; } .blockquote-footer::before { @@ -654,38 +673,23 @@ mark, content: "\00A0 \2014"; } -dl.row > dd + dt { - clear: left; -} - -.img-fluid, .carousel-inner > .carousel-item > img, -.carousel-inner > .carousel-item > a > img { - display: block; +.img-fluid { max-width: 100%; height: auto; } -.img-rounded { - border-radius: 0.3rem; -} - .img-thumbnail { padding: 0.25rem; background-color: #fff; border: 1px solid #ddd; border-radius: 0.25rem; - -webkit-transition: all .2s ease-in-out; - -o-transition: all .2s ease-in-out; - transition: all .2s ease-in-out; - display: inline-block; + -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; } -.img-circle { - border-radius: 50%; -} - .figure { display: inline-block; } @@ -697,7 +701,7 @@ dl.row > dd + dt { .figure-caption { font-size: 90%; - color: #818a91; + color: #636c72; } code, @@ -715,11 +719,17 @@ code { 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: #292b2c; border-radius: 0.2rem; } @@ -734,7 +744,7 @@ pre { margin-top: 0; margin-bottom: 1rem; font-size: 90%; - color: #373a3c; + color: #292b2c; } pre code { @@ -753,327 +763,552 @@ pre code { .container { margin-left: auto; margin-right: auto; - padding-left: 15px; padding-right: 15px; + padding-left: 15px; } -.container::after { - content: ""; - display: table; - 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: 544px) { +@media (min-width: 576px) { .container { - max-width: 576px; + width: 540px; + max-width: 100%; } } @media (min-width: 768px) { .container { - max-width: 720px; + width: 720px; + max-width: 100%; } } @media (min-width: 992px) { .container { - max-width: 940px; + width: 960px; + max-width: 100%; } } @media (min-width: 1200px) { .container { - max-width: 1140px; + width: 1140px; + max-width: 100%; } } .container-fluid { margin-left: auto; margin-right: auto; - padding-left: 15px; padding-right: 15px; + padding-left: 15px; } -.container-fluid::after { - content: ""; - display: table; - 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 { - margin-left: -15px; + display: -webkit-box; + display: -webkit-flex; + display: -ms-flexbox; + display: flex; + -webkit-flex-wrap: wrap; + -ms-flex-wrap: wrap; + flex-wrap: wrap; margin-right: -15px; + margin-left: -15px; } -.row::after { - content: ""; - display: table; - 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; } -.col-xs-1, .col-xs-2, .col-xs-3, .col-xs-4, .col-xs-5, .col-xs-6, .col-xs-7, .col-xs-8, .col-xs-9, .col-xs-10, .col-xs-11, .col-xs-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 { +.no-gutters > .col, +.no-gutters > [class*="col-"] { + padding-right: 0; + padding-left: 0; +} + +.col-1, .col-2, .col-3, .col-4, .col-5, .col-6, .col-7, .col-8, .col-9, .col-10, .col-11, .col-12, .col, .col-sm-1, .col-sm-2, .col-sm-3, .col-sm-4, .col-sm-5, .col-sm-6, .col-sm-7, .col-sm-8, .col-sm-9, .col-sm-10, .col-sm-11, .col-sm-12, .col-sm, .col-md-1, .col-md-2, .col-md-3, .col-md-4, .col-md-5, .col-md-6, .col-md-7, .col-md-8, .col-md-9, .col-md-10, .col-md-11, .col-md-12, .col-md, .col-lg-1, .col-lg-2, .col-lg-3, .col-lg-4, .col-lg-5, .col-lg-6, .col-lg-7, .col-lg-8, .col-lg-9, .col-lg-10, .col-lg-11, .col-lg-12, .col-lg, .col-xl-1, .col-xl-2, .col-xl-3, .col-xl-4, .col-xl-5, .col-xl-6, .col-xl-7, .col-xl-8, .col-xl-9, .col-xl-10, .col-xl-11, .col-xl-12, .col-xl { position: relative; + width: 100%; min-height: 1px; padding-right: 15px; padding-left: 15px; } -.col-xs-1 { - float: left; - width: 8.333333%; +@media (min-width: 576px) { + .col-1, .col-2, .col-3, .col-4, .col-5, .col-6, .col-7, .col-8, .col-9, .col-10, .col-11, .col-12, .col, .col-sm-1, .col-sm-2, .col-sm-3, .col-sm-4, .col-sm-5, .col-sm-6, .col-sm-7, .col-sm-8, .col-sm-9, .col-sm-10, .col-sm-11, .col-sm-12, .col-sm, .col-md-1, .col-md-2, .col-md-3, .col-md-4, .col-md-5, .col-md-6, .col-md-7, .col-md-8, .col-md-9, .col-md-10, .col-md-11, .col-md-12, .col-md, .col-lg-1, .col-lg-2, .col-lg-3, .col-lg-4, .col-lg-5, .col-lg-6, .col-lg-7, .col-lg-8, .col-lg-9, .col-lg-10, .col-lg-11, .col-lg-12, .col-lg, .col-xl-1, .col-xl-2, .col-xl-3, .col-xl-4, .col-xl-5, .col-xl-6, .col-xl-7, .col-xl-8, .col-xl-9, .col-xl-10, .col-xl-11, .col-xl-12, .col-xl { + padding-right: 15px; + padding-left: 15px; + } } -.col-xs-2 { - float: left; - width: 16.666667%; +@media (min-width: 768px) { + .col-1, .col-2, .col-3, .col-4, .col-5, .col-6, .col-7, .col-8, .col-9, .col-10, .col-11, .col-12, .col, .col-sm-1, .col-sm-2, .col-sm-3, .col-sm-4, .col-sm-5, .col-sm-6, .col-sm-7, .col-sm-8, .col-sm-9, .col-sm-10, .col-sm-11, .col-sm-12, .col-sm, .col-md-1, .col-md-2, .col-md-3, .col-md-4, .col-md-5, .col-md-6, .col-md-7, .col-md-8, .col-md-9, .col-md-10, .col-md-11, .col-md-12, .col-md, .col-lg-1, .col-lg-2, .col-lg-3, .col-lg-4, .col-lg-5, .col-lg-6, .col-lg-7, .col-lg-8, .col-lg-9, .col-lg-10, .col-lg-11, .col-lg-12, .col-lg, .col-xl-1, .col-xl-2, .col-xl-3, .col-xl-4, .col-xl-5, .col-xl-6, .col-xl-7, .col-xl-8, .col-xl-9, .col-xl-10, .col-xl-11, .col-xl-12, .col-xl { + padding-right: 15px; + padding-left: 15px; + } } -.col-xs-3 { - float: left; - width: 25%; +@media (min-width: 992px) { + .col-1, .col-2, .col-3, .col-4, .col-5, .col-6, .col-7, .col-8, .col-9, .col-10, .col-11, .col-12, .col, .col-sm-1, .col-sm-2, .col-sm-3, .col-sm-4, .col-sm-5, .col-sm-6, .col-sm-7, .col-sm-8, .col-sm-9, .col-sm-10, .col-sm-11, .col-sm-12, .col-sm, .col-md-1, .col-md-2, .col-md-3, .col-md-4, .col-md-5, .col-md-6, .col-md-7, .col-md-8, .col-md-9, .col-md-10, .col-md-11, .col-md-12, .col-md, .col-lg-1, .col-lg-2, .col-lg-3, .col-lg-4, .col-lg-5, .col-lg-6, .col-lg-7, .col-lg-8, .col-lg-9, .col-lg-10, .col-lg-11, .col-lg-12, .col-lg, .col-xl-1, .col-xl-2, .col-xl-3, .col-xl-4, .col-xl-5, .col-xl-6, .col-xl-7, .col-xl-8, .col-xl-9, .col-xl-10, .col-xl-11, .col-xl-12, .col-xl { + padding-right: 15px; + padding-left: 15px; + } } -.col-xs-4 { - float: left; - width: 33.333333%; +@media (min-width: 1200px) { + .col-1, .col-2, .col-3, .col-4, .col-5, .col-6, .col-7, .col-8, .col-9, .col-10, .col-11, .col-12, .col, .col-sm-1, .col-sm-2, .col-sm-3, .col-sm-4, .col-sm-5, .col-sm-6, .col-sm-7, .col-sm-8, .col-sm-9, .col-sm-10, .col-sm-11, .col-sm-12, .col-sm, .col-md-1, .col-md-2, .col-md-3, .col-md-4, .col-md-5, .col-md-6, .col-md-7, .col-md-8, .col-md-9, .col-md-10, .col-md-11, .col-md-12, .col-md, .col-lg-1, .col-lg-2, .col-lg-3, .col-lg-4, .col-lg-5, .col-lg-6, .col-lg-7, .col-lg-8, .col-lg-9, .col-lg-10, .col-lg-11, .col-lg-12, .col-lg, .col-xl-1, .col-xl-2, .col-xl-3, .col-xl-4, .col-xl-5, .col-xl-6, .col-xl-7, .col-xl-8, .col-xl-9, .col-xl-10, .col-xl-11, .col-xl-12, .col-xl { + padding-right: 15px; + padding-left: 15px; + } } -.col-xs-5 { - float: left; - width: 41.666667%; +.col { + -webkit-flex-basis: 0; + -ms-flex-preferred-size: 0; + flex-basis: 0; + -webkit-box-flex: 1; + -webkit-flex-grow: 1; + -ms-flex-positive: 1; + flex-grow: 1; + max-width: 100%; } -.col-xs-6 { - float: left; - width: 50%; +.col-auto { + -webkit-box-flex: 0; + -webkit-flex: 0 0 auto; + -ms-flex: 0 0 auto; + flex: 0 0 auto; + width: auto; } -.col-xs-7 { - float: left; - width: 58.333333%; +.col-1 { + -webkit-box-flex: 0; + -webkit-flex: 0 0 8.333333%; + -ms-flex: 0 0 8.333333%; + flex: 0 0 8.333333%; + max-width: 8.333333%; } -.col-xs-8 { - float: left; - width: 66.666667%; +.col-2 { + -webkit-box-flex: 0; + -webkit-flex: 0 0 16.666667%; + -ms-flex: 0 0 16.666667%; + flex: 0 0 16.666667%; + max-width: 16.666667%; } -.col-xs-9 { - float: left; - width: 75%; +.col-3 { + -webkit-box-flex: 0; + -webkit-flex: 0 0 25%; + -ms-flex: 0 0 25%; + flex: 0 0 25%; + max-width: 25%; } -.col-xs-10 { - float: left; - width: 83.333333%; +.col-4 { + -webkit-box-flex: 0; + -webkit-flex: 0 0 33.333333%; + -ms-flex: 0 0 33.333333%; + flex: 0 0 33.333333%; + max-width: 33.333333%; } -.col-xs-11 { - float: left; - width: 91.666667%; +.col-5 { + -webkit-box-flex: 0; + -webkit-flex: 0 0 41.666667%; + -ms-flex: 0 0 41.666667%; + flex: 0 0 41.666667%; + max-width: 41.666667%; } -.col-xs-12 { - float: left; - width: 100%; +.col-6 { + -webkit-box-flex: 0; + -webkit-flex: 0 0 50%; + -ms-flex: 0 0 50%; + flex: 0 0 50%; + max-width: 50%; } -.pull-xs-0 { +.col-7 { + -webkit-box-flex: 0; + -webkit-flex: 0 0 58.333333%; + -ms-flex: 0 0 58.333333%; + flex: 0 0 58.333333%; + max-width: 58.333333%; +} + +.col-8 { + -webkit-box-flex: 0; + -webkit-flex: 0 0 66.666667%; + -ms-flex: 0 0 66.666667%; + flex: 0 0 66.666667%; + max-width: 66.666667%; +} + +.col-9 { + -webkit-box-flex: 0; + -webkit-flex: 0 0 75%; + -ms-flex: 0 0 75%; + flex: 0 0 75%; + max-width: 75%; +} + +.col-10 { + -webkit-box-flex: 0; + -webkit-flex: 0 0 83.333333%; + -ms-flex: 0 0 83.333333%; + flex: 0 0 83.333333%; + max-width: 83.333333%; +} + +.col-11 { + -webkit-box-flex: 0; + -webkit-flex: 0 0 91.666667%; + -ms-flex: 0 0 91.666667%; + flex: 0 0 91.666667%; + max-width: 91.666667%; +} + +.col-12 { + -webkit-box-flex: 0; + -webkit-flex: 0 0 100%; + -ms-flex: 0 0 100%; + flex: 0 0 100%; + max-width: 100%; +} + +.pull-0 { right: auto; } -.pull-xs-1 { +.pull-1 { right: 8.333333%; } -.pull-xs-2 { +.pull-2 { right: 16.666667%; } -.pull-xs-3 { +.pull-3 { right: 25%; } -.pull-xs-4 { +.pull-4 { right: 33.333333%; } -.pull-xs-5 { +.pull-5 { right: 41.666667%; } -.pull-xs-6 { +.pull-6 { right: 50%; } -.pull-xs-7 { +.pull-7 { right: 58.333333%; } -.pull-xs-8 { +.pull-8 { right: 66.666667%; } -.pull-xs-9 { +.pull-9 { right: 75%; } -.pull-xs-10 { +.pull-10 { right: 83.333333%; } -.pull-xs-11 { +.pull-11 { right: 91.666667%; } -.pull-xs-12 { +.pull-12 { right: 100%; } -.push-xs-0 { +.push-0 { left: auto; } -.push-xs-1 { +.push-1 { left: 8.333333%; } -.push-xs-2 { +.push-2 { left: 16.666667%; } -.push-xs-3 { +.push-3 { left: 25%; } -.push-xs-4 { +.push-4 { left: 33.333333%; } -.push-xs-5 { +.push-5 { left: 41.666667%; } -.push-xs-6 { +.push-6 { left: 50%; } -.push-xs-7 { +.push-7 { left: 58.333333%; } -.push-xs-8 { +.push-8 { left: 66.666667%; } -.push-xs-9 { +.push-9 { left: 75%; } -.push-xs-10 { +.push-10 { left: 83.333333%; } -.push-xs-11 { +.push-11 { left: 91.666667%; } -.push-xs-12 { +.push-12 { left: 100%; } -.offset-xs-1 { +.offset-1 { margin-left: 8.333333%; } -.offset-xs-2 { +.offset-2 { margin-left: 16.666667%; } -.offset-xs-3 { +.offset-3 { margin-left: 25%; } -.offset-xs-4 { +.offset-4 { margin-left: 33.333333%; } -.offset-xs-5 { +.offset-5 { margin-left: 41.666667%; } -.offset-xs-6 { +.offset-6 { margin-left: 50%; } -.offset-xs-7 { +.offset-7 { margin-left: 58.333333%; } -.offset-xs-8 { +.offset-8 { margin-left: 66.666667%; } -.offset-xs-9 { +.offset-9 { margin-left: 75%; } -.offset-xs-10 { +.offset-10 { margin-left: 83.333333%; } -.offset-xs-11 { +.offset-11 { margin-left: 91.666667%; } -@media (min-width: 544px) { +@media (min-width: 576px) { + .col-sm { + -webkit-flex-basis: 0; + -ms-flex-preferred-size: 0; + flex-basis: 0; + -webkit-box-flex: 1; + -webkit-flex-grow: 1; + -ms-flex-positive: 1; + flex-grow: 1; + max-width: 100%; + } + .col-sm-auto { + -webkit-box-flex: 0; + -webkit-flex: 0 0 auto; + -ms-flex: 0 0 auto; + flex: 0 0 auto; + width: auto; + } .col-sm-1 { - float: left; - width: 8.333333%; + -webkit-box-flex: 0; + -webkit-flex: 0 0 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%; + -webkit-box-flex: 0; + -webkit-flex: 0 0 16.666667%; + -ms-flex: 0 0 16.666667%; + flex: 0 0 16.666667%; + max-width: 16.666667%; } .col-sm-3 { - float: left; - width: 25%; + -webkit-box-flex: 0; + -webkit-flex: 0 0 25%; + -ms-flex: 0 0 25%; + flex: 0 0 25%; + max-width: 25%; } .col-sm-4 { - float: left; - width: 33.333333%; + -webkit-box-flex: 0; + -webkit-flex: 0 0 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%; + -webkit-box-flex: 0; + -webkit-flex: 0 0 41.666667%; + -ms-flex: 0 0 41.666667%; + flex: 0 0 41.666667%; + max-width: 41.666667%; } .col-sm-6 { - float: left; - width: 50%; + -webkit-box-flex: 0; + -webkit-flex: 0 0 50%; + -ms-flex: 0 0 50%; + flex: 0 0 50%; + max-width: 50%; } .col-sm-7 { - float: left; - width: 58.333333%; + -webkit-box-flex: 0; + -webkit-flex: 0 0 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%; + -webkit-box-flex: 0; + -webkit-flex: 0 0 66.666667%; + -ms-flex: 0 0 66.666667%; + flex: 0 0 66.666667%; + max-width: 66.666667%; } .col-sm-9 { - float: left; - width: 75%; + -webkit-box-flex: 0; + -webkit-flex: 0 0 75%; + -ms-flex: 0 0 75%; + flex: 0 0 75%; + max-width: 75%; } .col-sm-10 { - float: left; - width: 83.333333%; + -webkit-box-flex: 0; + -webkit-flex: 0 0 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%; + -webkit-box-flex: 0; + -webkit-flex: 0 0 91.666667%; + -ms-flex: 0 0 91.666667%; + flex: 0 0 91.666667%; + max-width: 91.666667%; } .col-sm-12 { - float: left; - width: 100%; + -webkit-box-flex: 0; + -webkit-flex: 0 0 100%; + -ms-flex: 0 0 100%; + flex: 0 0 100%; + max-width: 100%; } .pull-sm-0 { right: auto; @@ -1192,53 +1427,106 @@ pre code { } @media (min-width: 768px) { + .col-md { + -webkit-flex-basis: 0; + -ms-flex-preferred-size: 0; + flex-basis: 0; + -webkit-box-flex: 1; + -webkit-flex-grow: 1; + -ms-flex-positive: 1; + flex-grow: 1; + max-width: 100%; + } + .col-md-auto { + -webkit-box-flex: 0; + -webkit-flex: 0 0 auto; + -ms-flex: 0 0 auto; + flex: 0 0 auto; + width: auto; + } .col-md-1 { - float: left; - width: 8.333333%; + -webkit-box-flex: 0; + -webkit-flex: 0 0 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%; + -webkit-box-flex: 0; + -webkit-flex: 0 0 16.666667%; + -ms-flex: 0 0 16.666667%; + flex: 0 0 16.666667%; + max-width: 16.666667%; } .col-md-3 { - float: left; - width: 25%; + -webkit-box-flex: 0; + -webkit-flex: 0 0 25%; + -ms-flex: 0 0 25%; + flex: 0 0 25%; + max-width: 25%; } .col-md-4 { - float: left; - width: 33.333333%; + -webkit-box-flex: 0; + -webkit-flex: 0 0 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%; + -webkit-box-flex: 0; + -webkit-flex: 0 0 41.666667%; + -ms-flex: 0 0 41.666667%; + flex: 0 0 41.666667%; + max-width: 41.666667%; } .col-md-6 { - float: left; - width: 50%; + -webkit-box-flex: 0; + -webkit-flex: 0 0 50%; + -ms-flex: 0 0 50%; + flex: 0 0 50%; + max-width: 50%; } .col-md-7 { - float: left; - width: 58.333333%; + -webkit-box-flex: 0; + -webkit-flex: 0 0 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%; + -webkit-box-flex: 0; + -webkit-flex: 0 0 66.666667%; + -ms-flex: 0 0 66.666667%; + flex: 0 0 66.666667%; + max-width: 66.666667%; } .col-md-9 { - float: left; - width: 75%; + -webkit-box-flex: 0; + -webkit-flex: 0 0 75%; + -ms-flex: 0 0 75%; + flex: 0 0 75%; + max-width: 75%; } .col-md-10 { - float: left; - width: 83.333333%; + -webkit-box-flex: 0; + -webkit-flex: 0 0 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%; + -webkit-box-flex: 0; + -webkit-flex: 0 0 91.666667%; + -ms-flex: 0 0 91.666667%; + flex: 0 0 91.666667%; + max-width: 91.666667%; } .col-md-12 { - float: left; - width: 100%; + -webkit-box-flex: 0; + -webkit-flex: 0 0 100%; + -ms-flex: 0 0 100%; + flex: 0 0 100%; + max-width: 100%; } .pull-md-0 { right: auto; @@ -1357,53 +1645,106 @@ pre code { } @media (min-width: 992px) { + .col-lg { + -webkit-flex-basis: 0; + -ms-flex-preferred-size: 0; + flex-basis: 0; + -webkit-box-flex: 1; + -webkit-flex-grow: 1; + -ms-flex-positive: 1; + flex-grow: 1; + max-width: 100%; + } + .col-lg-auto { + -webkit-box-flex: 0; + -webkit-flex: 0 0 auto; + -ms-flex: 0 0 auto; + flex: 0 0 auto; + width: auto; + } .col-lg-1 { - float: left; - width: 8.333333%; + -webkit-box-flex: 0; + -webkit-flex: 0 0 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%; + -webkit-box-flex: 0; + -webkit-flex: 0 0 16.666667%; + -ms-flex: 0 0 16.666667%; + flex: 0 0 16.666667%; + max-width: 16.666667%; } .col-lg-3 { - float: left; - width: 25%; + -webkit-box-flex: 0; + -webkit-flex: 0 0 25%; + -ms-flex: 0 0 25%; + flex: 0 0 25%; + max-width: 25%; } .col-lg-4 { - float: left; - width: 33.333333%; + -webkit-box-flex: 0; + -webkit-flex: 0 0 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%; + -webkit-box-flex: 0; + -webkit-flex: 0 0 41.666667%; + -ms-flex: 0 0 41.666667%; + flex: 0 0 41.666667%; + max-width: 41.666667%; } .col-lg-6 { - float: left; - width: 50%; + -webkit-box-flex: 0; + -webkit-flex: 0 0 50%; + -ms-flex: 0 0 50%; + flex: 0 0 50%; + max-width: 50%; } .col-lg-7 { - float: left; - width: 58.333333%; + -webkit-box-flex: 0; + -webkit-flex: 0 0 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%; + -webkit-box-flex: 0; + -webkit-flex: 0 0 66.666667%; + -ms-flex: 0 0 66.666667%; + flex: 0 0 66.666667%; + max-width: 66.666667%; } .col-lg-9 { - float: left; - width: 75%; + -webkit-box-flex: 0; + -webkit-flex: 0 0 75%; + -ms-flex: 0 0 75%; + flex: 0 0 75%; + max-width: 75%; } .col-lg-10 { - float: left; - width: 83.333333%; + -webkit-box-flex: 0; + -webkit-flex: 0 0 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%; + -webkit-box-flex: 0; + -webkit-flex: 0 0 91.666667%; + -ms-flex: 0 0 91.666667%; + flex: 0 0 91.666667%; + max-width: 91.666667%; } .col-lg-12 { - float: left; - width: 100%; + -webkit-box-flex: 0; + -webkit-flex: 0 0 100%; + -ms-flex: 0 0 100%; + flex: 0 0 100%; + max-width: 100%; } .pull-lg-0 { right: auto; @@ -1522,53 +1863,106 @@ pre code { } @media (min-width: 1200px) { + .col-xl { + -webkit-flex-basis: 0; + -ms-flex-preferred-size: 0; + flex-basis: 0; + -webkit-box-flex: 1; + -webkit-flex-grow: 1; + -ms-flex-positive: 1; + flex-grow: 1; + max-width: 100%; + } + .col-xl-auto { + -webkit-box-flex: 0; + -webkit-flex: 0 0 auto; + -ms-flex: 0 0 auto; + flex: 0 0 auto; + width: auto; + } .col-xl-1 { - float: left; - width: 8.333333%; + -webkit-box-flex: 0; + -webkit-flex: 0 0 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%; + -webkit-box-flex: 0; + -webkit-flex: 0 0 16.666667%; + -ms-flex: 0 0 16.666667%; + flex: 0 0 16.666667%; + max-width: 16.666667%; } .col-xl-3 { - float: left; - width: 25%; + -webkit-box-flex: 0; + -webkit-flex: 0 0 25%; + -ms-flex: 0 0 25%; + flex: 0 0 25%; + max-width: 25%; } .col-xl-4 { - float: left; - width: 33.333333%; + -webkit-box-flex: 0; + -webkit-flex: 0 0 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%; + -webkit-box-flex: 0; + -webkit-flex: 0 0 41.666667%; + -ms-flex: 0 0 41.666667%; + flex: 0 0 41.666667%; + max-width: 41.666667%; } .col-xl-6 { - float: left; - width: 50%; + -webkit-box-flex: 0; + -webkit-flex: 0 0 50%; + -ms-flex: 0 0 50%; + flex: 0 0 50%; + max-width: 50%; } .col-xl-7 { - float: left; - width: 58.333333%; + -webkit-box-flex: 0; + -webkit-flex: 0 0 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%; + -webkit-box-flex: 0; + -webkit-flex: 0 0 66.666667%; + -ms-flex: 0 0 66.666667%; + flex: 0 0 66.666667%; + max-width: 66.666667%; } .col-xl-9 { - float: left; - width: 75%; + -webkit-box-flex: 0; + -webkit-flex: 0 0 75%; + -ms-flex: 0 0 75%; + flex: 0 0 75%; + max-width: 75%; } .col-xl-10 { - float: left; - width: 83.333333%; + -webkit-box-flex: 0; + -webkit-flex: 0 0 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%; + -webkit-box-flex: 0; + -webkit-flex: 0 0 91.666667%; + -ms-flex: 0 0 91.666667%; + flex: 0 0 91.666667%; + max-width: 91.666667%; } .col-xl-12 { - float: left; - width: 100%; + -webkit-box-flex: 0; + -webkit-flex: 0 0 100%; + -ms-flex: 0 0 100%; + flex: 0 0 100%; + max-width: 100%; } .pull-xl-0 { right: auto; @@ -1816,23 +2210,23 @@ pre code { .thead-inverse th { color: #fff; - background-color: #373a3c; + background-color: #292b2c; } .thead-default th { - color: #55595c; + color: #464a4c; background-color: #eceeef; } .table-inverse { - color: #eceeef; - background-color: #373a3c; + color: #fff; + background-color: #292b2c; } .table-inverse th, .table-inverse td, .table-inverse thead th { - border-color: #55595c; + border-color: #fff; } .table-inverse.table-bordered { @@ -1842,8 +2236,12 @@ pre code { .table-responsive { display: block; width: 100%; - min-height: .01%; overflow-x: auto; + -ms-overflow-style: -ms-autohiding-scrollbar; +} + +.table-responsive.table-bordered { + border: 0; } .table-reflow thead { @@ -1891,13 +2289,18 @@ pre code { padding: 0.5rem 0.75rem; font-size: 1rem; line-height: 1.25; - color: #55595c; + color: #464a4c; background-color: #fff; background-image: none; -webkit-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 { @@ -1906,29 +2309,29 @@ pre code { } .form-control:focus { - color: #55595c; + color: #464a4c; background-color: #fff; - border-color: #66afe9; + border-color: #5cb3fd; outline: none; } .form-control::-webkit-input-placeholder { - color: #999; + color: #636c72; opacity: 1; } .form-control::-moz-placeholder { - color: #999; + color: #636c72; opacity: 1; } .form-control:-ms-input-placeholder { - color: #999; + color: #636c72; opacity: 1; } .form-control::placeholder { - color: #999; + color: #636c72; opacity: 1; } @@ -1942,11 +2345,11 @@ pre code { } select.form-control:not([size]):not([multiple]) { - height: 2.5rem; + height: calc(2.25rem + 2px); } select.form-control:focus::-ms-value { - color: #55595c; + color: #464a4c; background-color: #fff; } @@ -1956,20 +2359,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.75rem - 1px * 2); + padding-bottom: calc(0.75rem - 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; } @@ -1981,10 +2384,12 @@ select.form-control:focus::-ms-value { } .form-control-static { - min-height: 2.5rem; 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, @@ -2036,15 +2441,11 @@ select.form-control-lg:not([size]):not([multiple]), .input-group-lg > select.for .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: #818a91; + color: #636c72; cursor: not-allowed; } @@ -2056,7 +2457,7 @@ select.form-control-lg:not([size]):not([multiple]), .input-group-lg > select.for .form-check-input { position: absolute; - margin-top: .25rem; + margin-top: 0.25rem; margin-left: -1.25rem; } @@ -2065,20 +2466,15 @@ select.form-control-lg:not([size]):not([multiple]), .input-group-lg > select.for } .form-check-inline { - position: relative; display: inline-block; - padding-left: 1.25rem; - margin-bottom: 0; - vertical-align: middle; - cursor: pointer; } -.form-check-inline + .form-check-inline { - margin-left: .75rem; +.form-check-inline .form-check-label { + vertical-align: middle; } -.form-check-inline.disabled { - cursor: not-allowed; +.form-check-inline + .form-check-inline { + margin-left: 0.75rem; } .form-control-feedback { @@ -2090,15 +2486,15 @@ select.form-control-lg:not([size]):not([multiple]), .input-group-lg > select.for .form-control-danger { padding-right: 2.25rem; background-repeat: no-repeat; - background-position: center right 0.625rem; - -webkit-background-size: 1.25rem 1.25rem; - background-size: 1.25rem 1.25rem; + background-position: center right 0.5625rem; + -webkit-background-size: 1.125rem 1.125rem; + background-size: 1.125rem 1.125rem; } .has-success .form-control-feedback, .has-success .form-control-label, +.has-success .col-form-label, .has-success .form-check-label, -.has-success .form-check-inline, .has-success .custom-control { color: #5cb85c; } @@ -2113,18 +2509,14 @@ select.form-control-lg:not([size]):not([multiple]), .input-group-lg > select.for background-color: #eaf6ea; } -.has-success .form-control-feedback { - color: #5cb85c; -} - .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"); } .has-warning .form-control-feedback, .has-warning .form-control-label, +.has-warning .col-form-label, .has-warning .form-check-label, -.has-warning .form-check-inline, .has-warning .custom-control { color: #f0ad4e; } @@ -2139,18 +2531,14 @@ select.form-control-lg:not([size]):not([multiple]), .input-group-lg > select.for background-color: white; } -.has-warning .form-control-feedback { - color: #f0ad4e; -} - .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"); } .has-danger .form-control-feedback, .has-danger .form-control-label, +.has-danger .col-form-label, .has-danger .form-check-label, -.has-danger .form-check-inline, .has-danger .custom-control { color: #d9534f; } @@ -2165,19 +2553,57 @@ select.form-control-lg:not([size]):not([multiple]), .input-group-lg > select.for background-color: #fdf7f7; } -.has-danger .form-control-feedback { - color: #d9534f; -} - .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"); } -@media (min-width: 544px) { +.form-inline { + display: -webkit-box; + display: -webkit-flex; + display: -ms-flexbox; + display: flex; + -webkit-flex-flow: row wrap; + -ms-flex-flow: row wrap; + flex-flow: row wrap; +} + +.form-inline .form-check { + width: 100%; +} + +@media (min-width: 576px) { + .form-inline label { + display: -webkit-box; + display: -webkit-flex; + display: -ms-flexbox; + display: flex; + -webkit-box-align: center; + -webkit-align-items: center; + -ms-flex-align: center; + align-items: center; + -webkit-box-pack: center; + -webkit-justify-content: center; + -ms-flex-pack: center; + justify-content: center; + margin-bottom: 0; + } .form-inline .form-group { - display: inline-block; + display: -webkit-box; + display: -webkit-flex; + display: -ms-flexbox; + display: flex; + -webkit-box-flex: 0; + -webkit-flex: 0 0 auto; + -ms-flex: 0 0 auto; + flex: 0 0 auto; + -webkit-flex-flow: row wrap; + -ms-flex-flow: row wrap; + flex-flow: row wrap; + -webkit-box-align: center; + -webkit-align-items: center; + -ms-flex-align: center; + align-items: center; margin-bottom: 0; - vertical-align: middle; } .form-inline .form-control { display: inline-block; @@ -2188,34 +2614,59 @@ select.form-control-lg:not([size]):not([multiple]), .input-group-lg > select.for display: inline-block; } .form-inline .input-group { - 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; + display: -webkit-box; + display: -webkit-flex; + display: -ms-flexbox; + display: flex; + -webkit-box-align: center; + -webkit-align-items: center; + -ms-flex-align: center; + align-items: center; + -webkit-box-pack: center; + -webkit-justify-content: center; + -ms-flex-pack: center; + justify-content: center; + width: auto; margin-top: 0; margin-bottom: 0; - vertical-align: middle; } .form-inline .form-check-label { padding-left: 0; } .form-inline .form-check-input { position: relative; + margin-top: 0; + margin-right: 0.25rem; margin-left: 0; } + .form-inline .custom-control { + display: -webkit-box; + display: -webkit-flex; + display: -ms-flexbox; + display: flex; + -webkit-box-align: center; + -webkit-align-items: center; + -ms-flex-align: center; + align-items: center; + -webkit-box-pack: center; + -webkit-justify-content: center; + -ms-flex-pack: center; + justify-content: center; + padding-left: 0; + } + .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 { top: 0; } @@ -2228,7 +2679,6 @@ select.form-control-lg:not([size]):not([multiple]), .input-group-lg > select.for text-align: center; white-space: nowrap; vertical-align: middle; - cursor: pointer; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; @@ -2237,24 +2687,19 @@ select.form-control-lg:not([size]):not([multiple]), .input-group-lg > select.for padding: 0.5rem 1rem; font-size: 1rem; border-radius: 0.25rem; -} - -.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; + -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:hover { text-decoration: none; } -.btn.focus { - text-decoration: none; -} - -.btn:active, .btn.active { - background-image: none; +.btn:focus, .btn.focus { outline: 0; + -webkit-box-shadow: 0 0 0 2px rgba(2, 117, 216, 0.25); + box-shadow: 0 0 0 2px rgba(2, 117, 216, 0.25); } .btn.disabled, .btn:disabled { @@ -2262,6 +2707,10 @@ select.form-control-lg:not([size]):not([multiple]), .input-group-lg > select.for opacity: .65; } +.btn:active, .btn.active { + background-image: none; +} + a.btn.disabled, fieldset[disabled] a.btn { pointer-events: none; @@ -2280,81 +2729,51 @@ fieldset[disabled] a.btn { } .btn-primary:focus, .btn-primary.focus { - color: #fff; - background-color: #025aa5; - border-color: #01549b; + -webkit-box-shadow: 0 0 0 2px rgba(2, 117, 216, 0.5); + box-shadow: 0 0 0 2px rgba(2, 117, 216, 0.5); } -.btn-primary:active, .btn-primary.active, -.open > .btn-primary.dropdown-toggle { - color: #fff; - background-color: #025aa5; - border-color: #01549b; - background-image: none; -} - -.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 { - color: #fff; - background-color: #014682; - border-color: #01315a; -} - -.btn-primary.disabled:focus, .btn-primary.disabled.focus, .btn-primary:disabled:focus, .btn-primary:disabled.focus { +.btn-primary.disabled, .btn-primary:disabled { background-color: #0275d8; border-color: #0275d8; } -.btn-primary.disabled:hover, .btn-primary:disabled:hover { - background-color: #0275d8; - border-color: #0275d8; +.btn-primary:active, .btn-primary.active, +.show > .btn-primary.dropdown-toggle { + color: #fff; + background-color: #025aa5; + background-image: none; + border-color: #01549b; } .btn-secondary { - color: #373a3c; + color: #292b2c; background-color: #fff; border-color: #ccc; } .btn-secondary:hover { - color: #373a3c; + color: #292b2c; background-color: #e6e6e6; border-color: #adadad; } .btn-secondary:focus, .btn-secondary.focus { - color: #373a3c; - background-color: #e6e6e6; - border-color: #adadad; -} - -.btn-secondary:active, .btn-secondary.active, -.open > .btn-secondary.dropdown-toggle { - color: #373a3c; - background-color: #e6e6e6; - border-color: #adadad; - background-image: none; -} - -.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: #373a3c; - background-color: #d4d4d4; - border-color: #8c8c8c; + -webkit-box-shadow: 0 0 0 2px rgba(204, 204, 204, 0.5); + box-shadow: 0 0 0 2px rgba(204, 204, 204, 0.5); } -.btn-secondary.disabled:focus, .btn-secondary.disabled.focus, .btn-secondary:disabled:focus, .btn-secondary:disabled.focus { +.btn-secondary.disabled, .btn-secondary:disabled { background-color: #fff; border-color: #ccc; } -.btn-secondary.disabled:hover, .btn-secondary:disabled:hover { - background-color: #fff; - border-color: #ccc; +.btn-secondary:active, .btn-secondary.active, +.show > .btn-secondary.dropdown-toggle { + color: #292b2c; + background-color: #e6e6e6; + background-image: none; + border-color: #adadad; } .btn-info { @@ -2370,36 +2789,21 @@ fieldset[disabled] a.btn { } .btn-info:focus, .btn-info.focus { - color: #fff; - background-color: #31b0d5; - border-color: #2aabd2; -} - -.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; + -webkit-box-shadow: 0 0 0 2px rgba(91, 192, 222, 0.5); + box-shadow: 0 0 0 2px rgba(91, 192, 222, 0.5); } -.btn-info.disabled:focus, .btn-info.disabled.focus, .btn-info:disabled:focus, .btn-info:disabled.focus { +.btn-info.disabled, .btn-info:disabled { background-color: #5bc0de; border-color: #5bc0de; } -.btn-info.disabled:hover, .btn-info:disabled:hover { - background-color: #5bc0de; - border-color: #5bc0de; +.btn-info:active, .btn-info.active, +.show > .btn-info.dropdown-toggle { + color: #fff; + background-color: #31b0d5; + background-image: none; + border-color: #2aabd2; } .btn-success { @@ -2415,36 +2819,21 @@ fieldset[disabled] a.btn { } .btn-success:focus, .btn-success.focus { - color: #fff; - background-color: #449d44; - border-color: #419641; -} - -.btn-success:active, .btn-success.active, -.open > .btn-success.dropdown-toggle { - color: #fff; - background-color: #449d44; - border-color: #419641; - background-image: none; -} - -.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 { - color: #fff; - background-color: #398439; - border-color: #2d672d; + -webkit-box-shadow: 0 0 0 2px rgba(92, 184, 92, 0.5); + box-shadow: 0 0 0 2px rgba(92, 184, 92, 0.5); } -.btn-success.disabled:focus, .btn-success.disabled.focus, .btn-success:disabled:focus, .btn-success:disabled.focus { +.btn-success.disabled, .btn-success:disabled { background-color: #5cb85c; border-color: #5cb85c; } -.btn-success.disabled:hover, .btn-success:disabled:hover { - background-color: #5cb85c; - border-color: #5cb85c; +.btn-success:active, .btn-success.active, +.show > .btn-success.dropdown-toggle { + color: #fff; + background-color: #449d44; + background-image: none; + border-color: #419641; } .btn-warning { @@ -2460,36 +2849,21 @@ fieldset[disabled] a.btn { } .btn-warning:focus, .btn-warning.focus { - color: #fff; - background-color: #ec971f; - border-color: #eb9316; -} - -.btn-warning:active, .btn-warning.active, -.open > .btn-warning.dropdown-toggle { - color: #fff; - background-color: #ec971f; - border-color: #eb9316; - background-image: none; -} - -.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; + -webkit-box-shadow: 0 0 0 2px rgba(240, 173, 78, 0.5); + box-shadow: 0 0 0 2px rgba(240, 173, 78, 0.5); } -.btn-warning.disabled:focus, .btn-warning.disabled.focus, .btn-warning:disabled:focus, .btn-warning:disabled.focus { +.btn-warning.disabled, .btn-warning:disabled { background-color: #f0ad4e; border-color: #f0ad4e; } -.btn-warning.disabled:hover, .btn-warning:disabled:hover { - background-color: #f0ad4e; - border-color: #f0ad4e; +.btn-warning:active, .btn-warning.active, +.show > .btn-warning.dropdown-toggle { + color: #fff; + background-color: #ec971f; + background-image: none; + border-color: #eb9316; } .btn-danger { @@ -2505,36 +2879,21 @@ fieldset[disabled] a.btn { } .btn-danger:focus, .btn-danger.focus { - color: #fff; - background-color: #c9302c; - border-color: #c12e2a; -} - -.btn-danger:active, .btn-danger.active, -.open > .btn-danger.dropdown-toggle { - color: #fff; - background-color: #c9302c; - border-color: #c12e2a; - background-image: none; + -webkit-box-shadow: 0 0 0 2px rgba(217, 83, 79, 0.5); + box-shadow: 0 0 0 2px rgba(217, 83, 79, 0.5); } -.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-danger.disabled:focus, .btn-danger.disabled.focus, .btn-danger:disabled:focus, .btn-danger:disabled.focus { +.btn-danger.disabled, .btn-danger:disabled { background-color: #d9534f; border-color: #d9534f; } -.btn-danger.disabled:hover, .btn-danger:disabled:hover { - background-color: #d9534f; - border-color: #d9534f; +.btn-danger:active, .btn-danger.active, +.show > .btn-danger.dropdown-toggle { + color: #fff; + background-color: #c9302c; + background-image: none; + border-color: #c12e2a; } .btn-outline-primary { @@ -2551,35 +2910,22 @@ fieldset[disabled] a.btn { } .btn-outline-primary:focus, .btn-outline-primary.focus { - color: #fff; - background-color: #0275d8; - border-color: #0275d8; + -webkit-box-shadow: 0 0 0 2px rgba(2, 117, 216, 0.5); + box-shadow: 0 0 0 2px rgba(2, 117, 216, 0.5); +} + +.btn-outline-primary.disabled, .btn-outline-primary:disabled { + color: #0275d8; + background-color: transparent; } .btn-outline-primary:active, .btn-outline-primary.active, -.open > .btn-outline-primary.dropdown-toggle { +.show > .btn-outline-primary.dropdown-toggle { color: #fff; background-color: #0275d8; border-color: #0275d8; } -.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 { - 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; -} - .btn-outline-secondary { color: #ccc; background-image: none; @@ -2594,35 +2940,22 @@ fieldset[disabled] a.btn { } .btn-outline-secondary:focus, .btn-outline-secondary.focus { - color: #fff; - background-color: #ccc; - border-color: #ccc; + -webkit-box-shadow: 0 0 0 2px rgba(204, 204, 204, 0.5); + box-shadow: 0 0 0 2px rgba(204, 204, 204, 0.5); +} + +.btn-outline-secondary.disabled, .btn-outline-secondary:disabled { + color: #ccc; + 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; } -.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-secondary.disabled:focus, .btn-outline-secondary.disabled.focus, .btn-outline-secondary:disabled:focus, .btn-outline-secondary:disabled.focus { - border-color: white; -} - -.btn-outline-secondary.disabled:hover, .btn-outline-secondary:disabled:hover { - border-color: white; -} - .btn-outline-info { color: #5bc0de; background-image: none; @@ -2637,35 +2970,22 @@ fieldset[disabled] a.btn { } .btn-outline-info:focus, .btn-outline-info.focus { - color: #fff; - background-color: #5bc0de; - border-color: #5bc0de; + -webkit-box-shadow: 0 0 0 2px rgba(91, 192, 222, 0.5); + box-shadow: 0 0 0 2px rgba(91, 192, 222, 0.5); +} + +.btn-outline-info.disabled, .btn-outline-info:disabled { + color: #5bc0de; + background-color: transparent; } .btn-outline-info:active, .btn-outline-info.active, -.open > .btn-outline-info.dropdown-toggle { +.show > .btn-outline-info.dropdown-toggle { color: #fff; background-color: #5bc0de; border-color: #5bc0de; } -.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.disabled:focus, .btn-outline-info.disabled.focus, .btn-outline-info:disabled:focus, .btn-outline-info:disabled.focus { - border-color: #b0e1ef; -} - -.btn-outline-info.disabled:hover, .btn-outline-info:disabled:hover { - border-color: #b0e1ef; -} - .btn-outline-success { color: #5cb85c; background-image: none; @@ -2680,35 +3000,22 @@ fieldset[disabled] a.btn { } .btn-outline-success:focus, .btn-outline-success.focus { - color: #fff; - background-color: #5cb85c; - border-color: #5cb85c; + -webkit-box-shadow: 0 0 0 2px rgba(92, 184, 92, 0.5); + box-shadow: 0 0 0 2px rgba(92, 184, 92, 0.5); +} + +.btn-outline-success.disabled, .btn-outline-success:disabled { + color: #5cb85c; + background-color: transparent; } .btn-outline-success:active, .btn-outline-success.active, -.open > .btn-outline-success.dropdown-toggle { +.show > .btn-outline-success.dropdown-toggle { color: #fff; background-color: #5cb85c; border-color: #5cb85c; } -.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 { - color: #fff; - background-color: #398439; - border-color: #2d672d; -} - -.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-success.disabled:hover, .btn-outline-success:disabled:hover { - border-color: #a3d7a3; -} - .btn-outline-warning { color: #f0ad4e; background-image: none; @@ -2723,35 +3030,22 @@ fieldset[disabled] a.btn { } .btn-outline-warning:focus, .btn-outline-warning.focus { - color: #fff; - background-color: #f0ad4e; - border-color: #f0ad4e; + -webkit-box-shadow: 0 0 0 2px rgba(240, 173, 78, 0.5); + box-shadow: 0 0 0 2px rgba(240, 173, 78, 0.5); +} + +.btn-outline-warning.disabled, .btn-outline-warning:disabled { + color: #f0ad4e; + background-color: transparent; } .btn-outline-warning:active, .btn-outline-warning.active, -.open > .btn-outline-warning.dropdown-toggle { +.show > .btn-outline-warning.dropdown-toggle { color: #fff; background-color: #f0ad4e; border-color: #f0ad4e; } -.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 { - color: #fff; - background-color: #d58512; - border-color: #b06d0f; -} - -.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-warning.disabled:hover, .btn-outline-warning:disabled:hover { - border-color: #f8d9ac; -} - .btn-outline-danger { color: #d9534f; background-image: none; @@ -2766,35 +3060,22 @@ fieldset[disabled] a.btn { } .btn-outline-danger:focus, .btn-outline-danger.focus { - color: #fff; - background-color: #d9534f; - border-color: #d9534f; + -webkit-box-shadow: 0 0 0 2px rgba(217, 83, 79, 0.5); + box-shadow: 0 0 0 2px rgba(217, 83, 79, 0.5); +} + +.btn-outline-danger.disabled, .btn-outline-danger:disabled { + color: #d9534f; + background-color: transparent; } .btn-outline-danger:active, .btn-outline-danger.active, -.open > .btn-outline-danger.dropdown-toggle { +.show > .btn-outline-danger.dropdown-toggle { color: #fff; background-color: #d9534f; border-color: #d9534f; } -.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-danger.disabled:focus, .btn-outline-danger.disabled.focus, .btn-outline-danger:disabled:focus, .btn-outline-danger:disabled.focus { - border-color: #eba5a3; -} - -.btn-outline-danger.disabled:hover, .btn-outline-danger:disabled:hover { - border-color: #eba5a3; -} - .btn-link { font-weight: normal; color: #0275d8; @@ -2819,8 +3100,11 @@ fieldset[disabled] a.btn { background-color: transparent; } +.btn-link:disabled { + color: #636c72; +} + .btn-link:disabled:focus, .btn-link:disabled:hover { - color: #818a91; text-decoration: none; } @@ -2853,12 +3137,12 @@ input[type="button"].btn-block { .fade { opacity: 0; - -webkit-transition: opacity .15s linear; - -o-transition: opacity .15s linear; - transition: opacity .15s linear; + -webkit-transition: opacity 0.15s linear; + -o-transition: opacity 0.15s linear; + transition: opacity 0.15s linear; } -.fade.in { +.fade.show { opacity: 1; } @@ -2866,23 +3150,25 @@ input[type="button"].btn-block { display: none; } -.collapse.in { +.collapse.show { display: block; } +tr.collapse.show { + display: table-row; +} + +tbody.collapse.show { + display: table-row-group; +} + .collapsing { position: relative; height: 0; overflow: hidden; - -webkit-transition-timing-function: ease; - -o-transition-timing-function: ease; - transition-timing-function: ease; - -webkit-transition-duration: .35s; - -o-transition-duration: .35s; - transition-duration: .35s; - -webkit-transition-property: height; - -o-transition-property: height; - transition-property: height; + -webkit-transition: height 0.35s ease; + -o-transition: height 0.35s ease; + transition: height 0.35s ease; } .dropup, @@ -2918,11 +3204,11 @@ input[type="button"].btn-block { z-index: 1000; display: none; float: left; - min-width: 160px; - padding: 5px 0; - margin: 2px 0 0; + min-width: 10rem; + padding: 0.5rem 0; + margin: 0.125rem 0 0; font-size: 1rem; - color: #373a3c; + color: #292b2c; text-align: left; list-style: none; background-color: #fff; @@ -2936,16 +3222,16 @@ input[type="button"].btn-block { height: 1px; margin: 0.5rem 0; overflow: hidden; - background-color: #e5e5e5; + background-color: #eceeef; } .dropdown-item { display: block; width: 100%; - padding: 3px 20px; + padding: 3px 1.5rem; clear: both; font-weight: normal; - color: #373a3c; + color: #292b2c; text-align: inherit; white-space: nowrap; background: none; @@ -2953,35 +3239,28 @@ input[type="button"].btn-block { } .dropdown-item:focus, .dropdown-item:hover { - color: #2b2d2f; + color: #1d1e1f; text-decoration: none; - background-color: #f5f5f5; + background-color: #f7f7f9; } -.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: #818a91; } -.dropdown-item.disabled:focus, .dropdown-item.disabled:hover { - text-decoration: none; +.dropdown-item.disabled, .dropdown-item:disabled { + color: #636c72; cursor: not-allowed; background-color: transparent; - background-image: none; - filter: "progid:DXImageTransform.Microsoft.gradient(enabled = false)"; } -.open > .dropdown-menu { +.show > .dropdown-menu { display: block; } -.open > a { +.show > a { outline: 0; } @@ -2997,9 +3276,10 @@ input[type="button"].btn-block { .dropdown-header { display: block; - padding: 5px 20px; + padding: 0.5rem 1.5rem; + margin-bottom: 0; font-size: 0.875rem; - color: #818a91; + color: #636c72; white-space: nowrap; } @@ -3023,20 +3303,31 @@ input[type="button"].btn-block { .navbar-fixed-bottom .dropdown .dropdown-menu { top: auto; bottom: 100%; - margin-bottom: 2px; + margin-bottom: 0.125rem; } .btn-group, .btn-group-vertical { position: relative; - display: inline-block; + display: -webkit-box; + display: -webkit-flex; + display: -ms-flexbox; + display: flex; vertical-align: middle; } .btn-group > .btn, .btn-group-vertical > .btn { position: relative; - float: left; + -webkit-box-flex: 0; + -webkit-flex: 0 1 auto; + -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, @@ -3046,37 +3337,30 @@ input[type="button"].btn-block { 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; + display: -webkit-box; + display: -webkit-flex; + display: -ms-flexbox; + display: flex; + -webkit-box-pack: start; + -webkit-justify-content: flex-start; + -ms-flex-pack: start; + justify-content: flex-start; } -.btn-toolbar::after { - content: ""; - display: table; - clear: both; -} - -.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) { @@ -3154,23 +3438,29 @@ input[type="button"].btn-block { border-width: 0 0.3em 0.3em; } -.btn-group-vertical > .btn, -.btn-group-vertical > .btn-group, -.btn-group-vertical > .btn-group > .btn { - display: block; - float: none; +.btn-group-vertical { + display: -webkit-inline-box; + display: -webkit-inline-flex; + display: -ms-inline-flexbox; + display: inline-flex; + -webkit-box-orient: vertical; + -webkit-box-direction: normal; + -webkit-flex-direction: column; + -ms-flex-direction: column; + flex-direction: column; + -webkit-box-align: start; + -webkit-align-items: flex-start; + -ms-flex-align: start; + align-items: flex-start; + -webkit-box-pack: center; + -webkit-justify-content: center; + -ms-flex-pack: center; + justify-content: center; +} + +.btn-group-vertical .btn, +.btn-group-vertical .btn-group { width: 100%; - max-width: 100%; -} - -.btn-group-vertical > .btn-group::after { - content: ""; - display: table; - clear: both; -} - -.btn-group-vertical > .btn-group > .btn { - float: none; } .btn-group-vertical > .btn + .btn, @@ -3221,16 +3511,21 @@ input[type="button"].btn-block { .input-group { position: relative; + display: -webkit-box; + display: -webkit-flex; + display: -ms-flexbox; + display: flex; width: 100%; - display: table; - border-collapse: separate; } .input-group .form-control { position: relative; z-index: 2; - float: left; - width: 100%; + -webkit-box-flex: 1; + -webkit-flex: 1 1 auto; + -ms-flex: 1 1 auto; + flex: 1 1 auto; + width: 1%; margin-bottom: 0; } @@ -3241,7 +3536,19 @@ input[type="button"].btn-block { .input-group-addon, .input-group-btn, .input-group .form-control { - display: table-cell; + display: -webkit-box; + display: -webkit-flex; + display: -ms-flexbox; + display: flex; + -webkit-box-orient: vertical; + -webkit-box-direction: normal; + -webkit-flex-direction: column; + -ms-flex-direction: column; + flex-direction: column; + -webkit-box-pack: center; + -webkit-justify-content: center; + -ms-flex-pack: center; + justify-content: center; } .input-group-addon:not(:first-child):not(:last-child), @@ -3252,7 +3559,6 @@ input[type="button"].btn-block { .input-group-addon, .input-group-btn { - width: 1%; white-space: nowrap; vertical-align: middle; } @@ -3263,7 +3569,7 @@ input[type="button"].btn-block { font-size: 1rem; font-weight: normal; line-height: 1.25; - color: #55595c; + color: #464a4c; text-align: center; background-color: #eceeef; border: 1px solid rgba(0, 0, 0, 0.15); @@ -3329,6 +3635,10 @@ input[type="button"].btn-block { .input-group-btn > .btn { position: relative; + -webkit-box-flex: 1; + -webkit-flex: 1 1 0%; + -ms-flex: 1 1 0%; + flex: 1 1 0%; } .input-group-btn > .btn + .btn { @@ -3359,15 +3669,16 @@ input[type="button"].btn-block { .custom-control { position: relative; - display: inline; + display: -webkit-inline-box; + display: -webkit-inline-flex; + display: -ms-inline-flexbox; + display: inline-flex; + min-height: 1.5rem; padding-left: 1.5rem; + margin-right: 1rem; cursor: pointer; } -.custom-control + .custom-control { - margin-left: 1rem; -} - .custom-control-input { position: absolute; z-index: -1; @@ -3376,32 +3687,32 @@ input[type="button"].btn-block { .custom-control-input:checked ~ .custom-control-indicator { color: #fff; - background-color: #0074d9; + background-color: #0275d8; } .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; + -webkit-box-shadow: 0 0 0 1px #fff, 0 0 0 3px #0275d8; + box-shadow: 0 0 0 1px #fff, 0 0 0 3px #0275d8; } .custom-control-input:active ~ .custom-control-indicator { color: #fff; - background-color: #84c6ff; + background-color: #8fcafe; } .custom-control-input:disabled ~ .custom-control-indicator { cursor: not-allowed; - background-color: #eee; + background-color: #eceeef; } .custom-control-input:disabled ~ .custom-control-description { - color: #767676; + color: #636c72; cursor: not-allowed; } .custom-control-indicator { position: absolute; - top: .0625rem; + top: 0.25rem; left: 0; display: block; width: 1rem; @@ -3427,7 +3738,7 @@ input[type="button"].btn-block { } .custom-checkbox .custom-control-input:indeterminate ~ .custom-control-indicator { - background-color: #0074d9; + background-color: #0275d8; 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"); } @@ -3439,14 +3750,20 @@ input[type="button"].btn-block { 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 .custom-control { - display: inline; +.custom-controls-stacked { + display: -webkit-box; + display: -webkit-flex; + display: -ms-flexbox; + display: flex; + -webkit-box-orient: vertical; + -webkit-box-direction: normal; + -webkit-flex-direction: column; + -ms-flex-direction: column; + flex-direction: column; } -.custom-controls-stacked .custom-control::after { - display: block; +.custom-controls-stacked .custom-control { margin-bottom: 0.25rem; - content: ""; } .custom-controls-stacked .custom-control + .custom-control { @@ -3456,12 +3773,12 @@ input[type="button"].btn-block { .custom-select { display: inline-block; max-width: 100%; + height: calc(2.25rem + 2px); padding: 0.375rem 1.75rem 0.375rem 0.75rem; - padding-right: 0.75rem \9; - color: #55595c; + line-height: 1.25; + color: #464a4c; 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; border: 1px solid rgba(0, 0, 0, 0.15); @@ -3471,17 +3788,17 @@ input[type="button"].btn-block { } .custom-select:focus { - border-color: #51a7e8; + border-color: #5cb3fd; outline: none; } .custom-select:focus::-ms-value { - color: #55595c; + color: #464a4c; background-color: #fff; } .custom-select:disabled { - color: #818a91; + color: #636c72; cursor: not-allowed; background-color: #eceeef; } @@ -3501,6 +3818,7 @@ input[type="button"].btn-block { display: inline-block; max-width: 100%; height: 2.5rem; + margin-bottom: 0; cursor: pointer; } @@ -3521,13 +3839,13 @@ input[type="button"].btn-block { height: 2.5rem; padding: 0.5rem 1rem; line-height: 1.5; - color: #555; + color: #464a4c; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; background-color: #fff; - border: 1px solid #ddd; + border: 1px solid rgba(0, 0, 0, 0.15); border-radius: 0.25rem; } @@ -3545,9 +3863,9 @@ input[type="button"].btn-block { height: 2.5rem; padding: 0.5rem 1rem; line-height: 1.5; - color: #555; - background-color: #eee; - border: 1px solid #ddd; + color: #464a4c; + background-color: #eceeef; + border: 1px solid rgba(0, 0, 0, 0.15); border-radius: 0 0.25rem 0.25rem 0; } @@ -3556,13 +3874,18 @@ input[type="button"].btn-block { } .nav { + display: -webkit-box; + display: -webkit-flex; + display: -ms-flexbox; + display: flex; padding-left: 0; margin-bottom: 0; list-style: none; } .nav-link { - display: inline-block; + display: block; + padding: 0.5em 1em; } .nav-link:focus, .nav-link:hover { @@ -3570,46 +3893,19 @@ input[type="button"].btn-block { } .nav-link.disabled { - color: #818a91; -} - -.nav-link.disabled, .nav-link.disabled:focus, .nav-link.disabled:hover { - color: #818a91; + 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; } .nav-tabs { border-bottom: 1px solid #ddd; } -.nav-tabs::after { - content: ""; - display: table; - 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; @@ -3619,19 +3915,17 @@ input[type="button"].btn-block { border-color: #eceeef #eceeef #ddd; } -.nav-tabs .nav-link.disabled, .nav-tabs .nav-link.disabled:focus, .nav-tabs .nav-link.disabled:hover { - color: #818a91; +.nav-tabs .nav-link.disabled { + color: #636c72; 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: #55595c; +.nav-tabs .nav-link.active, +.nav-tabs .nav-item.show .nav-link { + color: #464a4c; background-color: #fff; - border-color: #ddd #ddd transparent; + border-color: #ddd #ddd #fff; } .nav-tabs .dropdown-menu { @@ -3640,43 +3934,31 @@ input[type="button"].btn-block { border-top-left-radius: 0; } -.nav-pills::after { - content: ""; - display: table; - clear: both; -} - -.nav-pills .nav-item { - float: left; -} - -.nav-pills .nav-item + .nav-item { - margin-left: 0.2rem; -} - .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, +.nav-pills .nav-item.show .nav-link { color: #fff; cursor: default; background-color: #0275d8; } -.nav-stacked .nav-item { - display: block; - float: none; +.nav-fill .nav-item { + -webkit-box-flex: 1; + -webkit-flex: 1 1 auto; + -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 { + -webkit-box-flex: 1; + -webkit-flex: 1 1 100%; + -ms-flex: 1 1 100%; + flex: 1 1 100%; + text-align: center; } .tab-content > .tab-pane { @@ -3689,29 +3971,21 @@ input[type="button"].btn-block { .navbar { position: relative; + display: -webkit-box; + display: -webkit-flex; + display: -ms-flexbox; + display: flex; padding: 0.5rem 1rem; } -.navbar::after { - content: ""; - display: table; - clear: both; -} - -@media (min-width: 544px) { - .navbar { - border-radius: 0.25rem; - } -} - -.navbar-full { - z-index: 1000; +.navbar-toggler-left { + position: absolute; + left: 1rem; } -@media (min-width: 544px) { - .navbar-full { - border-radius: 0; - } +.navbar-toggler-right { + position: absolute; + right: 1rem; } .navbar-fixed-top, @@ -3722,13 +3996,6 @@ input[type="button"].btn-block { z-index: 1030; } -@media (min-width: 544px) { - .navbar-fixed-top, - .navbar-fixed-bottom { - border-radius: 0; - } -} - .navbar-fixed-top { top: 0; } @@ -3742,36 +4009,27 @@ input[type="button"].btn-block { position: sticky; top: 0; z-index: 1030; - width: 100%; -} - -@media (min-width: 544px) { - .navbar-sticky-top { - border-radius: 0; - } } .navbar-brand { - float: left; - padding-top: 0.25rem; - padding-bottom: 0.25rem; + display: inline-block; + padding-top: .25rem; + padding-bottom: .25rem; margin-right: 1rem; font-size: 1.25rem; + line-height: inherit; + white-space: nowrap; } .navbar-brand:focus, .navbar-brand:hover { text-decoration: none; } -.navbar-brand > img { - display: block; -} - .navbar-divider { float: left; width: 1px; - padding-top: .425rem; - padding-bottom: .425rem; + padding-top: 0.425rem; + padding-bottom: 0.425rem; margin-right: 1rem; margin-left: 1rem; overflow: hidden; @@ -3781,11 +4039,17 @@ input[type="button"].btn-block { content: "\00a0"; } +.navbar-text { + display: inline-block; + padding-top: .425rem; + padding-bottom: .425rem; +} + .navbar-toggler { - padding: .5rem .75rem; + padding: 0.25rem 0.75rem; font-size: 1.25rem; line-height: 1; - background: none; + background: transparent; border: 1px solid transparent; border-radius: 0.25rem; } @@ -3794,8 +4058,22 @@ input[type="button"].btn-block { text-decoration: none; } -.navbar-nav .nav-item { - float: left; +.navbar-toggler-icon { + display: inline-block; + width: 1.5em; + height: 1.5em; + vertical-align: middle; + content: ""; + background: no-repeat center center; + -webkit-background-size: 100% 100%; + background-size: 100% 100%; +} + +.navbar-nav { + -webkit-box-flex: 10; + -webkit-flex-grow: 10; + -ms-flex-positive: 10; + flex-grow: 10; } .navbar-nav .nav-link { @@ -3804,156 +4082,409 @@ input[type="button"].btn-block { padding-bottom: .425rem; } -.navbar-nav .nav-link + .nav-link { - margin-left: 1rem; +.navbar-light .navbar-brand, +.navbar-light .navbar-toggler { + color: rgba(0, 0, 0, 0.9); } -.navbar-nav .nav-item + .nav-item { - margin-left: 1rem; +.navbar-light .navbar-brand:focus, .navbar-light .navbar-brand:hover, +.navbar-light .navbar-toggler:focus, +.navbar-light .navbar-toggler:hover { + color: rgba(0, 0, 0, 0.9); } -.navbar-light .navbar-brand { - color: rgba(0, 0, 0, 0.8); +.navbar-light .navbar-nav .nav-link { + color: rgba(0, 0, 0, 0.5); } -.navbar-light .navbar-brand:focus, .navbar-light .navbar-brand:hover { - color: rgba(0, 0, 0, 0.8); +.navbar-light .navbar-nav .nav-link:focus, .navbar-light .navbar-nav .nav-link:hover { + color: rgba(0, 0, 0, 0.7); } -.navbar-light .navbar-nav .nav-link { +.navbar-light .navbar-nav .nav-link.disabled { color: rgba(0, 0, 0, 0.3); } -.navbar-light .navbar-nav .nav-link:focus, .navbar-light .navbar-nav .nav-link:hover { - color: rgba(0, 0, 0, 0.6); -} - -.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 .open > .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 { - color: rgba(0, 0, 0, 0.8); +.navbar-light .navbar-nav .nav-link.active { + color: rgba(0, 0, 0, 0.9); +} + +.navbar-light .navbar-toggler { + border-color: rgba(0, 0, 0, 0.1); +} + +.navbar-light .navbar-toggler-icon { + background-image: url("data:image/svg+xml;charset=utf8,%3Csvg viewBox='0 0 32 32' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath stroke='rgba(0, 0, 0, 0.5)' stroke-width='2' stroke-linecap='round' stroke-miterlimit='10' d='M4 8h24M4 16h24M4 24h24'/%3E%3C/svg%3E"); } .navbar-light .navbar-divider { background-color: rgba(0, 0, 0, 0.075); } -.navbar-dark .navbar-brand { +.navbar-light .navbar-text { + color: rgba(0, 0, 0, 0.5); +} + +.navbar-inverse .navbar-brand, +.navbar-inverse .navbar-toggler { color: white; } -.navbar-dark .navbar-brand:focus, .navbar-dark .navbar-brand:hover { +.navbar-inverse .navbar-brand:focus, .navbar-inverse .navbar-brand:hover, +.navbar-inverse .navbar-toggler:focus, +.navbar-inverse .navbar-toggler:hover { color: white; } -.navbar-dark .navbar-nav .nav-link { +.navbar-inverse .navbar-nav .nav-link { color: rgba(255, 255, 255, 0.5); } -.navbar-dark .navbar-nav .nav-link:focus, .navbar-dark .navbar-nav .nav-link:hover { +.navbar-inverse .navbar-nav .nav-link:focus, .navbar-inverse .navbar-nav .nav-link:hover { color: rgba(255, 255, 255, 0.75); } -.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 .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-inverse .navbar-nav .nav-link.disabled { + color: rgba(255, 255, 255, 0.25); +} + +.navbar-inverse .navbar-nav .open > .nav-link, +.navbar-inverse .navbar-nav .active > .nav-link, +.navbar-inverse .navbar-nav .nav-link.open, +.navbar-inverse .navbar-nav .nav-link.active { color: white; } -.navbar-dark .navbar-divider { +.navbar-inverse .navbar-toggler { + border-color: rgba(255, 255, 255, 0.1); +} + +.navbar-inverse .navbar-toggler-icon { + background-image: url("data:image/svg+xml;charset=utf8,%3Csvg viewBox='0 0 32 32' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath stroke='rgba(255, 255, 255, 0.5)' stroke-width='2' stroke-linecap='round' stroke-miterlimit='10' d='M4 8h24M4 16h24M4 24h24'/%3E%3C/svg%3E"); +} + +.navbar-inverse .navbar-divider { background-color: rgba(255, 255, 255, 0.075); } -.navbar-toggleable-xs::after { - content: ""; - display: table; - clear: both; +.navbar-inverse .navbar-text { + color: rgba(255, 255, 255, 0.5); } -@media (max-width: 543px) { - .navbar-toggleable-xs .navbar-nav .nav-item { +@media (max-width: 575px) { + .navbar-toggleable .navbar-nav .dropdown-menu { + position: static; float: none; - margin-left: 0; } -} - -@media (min-width: 544px) { - .navbar-toggleable-xs { - display: block !important; + .navbar-toggleable > .container { + padding-right: 0; + padding-left: 0; } } -.navbar-toggleable-sm::after { - content: ""; - display: table; - clear: both; +@media (min-width: 576px) { + .navbar-toggleable { + display: -webkit-box; + display: -webkit-flex; + display: -ms-flexbox; + display: flex; + -webkit-flex-wrap: nowrap; + -ms-flex-wrap: nowrap; + flex-wrap: nowrap; + -webkit-box-align: center; + -webkit-align-items: center; + -ms-flex-align: center; + align-items: center; + } + .navbar-toggleable > .container { + display: -webkit-box; + display: -webkit-flex; + display: -ms-flexbox; + display: flex; + -webkit-flex-wrap: nowrap; + -ms-flex-wrap: nowrap; + flex-wrap: nowrap; + -webkit-box-align: center; + -webkit-align-items: center; + -ms-flex-align: center; + align-items: center; + } + .navbar-toggleable .navbar-collapse { + display: -webkit-box !important; + display: -webkit-flex !important; + display: -ms-flexbox !important; + display: flex !important; + width: 100%; + } + .navbar-toggleable .nav-item { + display: inline-block; + } + .navbar-toggleable .nav-link { + padding-right: .5rem; + padding-left: .5rem; + } + .navbar-toggleable .navbar-toggler { + display: none; + } } @media (max-width: 767px) { - .navbar-toggleable-sm .navbar-nav .nav-item { + .navbar-toggleable-sm .navbar-nav .dropdown-menu { + position: static; float: none; - margin-left: 0; + } + .navbar-toggleable-sm > .container { + padding-right: 0; + padding-left: 0; } } @media (min-width: 768px) { .navbar-toggleable-sm { - display: block !important; + display: -webkit-box; + display: -webkit-flex; + display: -ms-flexbox; + display: flex; + -webkit-flex-wrap: nowrap; + -ms-flex-wrap: nowrap; + flex-wrap: nowrap; + -webkit-box-align: center; + -webkit-align-items: center; + -ms-flex-align: center; + align-items: center; + } + .navbar-toggleable-sm > .container { + display: -webkit-box; + display: -webkit-flex; + display: -ms-flexbox; + display: flex; + -webkit-flex-wrap: nowrap; + -ms-flex-wrap: nowrap; + flex-wrap: nowrap; + -webkit-box-align: center; + -webkit-align-items: center; + -ms-flex-align: center; + align-items: center; + } + .navbar-toggleable-sm .navbar-collapse { + display: -webkit-box !important; + display: -webkit-flex !important; + display: -ms-flexbox !important; + display: flex !important; + width: 100%; + } + .navbar-toggleable-sm .nav-item { + display: inline-block; + } + .navbar-toggleable-sm .nav-link { + padding-right: .5rem; + padding-left: .5rem; + } + .navbar-toggleable-sm .navbar-toggler { + display: none; } -} - -.navbar-toggleable-md::after { - content: ""; - display: table; - clear: both; } @media (max-width: 991px) { - .navbar-toggleable-md .navbar-nav .nav-item { + .navbar-toggleable-md .navbar-nav .dropdown-menu { + position: static; float: none; - margin-left: 0; + } + .navbar-toggleable-md > .container { + padding-right: 0; + padding-left: 0; } } @media (min-width: 992px) { .navbar-toggleable-md { - display: block !important; + display: -webkit-box; + display: -webkit-flex; + display: -ms-flexbox; + display: flex; + -webkit-flex-wrap: nowrap; + -ms-flex-wrap: nowrap; + flex-wrap: nowrap; + -webkit-box-align: center; + -webkit-align-items: center; + -ms-flex-align: center; + align-items: center; + } + .navbar-toggleable-md > .container { + display: -webkit-box; + display: -webkit-flex; + display: -ms-flexbox; + display: flex; + -webkit-flex-wrap: nowrap; + -ms-flex-wrap: nowrap; + flex-wrap: nowrap; + -webkit-box-align: center; + -webkit-align-items: center; + -ms-flex-align: center; + align-items: center; + } + .navbar-toggleable-md .navbar-collapse { + display: -webkit-box !important; + display: -webkit-flex !important; + display: -ms-flexbox !important; + display: flex !important; + width: 100%; + } + .navbar-toggleable-md .nav-item { + display: inline-block; + } + .navbar-toggleable-md .nav-link { + padding-right: .5rem; + padding-left: .5rem; + } + .navbar-toggleable-md .navbar-toggler { + display: none; + } +} + +@media (max-width: 1199px) { + .navbar-toggleable-lg .navbar-nav .dropdown-menu { + position: static; + float: none; + } + .navbar-toggleable-lg > .container { + padding-right: 0; + padding-left: 0; + } +} + +@media (min-width: 1200px) { + .navbar-toggleable-lg { + display: -webkit-box; + display: -webkit-flex; + display: -ms-flexbox; + display: flex; + -webkit-flex-wrap: nowrap; + -ms-flex-wrap: nowrap; + flex-wrap: nowrap; + -webkit-box-align: center; + -webkit-align-items: center; + -ms-flex-align: center; + align-items: center; + } + .navbar-toggleable-lg > .container { + display: -webkit-box; + display: -webkit-flex; + display: -ms-flexbox; + display: flex; + -webkit-flex-wrap: nowrap; + -ms-flex-wrap: nowrap; + flex-wrap: nowrap; + -webkit-box-align: center; + -webkit-align-items: center; + -ms-flex-align: center; + align-items: center; + } + .navbar-toggleable-lg .navbar-collapse { + display: -webkit-box !important; + display: -webkit-flex !important; + display: -ms-flexbox !important; + display: flex !important; + width: 100%; + } + .navbar-toggleable-lg .nav-item { + display: inline-block; + } + .navbar-toggleable-lg .nav-link { + padding-right: .5rem; + padding-left: .5rem; } + .navbar-toggleable-lg .navbar-toggler { + display: none; + } +} + +.navbar-toggleable-xl { + display: -webkit-box; + display: -webkit-flex; + display: -ms-flexbox; + display: flex; + -webkit-flex-wrap: nowrap; + -ms-flex-wrap: nowrap; + flex-wrap: nowrap; + -webkit-box-align: center; + -webkit-align-items: center; + -ms-flex-align: center; + align-items: center; +} + +.navbar-toggleable-xl .navbar-nav .dropdown-menu { + position: static; + float: none; +} + +.navbar-toggleable-xl > .container { + padding-right: 0; + padding-left: 0; +} + +.navbar-toggleable-xl > .container { + display: -webkit-box; + display: -webkit-flex; + display: -ms-flexbox; + display: flex; + -webkit-flex-wrap: nowrap; + -ms-flex-wrap: nowrap; + flex-wrap: nowrap; + -webkit-box-align: center; + -webkit-align-items: center; + -ms-flex-align: center; + align-items: center; +} + +.navbar-toggleable-xl .navbar-collapse { + display: -webkit-box !important; + display: -webkit-flex !important; + display: -ms-flexbox !important; + display: flex !important; + width: 100%; +} + +.navbar-toggleable-xl .nav-item { + display: inline-block; +} + +.navbar-toggleable-xl .nav-link { + padding-right: .5rem; + padding-left: .5rem; +} + +.navbar-toggleable-xl .navbar-toggler { + display: none; } .card { position: relative; - display: block; - margin-bottom: 0.75rem; + display: -webkit-box; + display: -webkit-flex; + display: -ms-flexbox; + display: flex; + -webkit-box-orient: vertical; + -webkit-box-direction: normal; + -webkit-flex-direction: column; + -ms-flex-direction: column; + flex-direction: column; background-color: #fff; - border-radius: 0.25rem; border: 1px solid rgba(0, 0, 0, 0.125); + border-radius: 0.25rem; } .card-block { + -webkit-box-flex: 1; + -webkit-flex: 1 1 auto; + -ms-flex: 1 1 auto; + flex: 1 1 auto; padding: 1.25rem; } -.card-block::after { - content: ""; - display: table; - clear: both; -} - .card-title { margin-bottom: 0.75rem; } @@ -3987,34 +4518,23 @@ input[type="button"].btn-block { .card-header { padding: 0.75rem 1.25rem; - background-color: #f5f5f5; + margin-bottom: 0; + background-color: #f7f7f9; border-bottom: 1px solid rgba(0, 0, 0, 0.125); } -.card-header::after { - content: ""; - display: table; - clear: both; -} - .card-header:first-child { - border-radius: 0.25rem 0.25rem 0 0; + border-radius: calc(0.25rem - 1px) calc(0.25rem - 1px) 0 0; } .card-footer { padding: 0.75rem 1.25rem; - background-color: #f5f5f5; + background-color: #f7f7f9; border-top: 1px solid rgba(0, 0, 0, 0.125); } -.card-footer::after { - content: ""; - display: table; - clear: both; -} - .card-footer:last-child { - border-radius: 0 0 0.25rem 0.25rem; + border-radius: 0 0 calc(0.25rem - 1px) calc(0.25rem - 1px); } .card-header-tabs { @@ -4109,8 +4629,13 @@ input[type="button"].btn-block { 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); } @@ -4139,7 +4664,7 @@ input[type="button"].btn-block { } .card-img { - border-radius: 0.25rem; + border-radius: calc(0.25rem - 1px); } .card-img-overlay { @@ -4152,43 +4677,63 @@ input[type="button"].btn-block { } .card-img-top { - border-top-right-radius: 0.25rem; - border-top-left-radius: 0.25rem; + border-top-right-radius: calc(0.25rem - 1px); + border-top-left-radius: calc(0.25rem - 1px); } .card-img-bottom { - border-bottom-right-radius: 0.25rem; - border-bottom-left-radius: 0.25rem; + border-bottom-right-radius: calc(0.25rem - 1px); + border-bottom-left-radius: calc(0.25rem - 1px); } -@media (min-width: 544px) { +@media (min-width: 576px) { .card-deck { - display: table; - width: 100%; - margin-bottom: 0.75rem; - table-layout: fixed; - border-spacing: 1.25rem 0; + display: -webkit-box; + display: -webkit-flex; + display: -ms-flexbox; + display: flex; + -webkit-flex-flow: row wrap; + -ms-flex-flow: row wrap; + flex-flow: row wrap; } .card-deck .card { - display: table-cell; - margin-bottom: 0; - vertical-align: top; + display: -webkit-box; + display: -webkit-flex; + display: -ms-flexbox; + display: flex; + -webkit-box-flex: 1; + -webkit-flex: 1 0 0%; + -ms-flex: 1 0 0%; + flex: 1 0 0%; + -webkit-box-orient: vertical; + -webkit-box-direction: normal; + -webkit-flex-direction: column; + -ms-flex-direction: column; + flex-direction: column; + } + .card-deck .card:not(:first-child) { + margin-left: 15px; } - .card-deck-wrapper { - margin-right: -1.25rem; - margin-left: -1.25rem; + .card-deck .card:not(:last-child) { + margin-right: 15px; } } -@media (min-width: 544px) { +@media (min-width: 576px) { .card-group { - display: table; - width: 100%; - table-layout: fixed; + display: -webkit-box; + display: -webkit-flex; + display: -ms-flexbox; + display: flex; + -webkit-flex-flow: row wrap; + -ms-flex-flow: row wrap; + flex-flow: row wrap; } .card-group .card { - display: table-cell; - vertical-align: top; + -webkit-box-flex: 1; + -webkit-flex: 1 0 0%; + -ms-flex: 1 0 0%; + flex: 1 0 0%; } .card-group .card + .card { margin-left: 0; @@ -4223,7 +4768,7 @@ input[type="button"].btn-block { } } -@media (min-width: 544px) { +@media (min-width: 576px) { .card-columns { -webkit-column-count: 3; -moz-column-count: 3; @@ -4233,7 +4778,9 @@ input[type="button"].btn-block { column-gap: 1.25rem; } .card-columns .card { + display: inline-block; width: 100%; + margin-bottom: 0.75rem; } } @@ -4246,8 +4793,8 @@ input[type="button"].btn-block { } .breadcrumb::after { + display: block; content: ""; - display: table; clear: both; } @@ -4259,7 +4806,7 @@ input[type="button"].btn-block { display: inline-block; padding-right: 0.5rem; padding-left: 0.5rem; - color: #818a91; + color: #636c72; content: "/"; } @@ -4272,21 +4819,19 @@ input[type="button"].btn-block { } .breadcrumb-item.active { - color: #818a91; + color: #636c72; } .pagination { - display: inline-block; + display: -webkit-box; + display: -webkit-flex; + 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; @@ -4298,16 +4843,15 @@ input[type="button"].btn-block { border-top-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; } -.page-item.disabled .page-link, .page-item.disabled .page-link:focus, .page-item.disabled .page-link:hover { - color: #818a91; +.page-item.disabled .page-link { + color: #636c72; pointer-events: none; cursor: not-allowed; background-color: #fff; @@ -4316,17 +4860,18 @@ input[type="button"].btn-block { .page-link { position: relative; - float: left; + display: block; padding: 0.5rem 0.75rem; margin-left: -1px; + line-height: 1.25; color: #0275d8; - text-decoration: none; background-color: #fff; border: 1px solid #ddd; } .page-link:focus, .page-link:hover { color: #014c8c; + text-decoration: none; background-color: #eceeef; border-color: #ddd; } @@ -4347,7 +4892,7 @@ input[type="button"].btn-block { } .pagination-sm .page-link { - padding: 0.275rem 0.75rem; + padding: 0.25rem 0.5rem; font-size: 0.875rem; } @@ -4361,7 +4906,7 @@ input[type="button"].btn-block { border-top-right-radius: 0.2rem; } -.tag { +.badge { display: inline-block; padding: 0.25em 0.4em; font-size: 75%; @@ -4374,72 +4919,72 @@ input[type="button"].btn-block { border-radius: 0.25rem; } -.tag:empty { +.badge:empty { display: none; } -.btn .tag { +.btn .badge { position: relative; top: -1px; } -a.tag:focus, a.tag:hover { +a.badge:focus, a.badge:hover { color: #fff; text-decoration: none; cursor: pointer; } -.tag-pill { +.badge-pill { padding-right: 0.6em; padding-left: 0.6em; border-radius: 10rem; } -.tag-default { - background-color: #818a91; +.badge-default { + background-color: #636c72; } -.tag-default[href]:focus, .tag-default[href]:hover { - background-color: #687077; +.badge-default[href]:focus, .badge-default[href]:hover { + background-color: #4b5257; } -.tag-primary { +.badge-primary { background-color: #0275d8; } -.tag-primary[href]:focus, .tag-primary[href]:hover { +.badge-primary[href]:focus, .badge-primary[href]:hover { background-color: #025aa5; } -.tag-success { +.badge-success { background-color: #5cb85c; } -.tag-success[href]:focus, .tag-success[href]:hover { +.badge-success[href]:focus, .badge-success[href]:hover { background-color: #449d44; } -.tag-info { +.badge-info { background-color: #5bc0de; } -.tag-info[href]:focus, .tag-info[href]:hover { +.badge-info[href]:focus, .badge-info[href]:hover { background-color: #31b0d5; } -.tag-warning { +.badge-warning { background-color: #f0ad4e; } -.tag-warning[href]:focus, .tag-warning[href]:hover { +.badge-warning[href]:focus, .badge-warning[href]:hover { background-color: #ec971f; } -.tag-danger { +.badge-danger { background-color: #d9534f; } -.tag-danger[href]:focus, .tag-danger[href]:hover { +.badge-danger[href]:focus, .badge-danger[href]:hover { background-color: #c9302c; } @@ -4450,7 +4995,7 @@ a.tag:focus, a.tag:hover { border-radius: 0.3rem; } -@media (min-width: 544px) { +@media (min-width: 576px) { .jumbotron { padding: 4rem 2rem; } @@ -4467,7 +5012,7 @@ a.tag:focus, a.tag:hover { } .alert { - padding: 1rem; + padding: 0.75rem 1.25rem; margin-bottom: 1rem; border: 1px solid transparent; border-radius: 0.25rem; @@ -4481,14 +5026,11 @@ a.tag:focus, a.tag:hover { font-weight: bold; } -.alert-dismissible { - padding-right: 2rem; -} - .alert-dismissible .close { position: relative; - top: -.125rem; - right: -1rem; + top: -0.75rem; + right: -1.25rem; + padding: 0.75rem 1.25rem; color: inherit; } @@ -4580,10 +5122,11 @@ a.tag:focus, a.tag:hover { width: 100%; height: 1rem; margin-bottom: 1rem; + overflow: hidden; } .progress[value] { - background-color: #eee; + background-color: #eceeef; border: 0; -webkit-appearance: none; -moz-appearance: none; @@ -4592,60 +5135,25 @@ a.tag:focus, a.tag:hover { } .progress[value]::-ms-fill { - background-color: #0074d9; + background-color: #0275d8; border: 0; } .progress[value]::-moz-progress-bar { - background-color: #0074d9; - border-bottom-left-radius: 0.25rem; - border-top-left-radius: 0.25rem; + background-color: #0275d8; } .progress[value]::-webkit-progress-value { - background-color: #0074d9; - border-bottom-left-radius: 0.25rem; - border-top-left-radius: 0.25rem; -} - -.progress[value="100"]::-moz-progress-bar { - border-bottom-right-radius: 0.25rem; - border-top-right-radius: 0.25rem; -} - -.progress[value="100"]::-webkit-progress-value { - border-bottom-right-radius: 0.25rem; - border-top-right-radius: 0.25rem; + background-color: #0275d8; } .progress[value]::-webkit-progress-bar { - background-color: #eee; - border-radius: 0.25rem; + background-color: #eceeef; } base::-moz-progress-bar, .progress[value] { - background-color: #eee; - border-radius: 0.25rem; -} - -@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; - border-bottom-left-radius: 0.25rem; - border-top-left-radius: 0.25rem; - } - .progress[width="100%"] { - border-bottom-right-radius: 0.25rem; - border-top-right-radius: 0.25rem; - } + background-color: #eceeef; } .progress-striped[value]::-webkit-progress-value { @@ -4665,16 +5173,6 @@ base::-moz-progress-bar, 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; @@ -4684,14 +5182,6 @@ base::-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; } @@ -4704,12 +5194,6 @@ base::-moz-progress-bar, 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; } @@ -4722,12 +5206,6 @@ base::-moz-progress-bar, 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; } @@ -4740,12 +5218,6 @@ base::-moz-progress-bar, 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; } @@ -4758,74 +5230,76 @@ base::-moz-progress-bar, background-color: #d9534f; } -@media screen and (min-width: 0\0) { - .progress-danger .progress-bar { - background-color: #d9534f; - } -} - -.media, -.media-body { - overflow: hidden; -} - -.media-body { - width: 10000px; +.media { + display: -webkit-box; + display: -webkit-flex; + display: -ms-flexbox; + display: flex; + -webkit-box-align: start; + -webkit-align-items: flex-start; + -ms-flex-align: start; + align-items: flex-start; } -.media-left, -.media-right, .media-body { - display: table-cell; - vertical-align: top; + -webkit-box-flex: 1; + -webkit-flex: 1 1 0%; + -ms-flex: 1 1 0%; + flex: 1 1 0%; } -.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; +.list-group { + display: -webkit-box; + display: -webkit-flex; + display: -ms-flexbox; + display: flex; + -webkit-box-orient: vertical; + -webkit-box-direction: normal; + -webkit-flex-direction: column; + -ms-flex-direction: column; + flex-direction: column; + padding-left: 0; + margin-bottom: 0; } -.media-left { - padding-right: 10px; +.list-group-item-action { + width: 100%; + color: #464a4c; + text-align: inherit; } -.media-heading { - margin-top: 0; - margin-bottom: 5px; +.list-group-item-action .list-group-item-heading { + color: #292b2c; } -.media-list { - padding-left: 0; - list-style: none; +.list-group-item-action:focus, .list-group-item-action:hover { + color: #464a4c; + text-decoration: none; + background-color: #f7f7f9; } -.list-group { - padding-left: 0; - margin-bottom: 0; +.list-group-item-action:active { + color: #292b2c; + background-color: #eceeef; } .list-group-item { position: relative; - display: block; + display: -webkit-box; + display: -webkit-flex; + display: -ms-flexbox; + display: flex; + -webkit-flex-flow: row wrap; + -ms-flex-flow: row wrap; + flex-flow: row wrap; + -webkit-box-align: center; + -webkit-align-items: center; + -ms-flex-align: center; + align-items: center; padding: 0.75rem 1.25rem; margin-bottom: -1px; background-color: #fff; - border: 1px solid #ddd; + border: 1px solid rgba(0, 0, 0, 0.125); } .list-group-item:first-child { @@ -4839,60 +5313,53 @@ 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: #818a91; +.list-group-item:focus, .list-group-item:hover { + text-decoration: none; +} + +.list-group-item.disabled, .list-group-item:disabled { + color: #636c72; cursor: not-allowed; - background-color: #eceeef; + background-color: #fff; } -.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 { +.list-group-item.disabled .list-group-item-heading, .list-group-item:disabled .list-group-item-heading { color: inherit; } -.list-group-item.disabled .list-group-item-text, .list-group-item.disabled:focus .list-group-item-text, .list-group-item.disabled:hover .list-group-item-text { - color: #818a91; +.list-group-item.disabled .list-group-item-text, .list-group-item:disabled .list-group-item-text { + color: #636c72; } -.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 { +.list-group-item.active .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: #a8d6fe; +.list-group-item.active .list-group-item-text { + color: #daeeff; } .list-group-flush .list-group-item { + border-right: 0; + border-left: 0; border-radius: 0; } -.list-group-item-action { - width: 100%; - color: #555; - text-align: inherit; -} - -.list-group-item-action .list-group-item-heading { - color: #333; +.list-group-flush:first-child .list-group-item:first-child { + border-top: 0; } -.list-group-item-action:focus, .list-group-item-action:hover { - color: #555; - text-decoration: none; - background-color: #f5f5f5; +.list-group-flush:last-child .list-group-item:last-child { + border-bottom: 0; } .list-group-item-success { @@ -4917,10 +5384,8 @@ button.list-group-item-success:hover { background-color: #d0e9c6; } -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; @@ -4948,10 +5413,8 @@ button.list-group-item-info:hover { background-color: #c4e3f3; } -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; @@ -4979,10 +5442,8 @@ button.list-group-item-warning:hover { background-color: #faf2cc; } -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; @@ -5010,25 +5471,13 @@ button.list-group-item-danger:hover { background-color: #ebcccc; } -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; } -.list-group-item-heading { - margin-top: 0; - margin-bottom: 5px; -} - -.list-group-item-text { - margin-bottom: 0; - line-height: 1.3; -} - .embed-responsive { position: relative; display: block; @@ -5074,14 +5523,14 @@ button.list-group-item-danger.active:hover { line-height: 1; color: #000; text-shadow: 0 1px 0 #fff; - opacity: .2; + opacity: .5; } .close:focus, .close:hover { color: #000; text-decoration: none; cursor: pointer; - opacity: .5; + opacity: .75; } button.close { @@ -5106,24 +5555,21 @@ button.close { display: none; overflow: hidden; outline: 0; - -webkit-overflow-scrolling: touch; } .modal.fade .modal-dialog { - -webkit-transition: -webkit-transform .3s ease-out; - transition: -webkit-transform .3s ease-out; - -o-transition: -o-transform .3s ease-out; - transition: transform .3s ease-out; - transition: transform .3s ease-out, -webkit-transform .3s ease-out, -o-transform .3s ease-out; + -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; -webkit-transform: translate(0, -25%); - -ms-transform: translate(0, -25%); -o-transform: translate(0, -25%); transform: translate(0, -25%); } -.modal.in .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); } @@ -5141,6 +5587,15 @@ button.close { .modal-content { position: relative; + display: -webkit-box; + display: -webkit-flex; + display: -ms-flexbox; + display: flex; + -webkit-box-orient: vertical; + -webkit-box-direction: normal; + -webkit-flex-direction: column; + -ms-flex-direction: column; + flex-direction: column; background-color: #fff; -webkit-background-clip: padding-box; background-clip: padding-box; @@ -5163,45 +5618,64 @@ button.close { opacity: 0; } -.modal-backdrop.in { +.modal-backdrop.show { opacity: 0.5; } .modal-header { + display: -webkit-box; + display: -webkit-flex; + display: -ms-flexbox; + display: flex; + -webkit-box-align: center; + -webkit-align-items: center; + -ms-flex-align: center; + align-items: center; + -webkit-box-pack: justify; + -webkit-justify-content: space-between; + -ms-flex-pack: justify; + justify-content: space-between; padding: 15px; - border-bottom: 1px solid #e5e5e5; -} - -.modal-header::after { - content: ""; - display: table; - clear: both; -} - -.modal-header .close { - margin-top: -2px; + border-bottom: 1px solid #eceeef; } .modal-title { - margin: 0; + margin-bottom: 0; line-height: 1.5; } .modal-body { position: relative; + -webkit-box-flex: 1; + -webkit-flex: 1 1 auto; + -ms-flex: 1 1 auto; + flex: 1 1 auto; padding: 15px; } .modal-footer { + display: -webkit-box; + display: -webkit-flex; + display: -ms-flexbox; + display: flex; + -webkit-box-align: center; + -webkit-align-items: center; + -ms-flex-align: center; + align-items: center; + -webkit-box-pack: end; + -webkit-justify-content: flex-end; + -ms-flex-pack: end; + justify-content: flex-end; padding: 15px; - text-align: right; - border-top: 1px solid #e5e5e5; + border-top: 1px solid #eceeef; } -.modal-footer::after { - content: ""; - display: table; - clear: both; +.modal-footer > :not(:first-child) { + margin-left: .25rem; +} + +.modal-footer > :not(:last-child) { + margin-right: .25rem; } .modal-scrollbar-measure { @@ -5212,9 +5686,9 @@ button.close { overflow: scroll; } -@media (min-width: 544px) { +@media (min-width: 576px) { .modal-dialog { - max-width: 600px; + max-width: 500px; margin: 30px auto; } .modal-sm { @@ -5224,7 +5698,7 @@ button.close { @media (min-width: 992px) { .modal-lg { - max-width: 900px; + max-width: 800px; } } @@ -5232,7 +5706,7 @@ button.close { position: absolute; z-index: 1070; display: block; - font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif; + font-family: -apple-system, system-ui, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif; font-style: normal; font-weight: normal; letter-spacing: normal; @@ -5251,7 +5725,7 @@ button.close { opacity: 0; } -.tooltip.in { +.tooltip.show { opacity: 0.9; } @@ -5260,10 +5734,11 @@ button.close { margin-top: -3px; } -.tooltip.tooltip-top .tooltip-arrow, .tooltip.bs-tether-element-attached-bottom .tooltip-arrow { +.tooltip.tooltip-top .tooltip-inner::before, .tooltip.bs-tether-element-attached-bottom .tooltip-inner::before { bottom: 0; left: 50%; margin-left: -5px; + content: ""; border-width: 5px 5px 0; border-top-color: #000; } @@ -5273,10 +5748,11 @@ button.close { margin-left: 3px; } -.tooltip.tooltip-right .tooltip-arrow, .tooltip.bs-tether-element-attached-left .tooltip-arrow { +.tooltip.tooltip-right .tooltip-inner::before, .tooltip.bs-tether-element-attached-left .tooltip-inner::before { top: 50%; left: 0; margin-top: -5px; + content: ""; border-width: 5px 5px 5px 0; border-right-color: #000; } @@ -5286,10 +5762,11 @@ button.close { margin-top: 3px; } -.tooltip.tooltip-bottom .tooltip-arrow, .tooltip.bs-tether-element-attached-top .tooltip-arrow { +.tooltip.tooltip-bottom .tooltip-inner::before, .tooltip.bs-tether-element-attached-top .tooltip-inner::before { top: 0; left: 50%; margin-left: -5px; + content: ""; border-width: 0 5px 5px; border-bottom-color: #000; } @@ -5299,10 +5776,11 @@ button.close { margin-left: -3px; } -.tooltip.tooltip-left .tooltip-arrow, .tooltip.bs-tether-element-attached-right .tooltip-arrow { +.tooltip.tooltip-left .tooltip-inner::before, .tooltip.bs-tether-element-attached-right .tooltip-inner::before { top: 50%; right: 0; margin-top: -5px; + content: ""; border-width: 5px 0 5px 5px; border-left-color: #000; } @@ -5316,7 +5794,7 @@ button.close { border-radius: 0.25rem; } -.tooltip-arrow { +.tooltip-inner::before { position: absolute; width: 0; height: 0; @@ -5332,7 +5810,7 @@ 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, system-ui, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif; font-style: normal; font-weight: normal; letter-spacing: normal; @@ -5359,79 +5837,94 @@ button.close { margin-top: -10px; } -.popover.popover-top .popover-arrow, .popover.bs-tether-element-attached-bottom .popover-arrow { - bottom: -11px; +.popover.popover-top::before, .popover.popover-top::after, .popover.bs-tether-element-attached-bottom::before, .popover.bs-tether-element-attached-bottom::after { left: 50%; + border-bottom-width: 0; +} + +.popover.popover-top::before, .popover.bs-tether-element-attached-bottom::before { + bottom: -11px; margin-left: -11px; border-top-color: rgba(0, 0, 0, 0.25); - border-bottom-width: 0; } -.popover.popover-top .popover-arrow::after, .popover.bs-tether-element-attached-bottom .popover-arrow::after { - bottom: 1px; +.popover.popover-top::after, .popover.bs-tether-element-attached-bottom::after { + bottom: -10px; margin-left: -10px; - content: ""; border-top-color: #fff; - border-bottom-width: 0; } .popover.popover-right, .popover.bs-tether-element-attached-left { margin-left: 10px; } -.popover.popover-right .popover-arrow, .popover.bs-tether-element-attached-left .popover-arrow { +.popover.popover-right::before, .popover.popover-right::after, .popover.bs-tether-element-attached-left::before, .popover.bs-tether-element-attached-left::after { top: 50%; + border-left-width: 0; +} + +.popover.popover-right::before, .popover.bs-tether-element-attached-left::before { left: -11px; margin-top: -11px; border-right-color: rgba(0, 0, 0, 0.25); - border-left-width: 0; } -.popover.popover-right .popover-arrow::after, .popover.bs-tether-element-attached-left .popover-arrow::after { - bottom: -10px; - left: 1px; - content: ""; +.popover.popover-right::after, .popover.bs-tether-element-attached-left::after { + left: -10px; + margin-top: -10px; border-right-color: #fff; - border-left-width: 0; } .popover.popover-bottom, .popover.bs-tether-element-attached-top { margin-top: 10px; } -.popover.popover-bottom .popover-arrow, .popover.bs-tether-element-attached-top .popover-arrow { - top: -11px; +.popover.popover-bottom::before, .popover.popover-bottom::after, .popover.bs-tether-element-attached-top::before, .popover.bs-tether-element-attached-top::after { left: 50%; - margin-left: -11px; border-top-width: 0; +} + +.popover.popover-bottom::before, .popover.bs-tether-element-attached-top::before { + top: -11px; + margin-left: -11px; border-bottom-color: rgba(0, 0, 0, 0.25); } -.popover.popover-bottom .popover-arrow::after, .popover.bs-tether-element-attached-top .popover-arrow::after { - top: 1px; +.popover.popover-bottom::after, .popover.bs-tether-element-attached-top::after { + top: -10px; + margin-left: -10px; + border-bottom-color: #f7f7f7; +} + +.popover.popover-bottom .popover-title::before, .popover.bs-tether-element-attached-top .popover-title::before { + position: absolute; + top: 0; + left: 50%; + display: block; + width: 20px; margin-left: -10px; content: ""; - border-top-width: 0; - border-bottom-color: #fff; + border-bottom: 1px solid #f7f7f7; } .popover.popover-left, .popover.bs-tether-element-attached-right { margin-left: -10px; } -.popover.popover-left .popover-arrow, .popover.bs-tether-element-attached-right .popover-arrow { +.popover.popover-left::before, .popover.popover-left::after, .popover.bs-tether-element-attached-right::before, .popover.bs-tether-element-attached-right::after { top: 50%; + border-right-width: 0; +} + +.popover.popover-left::before, .popover.bs-tether-element-attached-right::before { right: -11px; margin-top: -11px; - border-right-width: 0; border-left-color: rgba(0, 0, 0, 0.25); } -.popover.popover-left .popover-arrow::after, .popover.bs-tether-element-attached-right .popover-arrow::after { - right: 1px; - bottom: -10px; - content: ""; - border-right-width: 0; +.popover.popover-left::after, .popover.bs-tether-element-attached-right::after { + right: -10px; + margin-top: -10px; border-left-color: #fff; } @@ -5452,7 +5945,8 @@ button.close { padding: 9px 14px; } -.popover-arrow, .popover-arrow::after { +.popover::before, +.popover::after { position: absolute; display: block; width: 0; @@ -5461,11 +5955,12 @@ button.close { border-style: solid; } -.popover-arrow { +.popover::before { + content: ""; border-width: 11px; } -.popover-arrow::after { +.popover::after { content: ""; border-width: 10px; } @@ -5480,185 +5975,205 @@ button.close { overflow: hidden; } -.carousel-inner > .carousel-item { +.carousel-item { position: relative; display: none; - -webkit-transition: .6s ease-in-out left; - -o-transition: .6s ease-in-out left; - transition: .6s ease-in-out left; -} - -.carousel-inner > .carousel-item > img, -.carousel-inner > .carousel-item > a > img { - line-height: 1; + width: 100%; } -@media all and (transform-3d), (-webkit-transform-3d) { - .carousel-inner > .carousel-item { - -webkit-transition: -webkit-transform .6s ease-in-out; - transition: -webkit-transform .6s ease-in-out; - -o-transition: -o-transform .6s ease-in-out; - transition: transform .6s ease-in-out; - transition: transform .6s ease-in-out, -webkit-transform .6s ease-in-out, -o-transform .6s ease-in-out; +@media (-webkit-transform-3d) { + .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-inner > .active, -.carousel-inner > .next, -.carousel-inner > .prev { - display: block; +@supports ((-webkit-transform: translate3d(0, 0, 0)) or (transform: translate3d(0, 0, 0))) { + .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 > .active { - left: 0; +.carousel-item.active, +.carousel-item-next, +.carousel-item-prev { + display: -webkit-box; + display: -webkit-flex; + display: -ms-flexbox; + display: flex; } -.carousel-inner > .next, -.carousel-inner > .prev { +.carousel-item-next, +.carousel-item-prev { position: absolute; top: 0; - width: 100%; -} - -.carousel-inner > .next { - left: 100%; } -.carousel-inner > .prev { - left: -100%; -} - -.carousel-inner > .next.left, -.carousel-inner > .prev.right { - left: 0; -} - -.carousel-inner > .active.left { - left: -100%; +@media (-webkit-transform-3d) { + .carousel-item-next.carousel-item-left, + .carousel-item-prev.carousel-item-right { + -webkit-transform: translate3d(0, 0, 0); + transform: translate3d(0, 0, 0); + } + .carousel-item-next, + .active.carousel-item-right { + -webkit-transform: translate3d(100%, 0, 0); + transform: translate3d(100%, 0, 0); + } + .carousel-item-prev, + .active.carousel-item-left { + -webkit-transform: translate3d(-100%, 0, 0); + transform: translate3d(-100%, 0, 0); + } } -.carousel-inner > .active.right { - left: 100%; +@supports ((-webkit-transform: translate3d(0, 0, 0)) or (transform: translate3d(0, 0, 0))) { + .carousel-item-next.carousel-item-left, + .carousel-item-prev.carousel-item-right { + -webkit-transform: translate3d(0, 0, 0); + transform: translate3d(0, 0, 0); + } + .carousel-item-next, + .active.carousel-item-right { + -webkit-transform: translate3d(100%, 0, 0); + transform: translate3d(100%, 0, 0); + } + .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: -webkit-box; + display: -webkit-flex; + display: -ms-flexbox; + display: flex; + -webkit-box-align: center; + -webkit-align-items: center; + -ms-flex-align: center; + align-items: center; + -webkit-box-pack: center; + -webkit-justify-content: 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; + -webkit-background-size: 100% 100%; + 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: -webkit-box; + display: -webkit-flex; + display: -ms-flexbox; + display: flex; + -webkit-box-pack: center; + -webkit-justify-content: center; + -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 { - display: inline-block; - width: 10px; - height: 10px; - margin: 1px; + position: relative; + -webkit-box-flex: 1; + -webkit-flex: 1 0 auto; + -ms-flex: 1 0 auto; + flex: 1 0 auto; + max-width: 30px; + height: 3px; + margin-right: 3px; + margin-left: 3px; text-indent: -999px; cursor: pointer; - background-color: transparent; - border: 1px solid #fff; - border-radius: 10px; + background-color: rgba(255, 255, 255, 0.5); +} + +.carousel-indicators li::before { + position: absolute; + top: -10px; + left: 0; + display: inline-block; + width: 100%; + height: 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; } @@ -5672,43 +6187,37 @@ 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; +.align-baseline { + vertical-align: baseline !important; } -@media (min-width: 544px) { - .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-top { + vertical-align: top !important; +} + +.align-middle { + vertical-align: middle !important; +} + +.align-bottom { + vertical-align: bottom !important; +} + +.align-text-bottom { + vertical-align: text-bottom !important; +} + +.align-text-top { + vertical-align: text-top !important; } .bg-faded { - background-color: #f7f7f9; + background-color: #f7f7f7; } .bg-primary { - color: #fff !important; background-color: #0275d8 !important; } @@ -5717,7 +6226,6 @@ a.bg-primary:focus, a.bg-primary:hover { } .bg-success { - color: #fff !important; background-color: #5cb85c !important; } @@ -5726,7 +6234,6 @@ a.bg-success:focus, a.bg-success:hover { } .bg-info { - color: #fff !important; background-color: #5bc0de !important; } @@ -5735,7 +6242,6 @@ a.bg-info:focus, a.bg-info:hover { } .bg-warning { - color: #fff !important; background-color: #f0ad4e !important; } @@ -5744,7 +6250,6 @@ a.bg-warning:focus, a.bg-warning:hover { } .bg-danger { - color: #fff !important; background-color: #d9534f !important; } @@ -5753,88 +6258,1256 @@ a.bg-danger:focus, a.bg-danger:hover { } .bg-inverse { - color: #fff !important; - background-color: #373a3c !important; + background-color: #292b2c !important; } a.bg-inverse:focus, a.bg-inverse:hover { - background-color: #1f2021 !important; + background-color: #101112 !important; +} + +.border-0 { + border: 0 !important; +} + +.border-top-0 { + border-top: 0 !important; +} + +.border-right-0 { + border-right: 0 !important; +} + +.border-bottom-0 { + border-bottom: 0 !important; +} + +.border-left-0 { + border-left: 0 !important; +} + +.rounded { + border-radius: 0.25rem; +} + +.rounded-top { + border-top-right-radius: 0.25rem; + border-top-left-radius: 0.25rem; +} + +.rounded-right { + border-bottom-right-radius: 0.25rem; + border-top-right-radius: 0.25rem; +} + +.rounded-bottom { + border-bottom-right-radius: 0.25rem; + border-bottom-left-radius: 0.25rem; +} + +.rounded-left { + border-bottom-left-radius: 0.25rem; + border-top-left-radius: 0.25rem; +} + +.rounded-circle { + border-radius: 50%; +} + +.rounded-0 { + border-radius: 0; } .clearfix::after { + display: block; content: ""; - display: table; clear: both; } -.d-block { - display: block !important; +.d-none { + display: none !important; +} + +.d-inline { + display: inline !important; } .d-inline-block { display: inline-block !important; } -.d-inline { - display: inline !important; +.d-block { + display: block !important; +} + +.d-table { + display: table !important; +} + +.d-table-cell { + display: table-cell !important; +} + +.d-flex { + display: -webkit-box !important; + display: -webkit-flex !important; + display: -ms-flexbox !important; + display: flex !important; +} + +.d-inline-flex { + display: -webkit-inline-box !important; + display: -webkit-inline-flex !important; + display: -ms-inline-flexbox !important; + display: inline-flex !important; +} + +@media (min-width: 576px) { + .d-sm-none { + display: none !important; + } + .d-sm-inline { + display: inline !important; + } + .d-sm-inline-block { + display: inline-block !important; + } + .d-sm-block { + display: block !important; + } + .d-sm-table { + display: table !important; + } + .d-sm-table-cell { + 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: -webkit-inline-box !important; + display: -webkit-inline-flex !important; + display: -ms-inline-flexbox !important; + display: inline-flex !important; + } +} + +@media (min-width: 768px) { + .d-md-none { + display: none !important; + } + .d-md-inline { + display: inline !important; + } + .d-md-inline-block { + display: inline-block !important; + } + .d-md-block { + display: block !important; + } + .d-md-table { + display: table !important; + } + .d-md-table-cell { + 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: -webkit-inline-box !important; + display: -webkit-inline-flex !important; + display: -ms-inline-flexbox !important; + display: inline-flex !important; + } } -.pull-xs-left { +@media (min-width: 992px) { + .d-lg-none { + display: none !important; + } + .d-lg-inline { + display: inline !important; + } + .d-lg-inline-block { + display: inline-block !important; + } + .d-lg-block { + display: block !important; + } + .d-lg-table { + display: table !important; + } + .d-lg-table-cell { + 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: -webkit-inline-box !important; + display: -webkit-inline-flex !important; + display: -ms-inline-flexbox !important; + display: inline-flex !important; + } +} + +@media (min-width: 1200px) { + .d-xl-none { + display: none !important; + } + .d-xl-inline { + display: inline !important; + } + .d-xl-inline-block { + display: inline-block !important; + } + .d-xl-block { + display: block !important; + } + .d-xl-table { + display: table !important; + } + .d-xl-table-cell { + 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: -webkit-inline-box !important; + display: -webkit-inline-flex !important; + display: -ms-inline-flexbox !important; + display: inline-flex !important; + } +} + +.flex-first { + -webkit-box-ordinal-group: 0; + -webkit-order: -1; + -ms-flex-order: -1; + order: -1; +} + +.flex-last { + -webkit-box-ordinal-group: 2; + -webkit-order: 1; + -ms-flex-order: 1; + order: 1; +} + +.flex-unordered { + -webkit-box-ordinal-group: 1; + -webkit-order: 0; + -ms-flex-order: 0; + order: 0; +} + +.flex-row { + -webkit-box-orient: horizontal !important; + -webkit-box-direction: normal !important; + -webkit-flex-direction: row !important; + -ms-flex-direction: row !important; + flex-direction: row !important; +} + +.flex-column { + -webkit-box-orient: vertical !important; + -webkit-box-direction: normal !important; + -webkit-flex-direction: column !important; + -ms-flex-direction: column !important; + flex-direction: column !important; +} + +.flex-row-reverse { + -webkit-box-orient: horizontal !important; + -webkit-box-direction: reverse !important; + -webkit-flex-direction: row-reverse !important; + -ms-flex-direction: row-reverse !important; + flex-direction: row-reverse !important; +} + +.flex-column-reverse { + -webkit-box-orient: vertical !important; + -webkit-box-direction: reverse !important; + -webkit-flex-direction: column-reverse !important; + -ms-flex-direction: column-reverse !important; + flex-direction: column-reverse !important; +} + +.flex-wrap { + -webkit-flex-wrap: wrap !important; + -ms-flex-wrap: wrap !important; + flex-wrap: wrap !important; +} + +.flex-nowrap { + -webkit-flex-wrap: nowrap !important; + -ms-flex-wrap: nowrap !important; + flex-wrap: nowrap !important; +} + +.flex-wrap-reverse { + -webkit-flex-wrap: wrap-reverse !important; + -ms-flex-wrap: wrap-reverse !important; + flex-wrap: wrap-reverse !important; +} + +.justify-content-start { + -webkit-box-pack: start !important; + -webkit-justify-content: flex-start !important; + -ms-flex-pack: start !important; + justify-content: flex-start !important; +} + +.justify-content-end { + -webkit-box-pack: end !important; + -webkit-justify-content: flex-end !important; + -ms-flex-pack: end !important; + justify-content: flex-end !important; +} + +.justify-content-center { + -webkit-box-pack: center !important; + -webkit-justify-content: center !important; + -ms-flex-pack: center !important; + justify-content: center !important; +} + +.justify-content-between { + -webkit-box-pack: justify !important; + -webkit-justify-content: space-between !important; + -ms-flex-pack: justify !important; + justify-content: space-between !important; +} + +.justify-content-around { + -webkit-justify-content: space-around !important; + -ms-flex-pack: distribute !important; + justify-content: space-around !important; +} + +.align-items-start { + -webkit-box-align: start !important; + -webkit-align-items: flex-start !important; + -ms-flex-align: start !important; + align-items: flex-start !important; +} + +.align-items-end { + -webkit-box-align: end !important; + -webkit-align-items: flex-end !important; + -ms-flex-align: end !important; + align-items: flex-end !important; +} + +.align-items-center { + -webkit-box-align: center !important; + -webkit-align-items: center !important; + -ms-flex-align: center !important; + align-items: center !important; +} + +.align-items-baseline { + -webkit-box-align: baseline !important; + -webkit-align-items: baseline !important; + -ms-flex-align: baseline !important; + align-items: baseline !important; +} + +.align-items-stretch { + -webkit-box-align: stretch !important; + -webkit-align-items: stretch !important; + -ms-flex-align: stretch !important; + align-items: stretch !important; +} + +.align-content-start { + -webkit-align-content: flex-start !important; + -ms-flex-line-pack: start !important; + align-content: flex-start !important; +} + +.align-content-end { + -webkit-align-content: flex-end !important; + -ms-flex-line-pack: end !important; + align-content: flex-end !important; +} + +.align-content-center { + -webkit-align-content: center !important; + -ms-flex-line-pack: center !important; + align-content: center !important; +} + +.align-content-between { + -webkit-align-content: space-between !important; + -ms-flex-line-pack: justify !important; + align-content: space-between !important; +} + +.align-content-around { + -webkit-align-content: space-around !important; + -ms-flex-line-pack: distribute !important; + align-content: space-around !important; +} + +.align-content-stretch { + -webkit-align-content: stretch !important; + -ms-flex-line-pack: stretch !important; + align-content: stretch !important; +} + +.align-self-auto { + -webkit-align-self: auto !important; + -ms-flex-item-align: auto !important; + -ms-grid-row-align: auto !important; + align-self: auto !important; +} + +.align-self-start { + -webkit-align-self: flex-start !important; + -ms-flex-item-align: start !important; + align-self: flex-start !important; +} + +.align-self-end { + -webkit-align-self: flex-end !important; + -ms-flex-item-align: end !important; + align-self: flex-end !important; +} + +.align-self-center { + -webkit-align-self: center !important; + -ms-flex-item-align: center !important; + -ms-grid-row-align: center !important; + align-self: center !important; +} + +.align-self-baseline { + -webkit-align-self: baseline !important; + -ms-flex-item-align: baseline !important; + align-self: baseline !important; +} + +.align-self-stretch { + -webkit-align-self: stretch !important; + -ms-flex-item-align: stretch !important; + -ms-grid-row-align: stretch !important; + align-self: stretch !important; +} + +@media (min-width: 576px) { + .flex-sm-first { + -webkit-box-ordinal-group: 0; + -webkit-order: -1; + -ms-flex-order: -1; + order: -1; + } + .flex-sm-last { + -webkit-box-ordinal-group: 2; + -webkit-order: 1; + -ms-flex-order: 1; + order: 1; + } + .flex-sm-unordered { + -webkit-box-ordinal-group: 1; + -webkit-order: 0; + -ms-flex-order: 0; + order: 0; + } + .flex-sm-row { + -webkit-box-orient: horizontal !important; + -webkit-box-direction: normal !important; + -webkit-flex-direction: row !important; + -ms-flex-direction: row !important; + flex-direction: row !important; + } + .flex-sm-column { + -webkit-box-orient: vertical !important; + -webkit-box-direction: normal !important; + -webkit-flex-direction: column !important; + -ms-flex-direction: column !important; + flex-direction: column !important; + } + .flex-sm-row-reverse { + -webkit-box-orient: horizontal !important; + -webkit-box-direction: reverse !important; + -webkit-flex-direction: row-reverse !important; + -ms-flex-direction: row-reverse !important; + flex-direction: row-reverse !important; + } + .flex-sm-column-reverse { + -webkit-box-orient: vertical !important; + -webkit-box-direction: reverse !important; + -webkit-flex-direction: column-reverse !important; + -ms-flex-direction: column-reverse !important; + flex-direction: column-reverse !important; + } + .flex-sm-wrap { + -webkit-flex-wrap: wrap !important; + -ms-flex-wrap: wrap !important; + flex-wrap: wrap !important; + } + .flex-sm-nowrap { + -webkit-flex-wrap: nowrap !important; + -ms-flex-wrap: nowrap !important; + flex-wrap: nowrap !important; + } + .flex-sm-wrap-reverse { + -webkit-flex-wrap: wrap-reverse !important; + -ms-flex-wrap: wrap-reverse !important; + flex-wrap: wrap-reverse !important; + } + .justify-content-sm-start { + -webkit-box-pack: start !important; + -webkit-justify-content: flex-start !important; + -ms-flex-pack: start !important; + justify-content: flex-start !important; + } + .justify-content-sm-end { + -webkit-box-pack: end !important; + -webkit-justify-content: flex-end !important; + -ms-flex-pack: end !important; + justify-content: flex-end !important; + } + .justify-content-sm-center { + -webkit-box-pack: center !important; + -webkit-justify-content: center !important; + -ms-flex-pack: center !important; + justify-content: center !important; + } + .justify-content-sm-between { + -webkit-box-pack: justify !important; + -webkit-justify-content: space-between !important; + -ms-flex-pack: justify !important; + justify-content: space-between !important; + } + .justify-content-sm-around { + -webkit-justify-content: space-around !important; + -ms-flex-pack: distribute !important; + justify-content: space-around !important; + } + .align-items-sm-start { + -webkit-box-align: start !important; + -webkit-align-items: flex-start !important; + -ms-flex-align: start !important; + align-items: flex-start !important; + } + .align-items-sm-end { + -webkit-box-align: end !important; + -webkit-align-items: flex-end !important; + -ms-flex-align: end !important; + align-items: flex-end !important; + } + .align-items-sm-center { + -webkit-box-align: center !important; + -webkit-align-items: center !important; + -ms-flex-align: center !important; + align-items: center !important; + } + .align-items-sm-baseline { + -webkit-box-align: baseline !important; + -webkit-align-items: baseline !important; + -ms-flex-align: baseline !important; + align-items: baseline !important; + } + .align-items-sm-stretch { + -webkit-box-align: stretch !important; + -webkit-align-items: stretch !important; + -ms-flex-align: stretch !important; + align-items: stretch !important; + } + .align-content-sm-start { + -webkit-align-content: flex-start !important; + -ms-flex-line-pack: start !important; + align-content: flex-start !important; + } + .align-content-sm-end { + -webkit-align-content: flex-end !important; + -ms-flex-line-pack: end !important; + align-content: flex-end !important; + } + .align-content-sm-center { + -webkit-align-content: center !important; + -ms-flex-line-pack: center !important; + align-content: center !important; + } + .align-content-sm-between { + -webkit-align-content: space-between !important; + -ms-flex-line-pack: justify !important; + align-content: space-between !important; + } + .align-content-sm-around { + -webkit-align-content: space-around !important; + -ms-flex-line-pack: distribute !important; + align-content: space-around !important; + } + .align-content-sm-stretch { + -webkit-align-content: stretch !important; + -ms-flex-line-pack: stretch !important; + align-content: stretch !important; + } + .align-self-sm-auto { + -webkit-align-self: auto !important; + -ms-flex-item-align: auto !important; + -ms-grid-row-align: auto !important; + align-self: auto !important; + } + .align-self-sm-start { + -webkit-align-self: flex-start !important; + -ms-flex-item-align: start !important; + align-self: flex-start !important; + } + .align-self-sm-end { + -webkit-align-self: flex-end !important; + -ms-flex-item-align: end !important; + align-self: flex-end !important; + } + .align-self-sm-center { + -webkit-align-self: center !important; + -ms-flex-item-align: center !important; + -ms-grid-row-align: center !important; + align-self: center !important; + } + .align-self-sm-baseline { + -webkit-align-self: baseline !important; + -ms-flex-item-align: baseline !important; + align-self: baseline !important; + } + .align-self-sm-stretch { + -webkit-align-self: stretch !important; + -ms-flex-item-align: stretch !important; + -ms-grid-row-align: stretch !important; + align-self: stretch !important; + } +} + +@media (min-width: 768px) { + .flex-md-first { + -webkit-box-ordinal-group: 0; + -webkit-order: -1; + -ms-flex-order: -1; + order: -1; + } + .flex-md-last { + -webkit-box-ordinal-group: 2; + -webkit-order: 1; + -ms-flex-order: 1; + order: 1; + } + .flex-md-unordered { + -webkit-box-ordinal-group: 1; + -webkit-order: 0; + -ms-flex-order: 0; + order: 0; + } + .flex-md-row { + -webkit-box-orient: horizontal !important; + -webkit-box-direction: normal !important; + -webkit-flex-direction: row !important; + -ms-flex-direction: row !important; + flex-direction: row !important; + } + .flex-md-column { + -webkit-box-orient: vertical !important; + -webkit-box-direction: normal !important; + -webkit-flex-direction: column !important; + -ms-flex-direction: column !important; + flex-direction: column !important; + } + .flex-md-row-reverse { + -webkit-box-orient: horizontal !important; + -webkit-box-direction: reverse !important; + -webkit-flex-direction: row-reverse !important; + -ms-flex-direction: row-reverse !important; + flex-direction: row-reverse !important; + } + .flex-md-column-reverse { + -webkit-box-orient: vertical !important; + -webkit-box-direction: reverse !important; + -webkit-flex-direction: column-reverse !important; + -ms-flex-direction: column-reverse !important; + flex-direction: column-reverse !important; + } + .flex-md-wrap { + -webkit-flex-wrap: wrap !important; + -ms-flex-wrap: wrap !important; + flex-wrap: wrap !important; + } + .flex-md-nowrap { + -webkit-flex-wrap: nowrap !important; + -ms-flex-wrap: nowrap !important; + flex-wrap: nowrap !important; + } + .flex-md-wrap-reverse { + -webkit-flex-wrap: wrap-reverse !important; + -ms-flex-wrap: wrap-reverse !important; + flex-wrap: wrap-reverse !important; + } + .justify-content-md-start { + -webkit-box-pack: start !important; + -webkit-justify-content: flex-start !important; + -ms-flex-pack: start !important; + justify-content: flex-start !important; + } + .justify-content-md-end { + -webkit-box-pack: end !important; + -webkit-justify-content: flex-end !important; + -ms-flex-pack: end !important; + justify-content: flex-end !important; + } + .justify-content-md-center { + -webkit-box-pack: center !important; + -webkit-justify-content: center !important; + -ms-flex-pack: center !important; + justify-content: center !important; + } + .justify-content-md-between { + -webkit-box-pack: justify !important; + -webkit-justify-content: space-between !important; + -ms-flex-pack: justify !important; + justify-content: space-between !important; + } + .justify-content-md-around { + -webkit-justify-content: space-around !important; + -ms-flex-pack: distribute !important; + justify-content: space-around !important; + } + .align-items-md-start { + -webkit-box-align: start !important; + -webkit-align-items: flex-start !important; + -ms-flex-align: start !important; + align-items: flex-start !important; + } + .align-items-md-end { + -webkit-box-align: end !important; + -webkit-align-items: flex-end !important; + -ms-flex-align: end !important; + align-items: flex-end !important; + } + .align-items-md-center { + -webkit-box-align: center !important; + -webkit-align-items: center !important; + -ms-flex-align: center !important; + align-items: center !important; + } + .align-items-md-baseline { + -webkit-box-align: baseline !important; + -webkit-align-items: baseline !important; + -ms-flex-align: baseline !important; + align-items: baseline !important; + } + .align-items-md-stretch { + -webkit-box-align: stretch !important; + -webkit-align-items: stretch !important; + -ms-flex-align: stretch !important; + align-items: stretch !important; + } + .align-content-md-start { + -webkit-align-content: flex-start !important; + -ms-flex-line-pack: start !important; + align-content: flex-start !important; + } + .align-content-md-end { + -webkit-align-content: flex-end !important; + -ms-flex-line-pack: end !important; + align-content: flex-end !important; + } + .align-content-md-center { + -webkit-align-content: center !important; + -ms-flex-line-pack: center !important; + align-content: center !important; + } + .align-content-md-between { + -webkit-align-content: space-between !important; + -ms-flex-line-pack: justify !important; + align-content: space-between !important; + } + .align-content-md-around { + -webkit-align-content: space-around !important; + -ms-flex-line-pack: distribute !important; + align-content: space-around !important; + } + .align-content-md-stretch { + -webkit-align-content: stretch !important; + -ms-flex-line-pack: stretch !important; + align-content: stretch !important; + } + .align-self-md-auto { + -webkit-align-self: auto !important; + -ms-flex-item-align: auto !important; + -ms-grid-row-align: auto !important; + align-self: auto !important; + } + .align-self-md-start { + -webkit-align-self: flex-start !important; + -ms-flex-item-align: start !important; + align-self: flex-start !important; + } + .align-self-md-end { + -webkit-align-self: flex-end !important; + -ms-flex-item-align: end !important; + align-self: flex-end !important; + } + .align-self-md-center { + -webkit-align-self: center !important; + -ms-flex-item-align: center !important; + -ms-grid-row-align: center !important; + align-self: center !important; + } + .align-self-md-baseline { + -webkit-align-self: baseline !important; + -ms-flex-item-align: baseline !important; + align-self: baseline !important; + } + .align-self-md-stretch { + -webkit-align-self: stretch !important; + -ms-flex-item-align: stretch !important; + -ms-grid-row-align: stretch !important; + align-self: stretch !important; + } +} + +@media (min-width: 992px) { + .flex-lg-first { + -webkit-box-ordinal-group: 0; + -webkit-order: -1; + -ms-flex-order: -1; + order: -1; + } + .flex-lg-last { + -webkit-box-ordinal-group: 2; + -webkit-order: 1; + -ms-flex-order: 1; + order: 1; + } + .flex-lg-unordered { + -webkit-box-ordinal-group: 1; + -webkit-order: 0; + -ms-flex-order: 0; + order: 0; + } + .flex-lg-row { + -webkit-box-orient: horizontal !important; + -webkit-box-direction: normal !important; + -webkit-flex-direction: row !important; + -ms-flex-direction: row !important; + flex-direction: row !important; + } + .flex-lg-column { + -webkit-box-orient: vertical !important; + -webkit-box-direction: normal !important; + -webkit-flex-direction: column !important; + -ms-flex-direction: column !important; + flex-direction: column !important; + } + .flex-lg-row-reverse { + -webkit-box-orient: horizontal !important; + -webkit-box-direction: reverse !important; + -webkit-flex-direction: row-reverse !important; + -ms-flex-direction: row-reverse !important; + flex-direction: row-reverse !important; + } + .flex-lg-column-reverse { + -webkit-box-orient: vertical !important; + -webkit-box-direction: reverse !important; + -webkit-flex-direction: column-reverse !important; + -ms-flex-direction: column-reverse !important; + flex-direction: column-reverse !important; + } + .flex-lg-wrap { + -webkit-flex-wrap: wrap !important; + -ms-flex-wrap: wrap !important; + flex-wrap: wrap !important; + } + .flex-lg-nowrap { + -webkit-flex-wrap: nowrap !important; + -ms-flex-wrap: nowrap !important; + flex-wrap: nowrap !important; + } + .flex-lg-wrap-reverse { + -webkit-flex-wrap: wrap-reverse !important; + -ms-flex-wrap: wrap-reverse !important; + flex-wrap: wrap-reverse !important; + } + .justify-content-lg-start { + -webkit-box-pack: start !important; + -webkit-justify-content: flex-start !important; + -ms-flex-pack: start !important; + justify-content: flex-start !important; + } + .justify-content-lg-end { + -webkit-box-pack: end !important; + -webkit-justify-content: flex-end !important; + -ms-flex-pack: end !important; + justify-content: flex-end !important; + } + .justify-content-lg-center { + -webkit-box-pack: center !important; + -webkit-justify-content: center !important; + -ms-flex-pack: center !important; + justify-content: center !important; + } + .justify-content-lg-between { + -webkit-box-pack: justify !important; + -webkit-justify-content: space-between !important; + -ms-flex-pack: justify !important; + justify-content: space-between !important; + } + .justify-content-lg-around { + -webkit-justify-content: space-around !important; + -ms-flex-pack: distribute !important; + justify-content: space-around !important; + } + .align-items-lg-start { + -webkit-box-align: start !important; + -webkit-align-items: flex-start !important; + -ms-flex-align: start !important; + align-items: flex-start !important; + } + .align-items-lg-end { + -webkit-box-align: end !important; + -webkit-align-items: flex-end !important; + -ms-flex-align: end !important; + align-items: flex-end !important; + } + .align-items-lg-center { + -webkit-box-align: center !important; + -webkit-align-items: center !important; + -ms-flex-align: center !important; + align-items: center !important; + } + .align-items-lg-baseline { + -webkit-box-align: baseline !important; + -webkit-align-items: baseline !important; + -ms-flex-align: baseline !important; + align-items: baseline !important; + } + .align-items-lg-stretch { + -webkit-box-align: stretch !important; + -webkit-align-items: stretch !important; + -ms-flex-align: stretch !important; + align-items: stretch !important; + } + .align-content-lg-start { + -webkit-align-content: flex-start !important; + -ms-flex-line-pack: start !important; + align-content: flex-start !important; + } + .align-content-lg-end { + -webkit-align-content: flex-end !important; + -ms-flex-line-pack: end !important; + align-content: flex-end !important; + } + .align-content-lg-center { + -webkit-align-content: center !important; + -ms-flex-line-pack: center !important; + align-content: center !important; + } + .align-content-lg-between { + -webkit-align-content: space-between !important; + -ms-flex-line-pack: justify !important; + align-content: space-between !important; + } + .align-content-lg-around { + -webkit-align-content: space-around !important; + -ms-flex-line-pack: distribute !important; + align-content: space-around !important; + } + .align-content-lg-stretch { + -webkit-align-content: stretch !important; + -ms-flex-line-pack: stretch !important; + align-content: stretch !important; + } + .align-self-lg-auto { + -webkit-align-self: auto !important; + -ms-flex-item-align: auto !important; + -ms-grid-row-align: auto !important; + align-self: auto !important; + } + .align-self-lg-start { + -webkit-align-self: flex-start !important; + -ms-flex-item-align: start !important; + align-self: flex-start !important; + } + .align-self-lg-end { + -webkit-align-self: flex-end !important; + -ms-flex-item-align: end !important; + align-self: flex-end !important; + } + .align-self-lg-center { + -webkit-align-self: center !important; + -ms-flex-item-align: center !important; + -ms-grid-row-align: center !important; + align-self: center !important; + } + .align-self-lg-baseline { + -webkit-align-self: baseline !important; + -ms-flex-item-align: baseline !important; + align-self: baseline !important; + } + .align-self-lg-stretch { + -webkit-align-self: stretch !important; + -ms-flex-item-align: stretch !important; + -ms-grid-row-align: stretch !important; + align-self: stretch !important; + } +} + +@media (min-width: 1200px) { + .flex-xl-first { + -webkit-box-ordinal-group: 0; + -webkit-order: -1; + -ms-flex-order: -1; + order: -1; + } + .flex-xl-last { + -webkit-box-ordinal-group: 2; + -webkit-order: 1; + -ms-flex-order: 1; + order: 1; + } + .flex-xl-unordered { + -webkit-box-ordinal-group: 1; + -webkit-order: 0; + -ms-flex-order: 0; + order: 0; + } + .flex-xl-row { + -webkit-box-orient: horizontal !important; + -webkit-box-direction: normal !important; + -webkit-flex-direction: row !important; + -ms-flex-direction: row !important; + flex-direction: row !important; + } + .flex-xl-column { + -webkit-box-orient: vertical !important; + -webkit-box-direction: normal !important; + -webkit-flex-direction: column !important; + -ms-flex-direction: column !important; + flex-direction: column !important; + } + .flex-xl-row-reverse { + -webkit-box-orient: horizontal !important; + -webkit-box-direction: reverse !important; + -webkit-flex-direction: row-reverse !important; + -ms-flex-direction: row-reverse !important; + flex-direction: row-reverse !important; + } + .flex-xl-column-reverse { + -webkit-box-orient: vertical !important; + -webkit-box-direction: reverse !important; + -webkit-flex-direction: column-reverse !important; + -ms-flex-direction: column-reverse !important; + flex-direction: column-reverse !important; + } + .flex-xl-wrap { + -webkit-flex-wrap: wrap !important; + -ms-flex-wrap: wrap !important; + flex-wrap: wrap !important; + } + .flex-xl-nowrap { + -webkit-flex-wrap: nowrap !important; + -ms-flex-wrap: nowrap !important; + flex-wrap: nowrap !important; + } + .flex-xl-wrap-reverse { + -webkit-flex-wrap: wrap-reverse !important; + -ms-flex-wrap: wrap-reverse !important; + flex-wrap: wrap-reverse !important; + } + .justify-content-xl-start { + -webkit-box-pack: start !important; + -webkit-justify-content: flex-start !important; + -ms-flex-pack: start !important; + justify-content: flex-start !important; + } + .justify-content-xl-end { + -webkit-box-pack: end !important; + -webkit-justify-content: flex-end !important; + -ms-flex-pack: end !important; + justify-content: flex-end !important; + } + .justify-content-xl-center { + -webkit-box-pack: center !important; + -webkit-justify-content: center !important; + -ms-flex-pack: center !important; + justify-content: center !important; + } + .justify-content-xl-between { + -webkit-box-pack: justify !important; + -webkit-justify-content: space-between !important; + -ms-flex-pack: justify !important; + justify-content: space-between !important; + } + .justify-content-xl-around { + -webkit-justify-content: space-around !important; + -ms-flex-pack: distribute !important; + justify-content: space-around !important; + } + .align-items-xl-start { + -webkit-box-align: start !important; + -webkit-align-items: flex-start !important; + -ms-flex-align: start !important; + align-items: flex-start !important; + } + .align-items-xl-end { + -webkit-box-align: end !important; + -webkit-align-items: flex-end !important; + -ms-flex-align: end !important; + align-items: flex-end !important; + } + .align-items-xl-center { + -webkit-box-align: center !important; + -webkit-align-items: center !important; + -ms-flex-align: center !important; + align-items: center !important; + } + .align-items-xl-baseline { + -webkit-box-align: baseline !important; + -webkit-align-items: baseline !important; + -ms-flex-align: baseline !important; + align-items: baseline !important; + } + .align-items-xl-stretch { + -webkit-box-align: stretch !important; + -webkit-align-items: stretch !important; + -ms-flex-align: stretch !important; + align-items: stretch !important; + } + .align-content-xl-start { + -webkit-align-content: flex-start !important; + -ms-flex-line-pack: start !important; + align-content: flex-start !important; + } + .align-content-xl-end { + -webkit-align-content: flex-end !important; + -ms-flex-line-pack: end !important; + align-content: flex-end !important; + } + .align-content-xl-center { + -webkit-align-content: center !important; + -ms-flex-line-pack: center !important; + align-content: center !important; + } + .align-content-xl-between { + -webkit-align-content: space-between !important; + -ms-flex-line-pack: justify !important; + align-content: space-between !important; + } + .align-content-xl-around { + -webkit-align-content: space-around !important; + -ms-flex-line-pack: distribute !important; + align-content: space-around !important; + } + .align-content-xl-stretch { + -webkit-align-content: stretch !important; + -ms-flex-line-pack: stretch !important; + align-content: stretch !important; + } + .align-self-xl-auto { + -webkit-align-self: auto !important; + -ms-flex-item-align: auto !important; + -ms-grid-row-align: auto !important; + align-self: auto !important; + } + .align-self-xl-start { + -webkit-align-self: flex-start !important; + -ms-flex-item-align: start !important; + align-self: flex-start !important; + } + .align-self-xl-end { + -webkit-align-self: flex-end !important; + -ms-flex-item-align: end !important; + align-self: flex-end !important; + } + .align-self-xl-center { + -webkit-align-self: center !important; + -ms-flex-item-align: center !important; + -ms-grid-row-align: center !important; + align-self: center !important; + } + .align-self-xl-baseline { + -webkit-align-self: baseline !important; + -ms-flex-item-align: baseline !important; + align-self: baseline !important; + } + .align-self-xl-stretch { + -webkit-align-self: stretch !important; + -ms-flex-item-align: stretch !important; + -ms-grid-row-align: stretch !important; + align-self: stretch !important; + } +} + +.float-left { float: left !important; } -.pull-xs-right { +.float-right { float: right !important; } -.pull-xs-none { +.float-none { float: none !important; } -@media (min-width: 544px) { - .pull-sm-left { +@media (min-width: 576px) { + .float-sm-left { float: left !important; } - .pull-sm-right { + .float-sm-right { float: right !important; } - .pull-sm-none { + .float-sm-none { float: none !important; } } @media (min-width: 768px) { - .pull-md-left { + .float-md-left { float: left !important; } - .pull-md-right { + .float-md-right { float: right !important; } - .pull-md-none { + .float-md-none { float: none !important; } } @media (min-width: 992px) { - .pull-lg-left { + .float-lg-left { float: left !important; } - .pull-lg-right { + .float-lg-right { float: right !important; } - .pull-lg-none { + .float-lg-none { float: none !important; } } @media (min-width: 1200px) { - .pull-xl-left { + .float-xl-left { float: left !important; } - .pull-xl-right { + .float-xl-right { float: right !important; } - .pull-xl-none { + .float-xl-none { float: none !important; } } @@ -5859,255 +7532,1644 @@ a.bg-inverse:focus, a.bg-inverse:hover { clip: auto; } +.w-25 { + width: 25% !important; +} + +.w-50 { + width: 50% !important; +} + +.w-75 { + width: 75% !important; +} + .w-100 { width: 100% !important; } -.m-x-auto { - margin-right: auto !important; - margin-left: auto !important; +.h-25 { + height: 25% !important; +} + +.h-50 { + height: 50% !important; } -.m-a-0 { +.h-75 { + height: 75% !important; +} + +.h-100 { + height: 100% !important; +} + +.mw-100 { + max-width: 100% !important; +} + +.mh-100 { + max-height: 100% !important; +} + +.m-0 { margin: 0 0 !important; } -.m-t-0 { +.mt-0 { margin-top: 0 !important; } -.m-r-0 { +.mr-0 { margin-right: 0 !important; } -.m-b-0 { +.mb-0 { margin-bottom: 0 !important; } -.m-l-0 { +.ml-0 { margin-left: 0 !important; } -.m-x-0 { +.mx-0 { margin-right: 0 !important; margin-left: 0 !important; } -.m-y-0 { +.my-0 { margin-top: 0 !important; margin-bottom: 0 !important; } -.m-a-1 { +.m-1 { + margin: 0.25rem 0.25rem !important; +} + +.mt-1 { + margin-top: 0.25rem !important; +} + +.mr-1 { + margin-right: 0.25rem !important; +} + +.mb-1 { + margin-bottom: 0.25rem !important; +} + +.ml-1 { + margin-left: 0.25rem !important; +} + +.mx-1 { + margin-right: 0.25rem !important; + margin-left: 0.25rem !important; +} + +.my-1 { + margin-top: 0.25rem !important; + margin-bottom: 0.25rem !important; +} + +.m-2 { + margin: 0.5rem 0.5rem !important; +} + +.mt-2 { + margin-top: 0.5rem !important; +} + +.mr-2 { + margin-right: 0.5rem !important; +} + +.mb-2 { + margin-bottom: 0.5rem !important; +} + +.ml-2 { + margin-left: 0.5rem !important; +} + +.mx-2 { + margin-right: 0.5rem !important; + margin-left: 0.5rem !important; +} + +.my-2 { + margin-top: 0.5rem !important; + margin-bottom: 0.5rem !important; +} + +.m-3 { margin: 1rem 1rem !important; } -.m-t-1 { +.mt-3 { margin-top: 1rem !important; } -.m-r-1 { +.mr-3 { margin-right: 1rem !important; } -.m-b-1 { +.mb-3 { margin-bottom: 1rem !important; } -.m-l-1 { +.ml-3 { margin-left: 1rem !important; } -.m-x-1 { +.mx-3 { margin-right: 1rem !important; margin-left: 1rem !important; } -.m-y-1 { +.my-3 { margin-top: 1rem !important; margin-bottom: 1rem !important; } -.m-a-2 { +.m-4 { margin: 1.5rem 1.5rem !important; } -.m-t-2 { +.mt-4 { margin-top: 1.5rem !important; } -.m-r-2 { +.mr-4 { margin-right: 1.5rem !important; } -.m-b-2 { +.mb-4 { margin-bottom: 1.5rem !important; } -.m-l-2 { +.ml-4 { margin-left: 1.5rem !important; } -.m-x-2 { +.mx-4 { margin-right: 1.5rem !important; margin-left: 1.5rem !important; } -.m-y-2 { +.my-4 { margin-top: 1.5rem !important; margin-bottom: 1.5rem !important; } -.m-a-3 { +.m-5 { margin: 3rem 3rem !important; } -.m-t-3 { +.mt-5 { margin-top: 3rem !important; } -.m-r-3 { +.mr-5 { margin-right: 3rem !important; } -.m-b-3 { +.mb-5 { margin-bottom: 3rem !important; } -.m-l-3 { +.ml-5 { margin-left: 3rem !important; } -.m-x-3 { +.mx-5 { margin-right: 3rem !important; margin-left: 3rem !important; } -.m-y-3 { +.my-5 { margin-top: 3rem !important; margin-bottom: 3rem !important; } -.p-a-0 { +.p-0 { padding: 0 0 !important; } -.p-t-0 { +.pt-0 { padding-top: 0 !important; } -.p-r-0 { +.pr-0 { padding-right: 0 !important; } -.p-b-0 { +.pb-0 { padding-bottom: 0 !important; } -.p-l-0 { +.pl-0 { padding-left: 0 !important; } -.p-x-0 { +.px-0 { padding-right: 0 !important; padding-left: 0 !important; } -.p-y-0 { +.py-0 { padding-top: 0 !important; padding-bottom: 0 !important; } -.p-a-1 { +.p-1 { + padding: 0.25rem 0.25rem !important; +} + +.pt-1 { + padding-top: 0.25rem !important; +} + +.pr-1 { + padding-right: 0.25rem !important; +} + +.pb-1 { + padding-bottom: 0.25rem !important; +} + +.pl-1 { + padding-left: 0.25rem !important; +} + +.px-1 { + padding-right: 0.25rem !important; + padding-left: 0.25rem !important; +} + +.py-1 { + padding-top: 0.25rem !important; + padding-bottom: 0.25rem !important; +} + +.p-2 { + padding: 0.5rem 0.5rem !important; +} + +.pt-2 { + padding-top: 0.5rem !important; +} + +.pr-2 { + padding-right: 0.5rem !important; +} + +.pb-2 { + padding-bottom: 0.5rem !important; +} + +.pl-2 { + padding-left: 0.5rem !important; +} + +.px-2 { + padding-right: 0.5rem !important; + padding-left: 0.5rem !important; +} + +.py-2 { + padding-top: 0.5rem !important; + padding-bottom: 0.5rem !important; +} + +.p-3 { padding: 1rem 1rem !important; } -.p-t-1 { +.pt-3 { padding-top: 1rem !important; } -.p-r-1 { +.pr-3 { padding-right: 1rem !important; } -.p-b-1 { +.pb-3 { padding-bottom: 1rem !important; } -.p-l-1 { +.pl-3 { padding-left: 1rem !important; } -.p-x-1 { +.px-3 { padding-right: 1rem !important; padding-left: 1rem !important; } -.p-y-1 { +.py-3 { padding-top: 1rem !important; padding-bottom: 1rem !important; } -.p-a-2 { +.p-4 { padding: 1.5rem 1.5rem !important; } -.p-t-2 { +.pt-4 { padding-top: 1.5rem !important; } -.p-r-2 { +.pr-4 { padding-right: 1.5rem !important; } -.p-b-2 { +.pb-4 { padding-bottom: 1.5rem !important; } -.p-l-2 { +.pl-4 { padding-left: 1.5rem !important; } -.p-x-2 { +.px-4 { padding-right: 1.5rem !important; padding-left: 1.5rem !important; } -.p-y-2 { +.py-4 { padding-top: 1.5rem !important; padding-bottom: 1.5rem !important; } -.p-a-3 { +.p-5 { padding: 3rem 3rem !important; } -.p-t-3 { +.pt-5 { padding-top: 3rem !important; } -.p-r-3 { +.pr-5 { padding-right: 3rem !important; } -.p-b-3 { +.pb-5 { padding-bottom: 3rem !important; } -.p-l-3 { +.pl-5 { padding-left: 3rem !important; } -.p-x-3 { +.px-5 { padding-right: 3rem !important; padding-left: 3rem !important; } -.p-y-3 { +.py-5 { padding-top: 3rem !important; padding-bottom: 3rem !important; } +.m-auto { + margin: auto !important; +} + +.mt-auto { + margin-top: auto !important; +} + +.mr-auto { + margin-right: auto !important; +} + +.mb-auto { + margin-bottom: auto !important; +} + +.ml-auto { + margin-left: auto !important; +} + +.mx-auto { + margin-right: auto !important; + margin-left: auto !important; +} + +.my-auto { + margin-top: auto !important; + margin-bottom: auto !important; +} + +@media (min-width: 576px) { + .m-sm-0 { + margin: 0 0 !important; + } + .mt-sm-0 { + margin-top: 0 !important; + } + .mr-sm-0 { + margin-right: 0 !important; + } + .mb-sm-0 { + margin-bottom: 0 !important; + } + .ml-sm-0 { + margin-left: 0 !important; + } + .mx-sm-0 { + margin-right: 0 !important; + margin-left: 0 !important; + } + .my-sm-0 { + margin-top: 0 !important; + margin-bottom: 0 !important; + } + .m-sm-1 { + margin: 0.25rem 0.25rem !important; + } + .mt-sm-1 { + margin-top: 0.25rem !important; + } + .mr-sm-1 { + margin-right: 0.25rem !important; + } + .mb-sm-1 { + margin-bottom: 0.25rem !important; + } + .ml-sm-1 { + margin-left: 0.25rem !important; + } + .mx-sm-1 { + margin-right: 0.25rem !important; + margin-left: 0.25rem !important; + } + .my-sm-1 { + margin-top: 0.25rem !important; + margin-bottom: 0.25rem !important; + } + .m-sm-2 { + margin: 0.5rem 0.5rem !important; + } + .mt-sm-2 { + margin-top: 0.5rem !important; + } + .mr-sm-2 { + margin-right: 0.5rem !important; + } + .mb-sm-2 { + margin-bottom: 0.5rem !important; + } + .ml-sm-2 { + margin-left: 0.5rem !important; + } + .mx-sm-2 { + margin-right: 0.5rem !important; + margin-left: 0.5rem !important; + } + .my-sm-2 { + margin-top: 0.5rem !important; + margin-bottom: 0.5rem !important; + } + .m-sm-3 { + margin: 1rem 1rem !important; + } + .mt-sm-3 { + margin-top: 1rem !important; + } + .mr-sm-3 { + margin-right: 1rem !important; + } + .mb-sm-3 { + margin-bottom: 1rem !important; + } + .ml-sm-3 { + margin-left: 1rem !important; + } + .mx-sm-3 { + margin-right: 1rem !important; + margin-left: 1rem !important; + } + .my-sm-3 { + margin-top: 1rem !important; + margin-bottom: 1rem !important; + } + .m-sm-4 { + margin: 1.5rem 1.5rem !important; + } + .mt-sm-4 { + margin-top: 1.5rem !important; + } + .mr-sm-4 { + margin-right: 1.5rem !important; + } + .mb-sm-4 { + margin-bottom: 1.5rem !important; + } + .ml-sm-4 { + margin-left: 1.5rem !important; + } + .mx-sm-4 { + margin-right: 1.5rem !important; + margin-left: 1.5rem !important; + } + .my-sm-4 { + margin-top: 1.5rem !important; + margin-bottom: 1.5rem !important; + } + .m-sm-5 { + margin: 3rem 3rem !important; + } + .mt-sm-5 { + margin-top: 3rem !important; + } + .mr-sm-5 { + margin-right: 3rem !important; + } + .mb-sm-5 { + margin-bottom: 3rem !important; + } + .ml-sm-5 { + margin-left: 3rem !important; + } + .mx-sm-5 { + margin-right: 3rem !important; + margin-left: 3rem !important; + } + .my-sm-5 { + margin-top: 3rem !important; + margin-bottom: 3rem !important; + } + .p-sm-0 { + padding: 0 0 !important; + } + .pt-sm-0 { + padding-top: 0 !important; + } + .pr-sm-0 { + padding-right: 0 !important; + } + .pb-sm-0 { + padding-bottom: 0 !important; + } + .pl-sm-0 { + padding-left: 0 !important; + } + .px-sm-0 { + padding-right: 0 !important; + padding-left: 0 !important; + } + .py-sm-0 { + padding-top: 0 !important; + padding-bottom: 0 !important; + } + .p-sm-1 { + padding: 0.25rem 0.25rem !important; + } + .pt-sm-1 { + padding-top: 0.25rem !important; + } + .pr-sm-1 { + padding-right: 0.25rem !important; + } + .pb-sm-1 { + padding-bottom: 0.25rem !important; + } + .pl-sm-1 { + padding-left: 0.25rem !important; + } + .px-sm-1 { + padding-right: 0.25rem !important; + padding-left: 0.25rem !important; + } + .py-sm-1 { + padding-top: 0.25rem !important; + padding-bottom: 0.25rem !important; + } + .p-sm-2 { + padding: 0.5rem 0.5rem !important; + } + .pt-sm-2 { + padding-top: 0.5rem !important; + } + .pr-sm-2 { + padding-right: 0.5rem !important; + } + .pb-sm-2 { + padding-bottom: 0.5rem !important; + } + .pl-sm-2 { + padding-left: 0.5rem !important; + } + .px-sm-2 { + padding-right: 0.5rem !important; + padding-left: 0.5rem !important; + } + .py-sm-2 { + padding-top: 0.5rem !important; + padding-bottom: 0.5rem !important; + } + .p-sm-3 { + padding: 1rem 1rem !important; + } + .pt-sm-3 { + padding-top: 1rem !important; + } + .pr-sm-3 { + padding-right: 1rem !important; + } + .pb-sm-3 { + padding-bottom: 1rem !important; + } + .pl-sm-3 { + padding-left: 1rem !important; + } + .px-sm-3 { + padding-right: 1rem !important; + padding-left: 1rem !important; + } + .py-sm-3 { + padding-top: 1rem !important; + padding-bottom: 1rem !important; + } + .p-sm-4 { + padding: 1.5rem 1.5rem !important; + } + .pt-sm-4 { + padding-top: 1.5rem !important; + } + .pr-sm-4 { + padding-right: 1.5rem !important; + } + .pb-sm-4 { + padding-bottom: 1.5rem !important; + } + .pl-sm-4 { + padding-left: 1.5rem !important; + } + .px-sm-4 { + padding-right: 1.5rem !important; + padding-left: 1.5rem !important; + } + .py-sm-4 { + padding-top: 1.5rem !important; + padding-bottom: 1.5rem !important; + } + .p-sm-5 { + padding: 3rem 3rem !important; + } + .pt-sm-5 { + padding-top: 3rem !important; + } + .pr-sm-5 { + padding-right: 3rem !important; + } + .pb-sm-5 { + padding-bottom: 3rem !important; + } + .pl-sm-5 { + padding-left: 3rem !important; + } + .px-sm-5 { + padding-right: 3rem !important; + padding-left: 3rem !important; + } + .py-sm-5 { + padding-top: 3rem !important; + padding-bottom: 3rem !important; + } + .m-sm-auto { + margin: auto !important; + } + .mt-sm-auto { + margin-top: auto !important; + } + .mr-sm-auto { + margin-right: auto !important; + } + .mb-sm-auto { + margin-bottom: auto !important; + } + .ml-sm-auto { + margin-left: auto !important; + } + .mx-sm-auto { + margin-right: auto !important; + margin-left: auto !important; + } + .my-sm-auto { + margin-top: auto !important; + margin-bottom: auto !important; + } +} + +@media (min-width: 768px) { + .m-md-0 { + margin: 0 0 !important; + } + .mt-md-0 { + margin-top: 0 !important; + } + .mr-md-0 { + margin-right: 0 !important; + } + .mb-md-0 { + margin-bottom: 0 !important; + } + .ml-md-0 { + margin-left: 0 !important; + } + .mx-md-0 { + margin-right: 0 !important; + margin-left: 0 !important; + } + .my-md-0 { + margin-top: 0 !important; + margin-bottom: 0 !important; + } + .m-md-1 { + margin: 0.25rem 0.25rem !important; + } + .mt-md-1 { + margin-top: 0.25rem !important; + } + .mr-md-1 { + margin-right: 0.25rem !important; + } + .mb-md-1 { + margin-bottom: 0.25rem !important; + } + .ml-md-1 { + margin-left: 0.25rem !important; + } + .mx-md-1 { + margin-right: 0.25rem !important; + margin-left: 0.25rem !important; + } + .my-md-1 { + margin-top: 0.25rem !important; + margin-bottom: 0.25rem !important; + } + .m-md-2 { + margin: 0.5rem 0.5rem !important; + } + .mt-md-2 { + margin-top: 0.5rem !important; + } + .mr-md-2 { + margin-right: 0.5rem !important; + } + .mb-md-2 { + margin-bottom: 0.5rem !important; + } + .ml-md-2 { + margin-left: 0.5rem !important; + } + .mx-md-2 { + margin-right: 0.5rem !important; + margin-left: 0.5rem !important; + } + .my-md-2 { + margin-top: 0.5rem !important; + margin-bottom: 0.5rem !important; + } + .m-md-3 { + margin: 1rem 1rem !important; + } + .mt-md-3 { + margin-top: 1rem !important; + } + .mr-md-3 { + margin-right: 1rem !important; + } + .mb-md-3 { + margin-bottom: 1rem !important; + } + .ml-md-3 { + margin-left: 1rem !important; + } + .mx-md-3 { + margin-right: 1rem !important; + margin-left: 1rem !important; + } + .my-md-3 { + margin-top: 1rem !important; + margin-bottom: 1rem !important; + } + .m-md-4 { + margin: 1.5rem 1.5rem !important; + } + .mt-md-4 { + margin-top: 1.5rem !important; + } + .mr-md-4 { + margin-right: 1.5rem !important; + } + .mb-md-4 { + margin-bottom: 1.5rem !important; + } + .ml-md-4 { + margin-left: 1.5rem !important; + } + .mx-md-4 { + margin-right: 1.5rem !important; + margin-left: 1.5rem !important; + } + .my-md-4 { + margin-top: 1.5rem !important; + margin-bottom: 1.5rem !important; + } + .m-md-5 { + margin: 3rem 3rem !important; + } + .mt-md-5 { + margin-top: 3rem !important; + } + .mr-md-5 { + margin-right: 3rem !important; + } + .mb-md-5 { + margin-bottom: 3rem !important; + } + .ml-md-5 { + margin-left: 3rem !important; + } + .mx-md-5 { + margin-right: 3rem !important; + margin-left: 3rem !important; + } + .my-md-5 { + margin-top: 3rem !important; + margin-bottom: 3rem !important; + } + .p-md-0 { + padding: 0 0 !important; + } + .pt-md-0 { + padding-top: 0 !important; + } + .pr-md-0 { + padding-right: 0 !important; + } + .pb-md-0 { + padding-bottom: 0 !important; + } + .pl-md-0 { + padding-left: 0 !important; + } + .px-md-0 { + padding-right: 0 !important; + padding-left: 0 !important; + } + .py-md-0 { + padding-top: 0 !important; + padding-bottom: 0 !important; + } + .p-md-1 { + padding: 0.25rem 0.25rem !important; + } + .pt-md-1 { + padding-top: 0.25rem !important; + } + .pr-md-1 { + padding-right: 0.25rem !important; + } + .pb-md-1 { + padding-bottom: 0.25rem !important; + } + .pl-md-1 { + padding-left: 0.25rem !important; + } + .px-md-1 { + padding-right: 0.25rem !important; + padding-left: 0.25rem !important; + } + .py-md-1 { + padding-top: 0.25rem !important; + padding-bottom: 0.25rem !important; + } + .p-md-2 { + padding: 0.5rem 0.5rem !important; + } + .pt-md-2 { + padding-top: 0.5rem !important; + } + .pr-md-2 { + padding-right: 0.5rem !important; + } + .pb-md-2 { + padding-bottom: 0.5rem !important; + } + .pl-md-2 { + padding-left: 0.5rem !important; + } + .px-md-2 { + padding-right: 0.5rem !important; + padding-left: 0.5rem !important; + } + .py-md-2 { + padding-top: 0.5rem !important; + padding-bottom: 0.5rem !important; + } + .p-md-3 { + padding: 1rem 1rem !important; + } + .pt-md-3 { + padding-top: 1rem !important; + } + .pr-md-3 { + padding-right: 1rem !important; + } + .pb-md-3 { + padding-bottom: 1rem !important; + } + .pl-md-3 { + padding-left: 1rem !important; + } + .px-md-3 { + padding-right: 1rem !important; + padding-left: 1rem !important; + } + .py-md-3 { + padding-top: 1rem !important; + padding-bottom: 1rem !important; + } + .p-md-4 { + padding: 1.5rem 1.5rem !important; + } + .pt-md-4 { + padding-top: 1.5rem !important; + } + .pr-md-4 { + padding-right: 1.5rem !important; + } + .pb-md-4 { + padding-bottom: 1.5rem !important; + } + .pl-md-4 { + padding-left: 1.5rem !important; + } + .px-md-4 { + padding-right: 1.5rem !important; + padding-left: 1.5rem !important; + } + .py-md-4 { + padding-top: 1.5rem !important; + padding-bottom: 1.5rem !important; + } + .p-md-5 { + padding: 3rem 3rem !important; + } + .pt-md-5 { + padding-top: 3rem !important; + } + .pr-md-5 { + padding-right: 3rem !important; + } + .pb-md-5 { + padding-bottom: 3rem !important; + } + .pl-md-5 { + padding-left: 3rem !important; + } + .px-md-5 { + padding-right: 3rem !important; + padding-left: 3rem !important; + } + .py-md-5 { + padding-top: 3rem !important; + padding-bottom: 3rem !important; + } + .m-md-auto { + margin: auto !important; + } + .mt-md-auto { + margin-top: auto !important; + } + .mr-md-auto { + margin-right: auto !important; + } + .mb-md-auto { + margin-bottom: auto !important; + } + .ml-md-auto { + margin-left: auto !important; + } + .mx-md-auto { + margin-right: auto !important; + margin-left: auto !important; + } + .my-md-auto { + margin-top: auto !important; + margin-bottom: auto !important; + } +} + +@media (min-width: 992px) { + .m-lg-0 { + margin: 0 0 !important; + } + .mt-lg-0 { + margin-top: 0 !important; + } + .mr-lg-0 { + margin-right: 0 !important; + } + .mb-lg-0 { + margin-bottom: 0 !important; + } + .ml-lg-0 { + margin-left: 0 !important; + } + .mx-lg-0 { + margin-right: 0 !important; + margin-left: 0 !important; + } + .my-lg-0 { + margin-top: 0 !important; + margin-bottom: 0 !important; + } + .m-lg-1 { + margin: 0.25rem 0.25rem !important; + } + .mt-lg-1 { + margin-top: 0.25rem !important; + } + .mr-lg-1 { + margin-right: 0.25rem !important; + } + .mb-lg-1 { + margin-bottom: 0.25rem !important; + } + .ml-lg-1 { + margin-left: 0.25rem !important; + } + .mx-lg-1 { + margin-right: 0.25rem !important; + margin-left: 0.25rem !important; + } + .my-lg-1 { + margin-top: 0.25rem !important; + margin-bottom: 0.25rem !important; + } + .m-lg-2 { + margin: 0.5rem 0.5rem !important; + } + .mt-lg-2 { + margin-top: 0.5rem !important; + } + .mr-lg-2 { + margin-right: 0.5rem !important; + } + .mb-lg-2 { + margin-bottom: 0.5rem !important; + } + .ml-lg-2 { + margin-left: 0.5rem !important; + } + .mx-lg-2 { + margin-right: 0.5rem !important; + margin-left: 0.5rem !important; + } + .my-lg-2 { + margin-top: 0.5rem !important; + margin-bottom: 0.5rem !important; + } + .m-lg-3 { + margin: 1rem 1rem !important; + } + .mt-lg-3 { + margin-top: 1rem !important; + } + .mr-lg-3 { + margin-right: 1rem !important; + } + .mb-lg-3 { + margin-bottom: 1rem !important; + } + .ml-lg-3 { + margin-left: 1rem !important; + } + .mx-lg-3 { + margin-right: 1rem !important; + margin-left: 1rem !important; + } + .my-lg-3 { + margin-top: 1rem !important; + margin-bottom: 1rem !important; + } + .m-lg-4 { + margin: 1.5rem 1.5rem !important; + } + .mt-lg-4 { + margin-top: 1.5rem !important; + } + .mr-lg-4 { + margin-right: 1.5rem !important; + } + .mb-lg-4 { + margin-bottom: 1.5rem !important; + } + .ml-lg-4 { + margin-left: 1.5rem !important; + } + .mx-lg-4 { + margin-right: 1.5rem !important; + margin-left: 1.5rem !important; + } + .my-lg-4 { + margin-top: 1.5rem !important; + margin-bottom: 1.5rem !important; + } + .m-lg-5 { + margin: 3rem 3rem !important; + } + .mt-lg-5 { + margin-top: 3rem !important; + } + .mr-lg-5 { + margin-right: 3rem !important; + } + .mb-lg-5 { + margin-bottom: 3rem !important; + } + .ml-lg-5 { + margin-left: 3rem !important; + } + .mx-lg-5 { + margin-right: 3rem !important; + margin-left: 3rem !important; + } + .my-lg-5 { + margin-top: 3rem !important; + margin-bottom: 3rem !important; + } + .p-lg-0 { + padding: 0 0 !important; + } + .pt-lg-0 { + padding-top: 0 !important; + } + .pr-lg-0 { + padding-right: 0 !important; + } + .pb-lg-0 { + padding-bottom: 0 !important; + } + .pl-lg-0 { + padding-left: 0 !important; + } + .px-lg-0 { + padding-right: 0 !important; + padding-left: 0 !important; + } + .py-lg-0 { + padding-top: 0 !important; + padding-bottom: 0 !important; + } + .p-lg-1 { + padding: 0.25rem 0.25rem !important; + } + .pt-lg-1 { + padding-top: 0.25rem !important; + } + .pr-lg-1 { + padding-right: 0.25rem !important; + } + .pb-lg-1 { + padding-bottom: 0.25rem !important; + } + .pl-lg-1 { + padding-left: 0.25rem !important; + } + .px-lg-1 { + padding-right: 0.25rem !important; + padding-left: 0.25rem !important; + } + .py-lg-1 { + padding-top: 0.25rem !important; + padding-bottom: 0.25rem !important; + } + .p-lg-2 { + padding: 0.5rem 0.5rem !important; + } + .pt-lg-2 { + padding-top: 0.5rem !important; + } + .pr-lg-2 { + padding-right: 0.5rem !important; + } + .pb-lg-2 { + padding-bottom: 0.5rem !important; + } + .pl-lg-2 { + padding-left: 0.5rem !important; + } + .px-lg-2 { + padding-right: 0.5rem !important; + padding-left: 0.5rem !important; + } + .py-lg-2 { + padding-top: 0.5rem !important; + padding-bottom: 0.5rem !important; + } + .p-lg-3 { + padding: 1rem 1rem !important; + } + .pt-lg-3 { + padding-top: 1rem !important; + } + .pr-lg-3 { + padding-right: 1rem !important; + } + .pb-lg-3 { + padding-bottom: 1rem !important; + } + .pl-lg-3 { + padding-left: 1rem !important; + } + .px-lg-3 { + padding-right: 1rem !important; + padding-left: 1rem !important; + } + .py-lg-3 { + padding-top: 1rem !important; + padding-bottom: 1rem !important; + } + .p-lg-4 { + padding: 1.5rem 1.5rem !important; + } + .pt-lg-4 { + padding-top: 1.5rem !important; + } + .pr-lg-4 { + padding-right: 1.5rem !important; + } + .pb-lg-4 { + padding-bottom: 1.5rem !important; + } + .pl-lg-4 { + padding-left: 1.5rem !important; + } + .px-lg-4 { + padding-right: 1.5rem !important; + padding-left: 1.5rem !important; + } + .py-lg-4 { + padding-top: 1.5rem !important; + padding-bottom: 1.5rem !important; + } + .p-lg-5 { + padding: 3rem 3rem !important; + } + .pt-lg-5 { + padding-top: 3rem !important; + } + .pr-lg-5 { + padding-right: 3rem !important; + } + .pb-lg-5 { + padding-bottom: 3rem !important; + } + .pl-lg-5 { + padding-left: 3rem !important; + } + .px-lg-5 { + padding-right: 3rem !important; + padding-left: 3rem !important; + } + .py-lg-5 { + padding-top: 3rem !important; + padding-bottom: 3rem !important; + } + .m-lg-auto { + margin: auto !important; + } + .mt-lg-auto { + margin-top: auto !important; + } + .mr-lg-auto { + margin-right: auto !important; + } + .mb-lg-auto { + margin-bottom: auto !important; + } + .ml-lg-auto { + margin-left: auto !important; + } + .mx-lg-auto { + margin-right: auto !important; + margin-left: auto !important; + } + .my-lg-auto { + margin-top: auto !important; + margin-bottom: auto !important; + } +} + +@media (min-width: 1200px) { + .m-xl-0 { + margin: 0 0 !important; + } + .mt-xl-0 { + margin-top: 0 !important; + } + .mr-xl-0 { + margin-right: 0 !important; + } + .mb-xl-0 { + margin-bottom: 0 !important; + } + .ml-xl-0 { + margin-left: 0 !important; + } + .mx-xl-0 { + margin-right: 0 !important; + margin-left: 0 !important; + } + .my-xl-0 { + margin-top: 0 !important; + margin-bottom: 0 !important; + } + .m-xl-1 { + margin: 0.25rem 0.25rem !important; + } + .mt-xl-1 { + margin-top: 0.25rem !important; + } + .mr-xl-1 { + margin-right: 0.25rem !important; + } + .mb-xl-1 { + margin-bottom: 0.25rem !important; + } + .ml-xl-1 { + margin-left: 0.25rem !important; + } + .mx-xl-1 { + margin-right: 0.25rem !important; + margin-left: 0.25rem !important; + } + .my-xl-1 { + margin-top: 0.25rem !important; + margin-bottom: 0.25rem !important; + } + .m-xl-2 { + margin: 0.5rem 0.5rem !important; + } + .mt-xl-2 { + margin-top: 0.5rem !important; + } + .mr-xl-2 { + margin-right: 0.5rem !important; + } + .mb-xl-2 { + margin-bottom: 0.5rem !important; + } + .ml-xl-2 { + margin-left: 0.5rem !important; + } + .mx-xl-2 { + margin-right: 0.5rem !important; + margin-left: 0.5rem !important; + } + .my-xl-2 { + margin-top: 0.5rem !important; + margin-bottom: 0.5rem !important; + } + .m-xl-3 { + margin: 1rem 1rem !important; + } + .mt-xl-3 { + margin-top: 1rem !important; + } + .mr-xl-3 { + margin-right: 1rem !important; + } + .mb-xl-3 { + margin-bottom: 1rem !important; + } + .ml-xl-3 { + margin-left: 1rem !important; + } + .mx-xl-3 { + margin-right: 1rem !important; + margin-left: 1rem !important; + } + .my-xl-3 { + margin-top: 1rem !important; + margin-bottom: 1rem !important; + } + .m-xl-4 { + margin: 1.5rem 1.5rem !important; + } + .mt-xl-4 { + margin-top: 1.5rem !important; + } + .mr-xl-4 { + margin-right: 1.5rem !important; + } + .mb-xl-4 { + margin-bottom: 1.5rem !important; + } + .ml-xl-4 { + margin-left: 1.5rem !important; + } + .mx-xl-4 { + margin-right: 1.5rem !important; + margin-left: 1.5rem !important; + } + .my-xl-4 { + margin-top: 1.5rem !important; + margin-bottom: 1.5rem !important; + } + .m-xl-5 { + margin: 3rem 3rem !important; + } + .mt-xl-5 { + margin-top: 3rem !important; + } + .mr-xl-5 { + margin-right: 3rem !important; + } + .mb-xl-5 { + margin-bottom: 3rem !important; + } + .ml-xl-5 { + margin-left: 3rem !important; + } + .mx-xl-5 { + margin-right: 3rem !important; + margin-left: 3rem !important; + } + .my-xl-5 { + margin-top: 3rem !important; + margin-bottom: 3rem !important; + } + .p-xl-0 { + padding: 0 0 !important; + } + .pt-xl-0 { + padding-top: 0 !important; + } + .pr-xl-0 { + padding-right: 0 !important; + } + .pb-xl-0 { + padding-bottom: 0 !important; + } + .pl-xl-0 { + padding-left: 0 !important; + } + .px-xl-0 { + padding-right: 0 !important; + padding-left: 0 !important; + } + .py-xl-0 { + padding-top: 0 !important; + padding-bottom: 0 !important; + } + .p-xl-1 { + padding: 0.25rem 0.25rem !important; + } + .pt-xl-1 { + padding-top: 0.25rem !important; + } + .pr-xl-1 { + padding-right: 0.25rem !important; + } + .pb-xl-1 { + padding-bottom: 0.25rem !important; + } + .pl-xl-1 { + padding-left: 0.25rem !important; + } + .px-xl-1 { + padding-right: 0.25rem !important; + padding-left: 0.25rem !important; + } + .py-xl-1 { + padding-top: 0.25rem !important; + padding-bottom: 0.25rem !important; + } + .p-xl-2 { + padding: 0.5rem 0.5rem !important; + } + .pt-xl-2 { + padding-top: 0.5rem !important; + } + .pr-xl-2 { + padding-right: 0.5rem !important; + } + .pb-xl-2 { + padding-bottom: 0.5rem !important; + } + .pl-xl-2 { + padding-left: 0.5rem !important; + } + .px-xl-2 { + padding-right: 0.5rem !important; + padding-left: 0.5rem !important; + } + .py-xl-2 { + padding-top: 0.5rem !important; + padding-bottom: 0.5rem !important; + } + .p-xl-3 { + padding: 1rem 1rem !important; + } + .pt-xl-3 { + padding-top: 1rem !important; + } + .pr-xl-3 { + padding-right: 1rem !important; + } + .pb-xl-3 { + padding-bottom: 1rem !important; + } + .pl-xl-3 { + padding-left: 1rem !important; + } + .px-xl-3 { + padding-right: 1rem !important; + padding-left: 1rem !important; + } + .py-xl-3 { + padding-top: 1rem !important; + padding-bottom: 1rem !important; + } + .p-xl-4 { + padding: 1.5rem 1.5rem !important; + } + .pt-xl-4 { + padding-top: 1.5rem !important; + } + .pr-xl-4 { + padding-right: 1.5rem !important; + } + .pb-xl-4 { + padding-bottom: 1.5rem !important; + } + .pl-xl-4 { + padding-left: 1.5rem !important; + } + .px-xl-4 { + padding-right: 1.5rem !important; + padding-left: 1.5rem !important; + } + .py-xl-4 { + padding-top: 1.5rem !important; + padding-bottom: 1.5rem !important; + } + .p-xl-5 { + padding: 3rem 3rem !important; + } + .pt-xl-5 { + padding-top: 3rem !important; + } + .pr-xl-5 { + padding-right: 3rem !important; + } + .pb-xl-5 { + padding-bottom: 3rem !important; + } + .pl-xl-5 { + padding-left: 3rem !important; + } + .px-xl-5 { + padding-right: 3rem !important; + padding-left: 3rem !important; + } + .py-xl-5 { + padding-top: 3rem !important; + padding-bottom: 3rem !important; + } + .m-xl-auto { + margin: auto !important; + } + .mt-xl-auto { + margin-top: auto !important; + } + .mr-xl-auto { + margin-right: auto !important; + } + .mb-xl-auto { + margin-bottom: auto !important; + } + .ml-xl-auto { + margin-left: auto !important; + } + .mx-xl-auto { + margin-right: auto !important; + margin-left: auto !important; + } + .my-xl-auto { + margin-top: auto !important; + margin-bottom: auto !important; + } +} + .pos-f-t { position: fixed; top: 0; @@ -6130,19 +9192,19 @@ a.bg-inverse:focus, a.bg-inverse:hover { white-space: nowrap; } -.text-xs-left { +.text-left { text-align: left !important; } -.text-xs-right { +.text-right { text-align: right !important; } -.text-xs-center { +.text-center { text-align: center !important; } -@media (min-width: 544px) { +@media (min-width: 576px) { .text-sm-left { text-align: left !important; } @@ -6214,12 +9276,16 @@ a.bg-inverse:focus, a.bg-inverse:hover { font-style: italic; } +.text-white { + color: #fff !important; +} + .text-muted { - color: #818a91 !important; + color: #636c72 !important; } a.text-muted:focus, a.text-muted:hover { - color: #687077 !important; + color: #4b5257 !important; } .text-primary { @@ -6262,6 +9328,14 @@ a.text-danger:focus, a.text-danger:hover { color: #c9302c !important; } +.text-gray-dark { + color: #292b2c !important; +} + +a.text-gray-dark:focus, a.text-gray-dark:hover { + color: #101112 !important; +} + .text-hide { font: 0/0 a; color: transparent; @@ -6278,13 +9352,13 @@ a.text-danger:focus, a.text-danger:hover { display: none !important; } -@media (max-width: 543px) { +@media (max-width: 575px) { .hidden-xs-down { display: none !important; } } -@media (min-width: 544px) { +@media (min-width: 576px) { .hidden-sm-up { display: none !important; } |
