diff options
Diffstat (limited to 'dist/css/bootstrap.css')
| -rw-r--r-- | dist/css/bootstrap.css | 5760 |
1 files changed, 4347 insertions, 1413 deletions
diff --git a/dist/css/bootstrap.css b/dist/css/bootstrap.css index 64c86c426..651d2ddcd 100644 --- a/dist/css/bootstrap.css +++ b/dist/css/bootstrap.css @@ -1,10 +1,10 @@ /*! - * Bootstrap v4.0.0-alpha.4 (https://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.2.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; @@ -18,38 +18,38 @@ 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 { @@ -78,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 { @@ -112,31 +114,22 @@ 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, @@ -144,14 +137,12 @@ input, optgroup, select, textarea { - font: inherit; + font-family: sans-serif; + font-size: 100%; + line-height: 1.15; margin: 0; } -optgroup { - font-weight: bold; -} - button, input { overflow: visible; @@ -200,6 +191,11 @@ legend { white-space: normal; } +progress { + display: inline-block; + vertical-align: baseline; +} + textarea { overflow: auto; } @@ -226,21 +222,40 @@ textarea { -webkit-appearance: none; } -::-webkit-input-placeholder { - color: inherit; - opacity: 0.54; -} - ::-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, + p::first-letter, + div::first-letter, + blockquote::first-letter, + li::first-letter, p::first-line, div::first-line, blockquote::first-line, @@ -288,7 +303,7 @@ textarea { .dropup > .btn > .caret { border-top-color: #000 !important; } - .tag { + .badge { border: 1px solid #000; } .table { @@ -327,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; } @@ -351,7 +367,6 @@ p { abbr[title], abbr[data-original-title] { cursor: help; - border-bottom: 1px dotted #818a91; } address { @@ -455,7 +470,7 @@ table { caption { padding-top: 0.75rem; padding-bottom: 0.75rem; - color: #818a91; + color: #636c72; text-align: left; caption-side: bottom; } @@ -592,7 +607,7 @@ hr { small, .small { - font-size: 0.875rem; + font-size: 80%; font-weight: normal; } @@ -635,7 +650,7 @@ mark, .blockquote-footer { display: block; font-size: 80%; - color: #818a91; + color: #636c72; } .blockquote-footer::before { @@ -658,12 +673,7 @@ mark, content: "\00A0 \2014"; } -dl.row > dd + dt { - clear: left; -} - -.img-fluid, .carousel-inner > .carousel-item > img, -.carousel-inner > .carousel-item > a > img { +.img-fluid { max-width: 100%; height: auto; } @@ -673,9 +683,9 @@ dl.row > dd + dt { 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; + -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; } @@ -691,7 +701,7 @@ dl.row > dd + dt { .figure-caption { font-size: 90%; - color: #818a91; + color: #636c72; } code, @@ -709,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; } @@ -728,7 +744,7 @@ pre { margin-top: 0; margin-bottom: 1rem; font-size: 90%; - color: #373a3c; + color: #292b2c; } pre code { @@ -747,14 +763,36 @@ 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: 576px) { @@ -788,27 +826,50 @@ pre code { .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 { + 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; @@ -837,297 +898,417 @@ pre code { } } -.col-xs, .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, .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, .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, .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, .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 { + margin-right: 0; + margin-left: 0; +} + +.no-gutters > .col, +.no-gutters > [class*="col-"] { + padding-right: 0; + padding-left: 0; +} + +.col-1, .col-2, .col-3, .col-4, .col-5, .col-6, .col-7, .col-8, .col-9, .col-10, .col-11, .col-12, .col, .col-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; } @media (min-width: 576px) { - .col-xs, .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, .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, .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, .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, .col-xl-1, .col-xl-2, .col-xl-3, .col-xl-4, .col-xl-5, .col-xl-6, .col-xl-7, .col-xl-8, .col-xl-9, .col-xl-10, .col-xl-11, .col-xl-12 { + .col-1, .col-2, .col-3, .col-4, .col-5, .col-6, .col-7, .col-8, .col-9, .col-10, .col-11, .col-12, .col, .col-sm-1, .col-sm-2, .col-sm-3, .col-sm-4, .col-sm-5, .col-sm-6, .col-sm-7, .col-sm-8, .col-sm-9, .col-sm-10, .col-sm-11, .col-sm-12, .col-sm, .col-md-1, .col-md-2, .col-md-3, .col-md-4, .col-md-5, .col-md-6, .col-md-7, .col-md-8, .col-md-9, .col-md-10, .col-md-11, .col-md-12, .col-md, .col-lg-1, .col-lg-2, .col-lg-3, .col-lg-4, .col-lg-5, .col-lg-6, .col-lg-7, .col-lg-8, .col-lg-9, .col-lg-10, .col-lg-11, .col-lg-12, .col-lg, .col-xl-1, .col-xl-2, .col-xl-3, .col-xl-4, .col-xl-5, .col-xl-6, .col-xl-7, .col-xl-8, .col-xl-9, .col-xl-10, .col-xl-11, .col-xl-12, .col-xl { padding-right: 15px; padding-left: 15px; } } @media (min-width: 768px) { - .col-xs, .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, .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, .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, .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, .col-xl-1, .col-xl-2, .col-xl-3, .col-xl-4, .col-xl-5, .col-xl-6, .col-xl-7, .col-xl-8, .col-xl-9, .col-xl-10, .col-xl-11, .col-xl-12 { + .col-1, .col-2, .col-3, .col-4, .col-5, .col-6, .col-7, .col-8, .col-9, .col-10, .col-11, .col-12, .col, .col-sm-1, .col-sm-2, .col-sm-3, .col-sm-4, .col-sm-5, .col-sm-6, .col-sm-7, .col-sm-8, .col-sm-9, .col-sm-10, .col-sm-11, .col-sm-12, .col-sm, .col-md-1, .col-md-2, .col-md-3, .col-md-4, .col-md-5, .col-md-6, .col-md-7, .col-md-8, .col-md-9, .col-md-10, .col-md-11, .col-md-12, .col-md, .col-lg-1, .col-lg-2, .col-lg-3, .col-lg-4, .col-lg-5, .col-lg-6, .col-lg-7, .col-lg-8, .col-lg-9, .col-lg-10, .col-lg-11, .col-lg-12, .col-lg, .col-xl-1, .col-xl-2, .col-xl-3, .col-xl-4, .col-xl-5, .col-xl-6, .col-xl-7, .col-xl-8, .col-xl-9, .col-xl-10, .col-xl-11, .col-xl-12, .col-xl { padding-right: 15px; padding-left: 15px; } } @media (min-width: 992px) { - .col-xs, .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, .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, .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, .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, .col-xl-1, .col-xl-2, .col-xl-3, .col-xl-4, .col-xl-5, .col-xl-6, .col-xl-7, .col-xl-8, .col-xl-9, .col-xl-10, .col-xl-11, .col-xl-12 { + .col-1, .col-2, .col-3, .col-4, .col-5, .col-6, .col-7, .col-8, .col-9, .col-10, .col-11, .col-12, .col, .col-sm-1, .col-sm-2, .col-sm-3, .col-sm-4, .col-sm-5, .col-sm-6, .col-sm-7, .col-sm-8, .col-sm-9, .col-sm-10, .col-sm-11, .col-sm-12, .col-sm, .col-md-1, .col-md-2, .col-md-3, .col-md-4, .col-md-5, .col-md-6, .col-md-7, .col-md-8, .col-md-9, .col-md-10, .col-md-11, .col-md-12, .col-md, .col-lg-1, .col-lg-2, .col-lg-3, .col-lg-4, .col-lg-5, .col-lg-6, .col-lg-7, .col-lg-8, .col-lg-9, .col-lg-10, .col-lg-11, .col-lg-12, .col-lg, .col-xl-1, .col-xl-2, .col-xl-3, .col-xl-4, .col-xl-5, .col-xl-6, .col-xl-7, .col-xl-8, .col-xl-9, .col-xl-10, .col-xl-11, .col-xl-12, .col-xl { padding-right: 15px; padding-left: 15px; } } @media (min-width: 1200px) { - .col-xs, .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, .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, .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, .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, .col-xl-1, .col-xl-2, .col-xl-3, .col-xl-4, .col-xl-5, .col-xl-6, .col-xl-7, .col-xl-8, .col-xl-9, .col-xl-10, .col-xl-11, .col-xl-12 { + .col-1, .col-2, .col-3, .col-4, .col-5, .col-6, .col-7, .col-8, .col-9, .col-10, .col-11, .col-12, .col, .col-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-1 { - float: left; - width: 8.333333%; +.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-2 { - float: left; - width: 16.666667%; +.col-auto { + -webkit-box-flex: 0; + -webkit-flex: 0 0 auto; + -ms-flex: 0 0 auto; + flex: 0 0 auto; + width: auto; } -.col-xs-3 { - float: left; - width: 25%; +.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-4 { - float: left; - width: 33.333333%; +.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-5 { - float: left; - width: 41.666667%; +.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-6 { - float: left; - width: 50%; +.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-7 { - float: left; - width: 58.333333%; +.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-8 { - float: left; - width: 66.666667%; +.col-6 { + -webkit-box-flex: 0; + -webkit-flex: 0 0 50%; + -ms-flex: 0 0 50%; + flex: 0 0 50%; + max-width: 50%; } -.col-xs-9 { - float: left; - width: 75%; +.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-xs-10 { - float: left; - width: 83.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-xs-11 { - float: left; - width: 91.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-xs-12 { - float: left; - width: 100%; +.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%; } -.pull-xs-0 { +.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: 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; @@ -1246,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; @@ -1411,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; @@ -1576,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; @@ -1870,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 { @@ -1896,8 +2236,12 @@ pre code { .table-responsive { display: block; width: 100%; - min-height: 0%; overflow-x: auto; + -ms-overflow-style: -ms-autohiding-scrollbar; +} + +.table-responsive.table-bordered { + border: 0; } .table-reflow thead { @@ -1945,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 { @@ -1960,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; } @@ -1996,11 +2345,11 @@ pre code { } select.form-control:not([size]):not([multiple]) { - height: calc(2.5rem - 2px); + height: calc(2.25rem + 2px); } select.form-control:focus::-ms-value { - color: #55595c; + color: #464a4c; background-color: #fff; } @@ -2010,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; } @@ -2037,6 +2386,7 @@ select.form-control:focus::-ms-value { .form-control-static { padding-top: 0.5rem; padding-bottom: 0.5rem; + margin-bottom: 0; line-height: 1.25; border: solid transparent; border-width: 1px 0; @@ -2091,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; } @@ -2111,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; } @@ -2120,21 +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 { - color: #818a91; - cursor: not-allowed; +.form-check-inline + .form-check-inline { + margin-left: 0.75rem; } .form-control-feedback { @@ -2146,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; } @@ -2163,11 +2503,6 @@ select.form-control-lg:not([size]):not([multiple]), .input-group-lg > select.for border-color: #5cb85c; } -.has-success .form-control:focus { - -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 6px #a3d7a3; - box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 6px #a3d7a3; -} - .has-success .input-group-addon { color: #5cb85c; border-color: #5cb85c; @@ -2175,13 +2510,13 @@ select.form-control-lg:not([size]):not([multiple]), .input-group-lg > select.for } .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='#5cb85c' d='M2.3 6.73L.6 4.53c-.4-1.04.46-1.4 1.1-.8l1.1 1.4 3.4-3.8c.6-.63 1.6-.27 1.2.7l-4 4.6c-.43.5-.8.4-1.1.1z'/%3E%3C/svg%3E"); + background-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; } @@ -2190,11 +2525,6 @@ select.form-control-lg:not([size]):not([multiple]), .input-group-lg > select.for border-color: #f0ad4e; } -.has-warning .form-control:focus { - -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 6px #f8d9ac; - box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 6px #f8d9ac; -} - .has-warning .input-group-addon { color: #f0ad4e; border-color: #f0ad4e; @@ -2202,13 +2532,13 @@ select.form-control-lg:not([size]):not([multiple]), .input-group-lg > select.for } .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='#f0ad4e' 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"); + 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; } @@ -2217,11 +2547,6 @@ select.form-control-lg:not([size]):not([multiple]), .input-group-lg > select.for border-color: #d9534f; } -.has-danger .form-control:focus { - -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 6px #eba5a3; - box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 6px #eba5a3; -} - .has-danger .input-group-addon { color: #d9534f; border-color: #d9534f; @@ -2229,14 +2554,56 @@ select.form-control-lg:not([size]):not([multiple]), .input-group-lg > select.for } .has-danger .form-control-danger { - background-image: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='#d9534f' 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"); + 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"); +} + +.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; @@ -2247,35 +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; width: auto; - 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; } @@ -2288,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; @@ -2297,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 { @@ -2322,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; @@ -2340,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; + -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: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; -} - -.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 { @@ -2430,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; + -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:active:hover, .btn-info:active:focus, .btn-info:active.focus, .btn-info.active:hover, .btn-info.active:focus, .btn-info.active.focus, -.open > .btn-info.dropdown-toggle:hover, -.open > .btn-info.dropdown-toggle:focus, -.open > .btn-info.dropdown-toggle.focus { - color: #fff; - background-color: #269abc; - border-color: #1f7e9a; -} - -.btn-info.disabled: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 { @@ -2475,36 +2819,21 @@ fieldset[disabled] a.btn { } .btn-success:focus, .btn-success.focus { - color: #fff; - background-color: #449d44; - border-color: #419641; + -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: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; -} - -.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 { @@ -2520,36 +2849,21 @@ fieldset[disabled] a.btn { } .btn-warning:focus, .btn-warning.focus { - color: #fff; - background-color: #ec971f; - border-color: #eb9316; + -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: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; -} - -.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 { @@ -2565,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; -} - -.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; + -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.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 { @@ -2611,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; @@ -2654,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; @@ -2697,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; @@ -2740,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; @@ -2783,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; @@ -2826,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; @@ -2879,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; } @@ -2913,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; } @@ -2926,15 +3150,15 @@ input[type="button"].btn-block { display: none; } -.collapse.in { +.collapse.show { display: block; } -tr.collapse.in { +tr.collapse.show { display: table-row; } -tbody.collapse.in { +tbody.collapse.show { display: table-row-group; } @@ -2942,15 +3166,9 @@ tbody.collapse.in { 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, @@ -2990,7 +3208,7 @@ tbody.collapse.in { 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; @@ -3004,7 +3222,7 @@ tbody.collapse.in { height: 1px; margin: 0.5rem 0; overflow: hidden; - background-color: #e5e5e5; + background-color: #eceeef; } .dropdown-item { @@ -3013,7 +3231,7 @@ tbody.collapse.in { padding: 3px 1.5rem; clear: both; font-weight: normal; - color: #373a3c; + color: #292b2c; text-align: inherit; white-space: nowrap; background: none; @@ -3021,35 +3239,28 @@ tbody.collapse.in { } .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; } @@ -3068,7 +3279,7 @@ tbody.collapse.in { padding: 0.5rem 1.5rem; margin-bottom: 0; font-size: 0.875rem; - color: #818a91; + color: #636c72; white-space: nowrap; } @@ -3098,15 +3309,25 @@ tbody.collapse.in { .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; - margin-bottom: 0; + -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, @@ -3116,37 +3337,30 @@ tbody.collapse.in { 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) { @@ -3224,23 +3438,29 @@ tbody.collapse.in { 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, @@ -3291,16 +3511,21 @@ tbody.collapse.in { .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; } @@ -3311,7 +3536,19 @@ tbody.collapse.in { .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), @@ -3322,7 +3559,6 @@ tbody.collapse.in { .input-group-addon, .input-group-btn { - width: 1%; white-space: nowrap; vertical-align: middle; } @@ -3333,7 +3569,7 @@ tbody.collapse.in { 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); @@ -3399,6 +3635,10 @@ tbody.collapse.in { .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 { @@ -3429,15 +3669,16 @@ tbody.collapse.in { .custom-control { position: relative; - display: inline-block; + 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; @@ -3446,32 +3687,32 @@ tbody.collapse.in { .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: .25rem; + top: 0.25rem; left: 0; display: block; width: 1rem; @@ -3493,12 +3734,12 @@ tbody.collapse.in { } .custom-checkbox .custom-control-input:checked ~ .custom-control-indicator { - 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='#fff' d='M6.564.75l-3.59 3.612-1.538-1.55L0 4.26 2.974 7.25 8 2.193z'/%3E%3C/svg%3E"); + background-image: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 8 8'%3E%3Cpath fill='%23fff' d='M6.564.75l-3.59 3.612-1.538-1.55L0 4.26 2.974 7.25 8 2.193z'/%3E%3C/svg%3E"); } .custom-checkbox .custom-control-input:indeterminate ~ .custom-control-indicator { - background-color: #0074d9; - 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='#fff' d='M0 2h4'/%3E%3C/svg%3E"); + 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"); } .custom-radio .custom-control-indicator { @@ -3506,12 +3747,23 @@ tbody.collapse.in { } .custom-radio .custom-control-input:checked ~ .custom-control-indicator { - 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='#fff'/%3E%3C/svg%3E"); + background-image: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='-4 -4 8 8'%3E%3Ccircle r='3' fill='%23fff'/%3E%3C/svg%3E"); +} + +.custom-controls-stacked { + display: -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 { - float: left; - clear: left; + margin-bottom: 0.25rem; } .custom-controls-stacked .custom-control + .custom-control { @@ -3521,13 +3773,12 @@ tbody.collapse.in { .custom-select { display: inline-block; max-width: 100%; - height: calc(2.5rem - 2px); + 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='#333' d='M2 0L0 2h4zm0 5L0 3h4z'/%3E%3C/svg%3E") no-repeat right 0.75rem center; - background-image: none \9; + 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; -webkit-background-size: 8px 10px; background-size: 8px 10px; border: 1px solid rgba(0, 0, 0, 0.15); @@ -3537,17 +3788,17 @@ tbody.collapse.in { } .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; } @@ -3567,6 +3818,7 @@ tbody.collapse.in { display: inline-block; max-width: 100%; height: 2.5rem; + margin-bottom: 0; cursor: pointer; } @@ -3587,13 +3839,13 @@ tbody.collapse.in { 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; } @@ -3611,9 +3863,9 @@ tbody.collapse.in { 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; } @@ -3622,13 +3874,18 @@ tbody.collapse.in { } .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 { @@ -3636,46 +3893,19 @@ tbody.collapse.in { } .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; @@ -3685,19 +3915,17 @@ tbody.collapse.in { 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 { @@ -3706,43 +3934,31 @@ tbody.collapse.in { 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 { @@ -3755,29 +3971,21 @@ tbody.collapse.in { .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: 576px) { - .navbar { - border-radius: 0.25rem; - } -} - -.navbar-full { - z-index: 1000; +.navbar-toggler-left { + position: absolute; + left: 1rem; } -@media (min-width: 576px) { - .navbar-full { - border-radius: 0; - } +.navbar-toggler-right { + position: absolute; + right: 1rem; } .navbar-fixed-top, @@ -3788,13 +3996,6 @@ tbody.collapse.in { z-index: 1030; } -@media (min-width: 576px) { - .navbar-fixed-top, - .navbar-fixed-bottom { - border-radius: 0; - } -} - .navbar-fixed-top { top: 0; } @@ -3808,36 +4009,27 @@ tbody.collapse.in { position: sticky; top: 0; z-index: 1030; - width: 100%; -} - -@media (min-width: 576px) { - .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; @@ -3847,15 +4039,17 @@ tbody.collapse.in { content: "\00a0"; } +.navbar-text { + display: inline-block; + padding-top: .425rem; + padding-bottom: .425rem; +} + .navbar-toggler { - width: 2.5em; - height: 2em; - padding: .5rem .75rem; + padding: 0.25rem 0.75rem; font-size: 1.25rem; line-height: 1; - background: transparent no-repeat center center; - -webkit-background-size: 24px 24px; - background-size: 24px 24px; + background: transparent; border: 1px solid transparent; border-radius: 0.25rem; } @@ -3864,8 +4058,22 @@ tbody.collapse.in { 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 { @@ -3874,164 +4082,409 @@ tbody.collapse.in { 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 { - 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.3)' stroke-width='2' stroke-linecap='round' stroke-miterlimit='10' d='M4 8h24M4 16h24M4 24h24'/%3E%3C/svg%3E"); + 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-toggler { +.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-dark .navbar-divider { +.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: 575px) { - .navbar-toggleable-xs .navbar-nav .nav-item { + .navbar-toggleable .navbar-nav .dropdown-menu { + position: static; float: none; - margin-left: 0; + } + .navbar-toggleable > .container { + padding-right: 0; + padding-left: 0; } } @media (min-width: 576px) { - .navbar-toggleable-xs { - display: block !important; + .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; } -} - -.navbar-toggleable-sm::after { - content: ""; - display: table; - clear: both; } @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; } @@ -4066,32 +4519,20 @@ tbody.collapse.in { .card-header { padding: 0.75rem 1.25rem; margin-bottom: 0; - background-color: #f5f5f5; + 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: 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 calc(0.25rem - 1px) calc(0.25rem - 1px); } @@ -4188,8 +4629,13 @@ tbody.collapse.in { 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); } @@ -4242,32 +4688,52 @@ tbody.collapse.in { @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: 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; @@ -4314,6 +4780,7 @@ tbody.collapse.in { .card-columns .card { display: inline-block; width: 100%; + margin-bottom: 0.75rem; } } @@ -4326,8 +4793,8 @@ tbody.collapse.in { } .breadcrumb::after { + display: block; content: ""; - display: table; clear: both; } @@ -4339,7 +4806,7 @@ tbody.collapse.in { display: inline-block; padding-right: 0.5rem; padding-left: 0.5rem; - color: #818a91; + color: #636c72; content: "/"; } @@ -4352,21 +4819,19 @@ tbody.collapse.in { } .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; @@ -4378,16 +4843,15 @@ tbody.collapse.in { 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; @@ -4396,17 +4860,18 @@ tbody.collapse.in { .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; } @@ -4427,7 +4892,7 @@ tbody.collapse.in { } .pagination-sm .page-link { - padding: 0.275rem 0.75rem; + padding: 0.25rem 0.5rem; font-size: 0.875rem; } @@ -4441,7 +4906,7 @@ tbody.collapse.in { border-top-right-radius: 0.2rem; } -.tag { +.badge { display: inline-block; padding: 0.25em 0.4em; font-size: 75%; @@ -4454,72 +4919,72 @@ tbody.collapse.in { 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; } @@ -4547,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; @@ -4561,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; } @@ -4660,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; @@ -4672,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 { @@ -4745,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; @@ -4764,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; } @@ -4784,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; } @@ -4802,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; } @@ -4820,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; } @@ -4838,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 { + 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, .media-body { - overflow: hidden; -} - -.media-body { - width: 10000px; -} - -.media-left, -.media-right, -.media-body { - display: table-cell; - vertical-align: top; -} - -.media-middle { - vertical-align: middle; -} - -.media-bottom { - vertical-align: bottom; -} - -.media-object { - display: block; -} - -.media-object.img-thumbnail { - max-width: none; + -webkit-box-flex: 1; + -webkit-flex: 1 1 0%; + -ms-flex: 1 1 0%; + flex: 1 1 0%; } -.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 { @@ -4919,40 +5313,39 @@ 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 { @@ -4961,20 +5354,12 @@ base::-moz-progress-bar, 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 { @@ -4999,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; @@ -5030,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; @@ -5061,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; @@ -5092,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; @@ -5156,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 { @@ -5191,20 +5558,18 @@ button.close { } .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); } @@ -5222,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; @@ -5244,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 { @@ -5295,7 +5688,7 @@ button.close { @media (min-width: 576px) { .modal-dialog { - max-width: 600px; + max-width: 500px; margin: 30px auto; } .modal-sm { @@ -5305,7 +5698,7 @@ button.close { @media (min-width: 992px) { .modal-lg { - max-width: 900px; + max-width: 800px; } } @@ -5313,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; @@ -5332,7 +5725,7 @@ button.close { opacity: 0; } -.tooltip.in { +.tooltip.show { opacity: 0.9; } @@ -5417,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; @@ -5582,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; } @@ -5774,39 +6187,34 @@ 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: 576px) { - .carousel-control .icon-prev, - .carousel-control .icon-next { - width: 30px; - height: 30px; - margin-top: -15px; - font-size: 30px; - } - .carousel-control .icon-prev { - margin-left: -15px; - } - .carousel-control .icon-next { - margin-right: -15px; - } - .carousel-caption { - right: 20%; - left: 20%; - padding-bottom: 30px; - } - .carousel-indicators { - bottom: 20px; - } +.align-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 { @@ -5850,11 +6258,31 @@ a.bg-danger:focus, a.bg-danger:hover { } .bg-inverse { - 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 { @@ -5885,33 +6313,1154 @@ a.bg-inverse:focus, a.bg-inverse:hover { 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; } -.float-xs-left { +@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; + } +} + +@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; } -.float-xs-right { +.float-right { float: right !important; } -.float-xs-none { +.float-none { float: none !important; } @@ -5983,17 +7532,44 @@ 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; } +.h-25 { + height: 25% !important; +} + +.h-50 { + height: 50% !important; +} + +.h-75 { + height: 75% !important; +} + .h-100 { height: 100% !important; } -.mx-auto { - margin-right: auto !important; - margin-left: auto !important; +.mw-100 { + max-width: 100% !important; +} + +.mh-100 { + max-height: 100% !important; } .m-0 { @@ -6027,91 +7603,151 @@ a.bg-inverse:focus, a.bg-inverse:hover { } .m-1 { - margin: 1rem 1rem !important; + margin: 0.25rem 0.25rem !important; } .mt-1 { - margin-top: 1rem !important; + margin-top: 0.25rem !important; } .mr-1 { - margin-right: 1rem !important; + margin-right: 0.25rem !important; } .mb-1 { - margin-bottom: 1rem !important; + margin-bottom: 0.25rem !important; } .ml-1 { - margin-left: 1rem !important; + 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; +} + +.mt-3 { + margin-top: 1rem !important; +} + +.mr-3 { margin-right: 1rem !important; +} + +.mb-3 { + margin-bottom: 1rem !important; +} + +.ml-3 { margin-left: 1rem !important; } -.my-1 { +.mx-3 { + margin-right: 1rem !important; + margin-left: 1rem !important; +} + +.my-3 { margin-top: 1rem !important; margin-bottom: 1rem !important; } -.m-2 { +.m-4 { margin: 1.5rem 1.5rem !important; } -.mt-2 { +.mt-4 { margin-top: 1.5rem !important; } -.mr-2 { +.mr-4 { margin-right: 1.5rem !important; } -.mb-2 { +.mb-4 { margin-bottom: 1.5rem !important; } -.ml-2 { +.ml-4 { margin-left: 1.5rem !important; } -.mx-2 { +.mx-4 { margin-right: 1.5rem !important; margin-left: 1.5rem !important; } -.my-2 { +.my-4 { margin-top: 1.5rem !important; margin-bottom: 1.5rem !important; } -.m-3 { +.m-5 { margin: 3rem 3rem !important; } -.mt-3 { +.mt-5 { margin-top: 3rem !important; } -.mr-3 { +.mr-5 { margin-right: 3rem !important; } -.mb-3 { +.mb-5 { margin-bottom: 3rem !important; } -.ml-3 { +.ml-5 { margin-left: 3rem !important; } -.mx-3 { +.mx-5 { margin-right: 3rem !important; margin-left: 3rem !important; } -.my-3 { +.my-5 { margin-top: 3rem !important; margin-bottom: 3rem !important; } @@ -6147,95 +7783,1393 @@ a.bg-inverse:focus, a.bg-inverse:hover { } .p-1 { - padding: 1rem 1rem !important; + padding: 0.25rem 0.25rem !important; } .pt-1 { - padding-top: 1rem !important; + padding-top: 0.25rem !important; } .pr-1 { - padding-right: 1rem !important; + padding-right: 0.25rem !important; } .pb-1 { - padding-bottom: 1rem !important; + padding-bottom: 0.25rem !important; } .pl-1 { - padding-left: 1rem !important; + 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; +} + +.pt-3 { + padding-top: 1rem !important; +} + +.pr-3 { padding-right: 1rem !important; +} + +.pb-3 { + padding-bottom: 1rem !important; +} + +.pl-3 { padding-left: 1rem !important; } -.py-1 { +.px-3 { + padding-right: 1rem !important; + padding-left: 1rem !important; +} + +.py-3 { padding-top: 1rem !important; padding-bottom: 1rem !important; } -.p-2 { +.p-4 { padding: 1.5rem 1.5rem !important; } -.pt-2 { +.pt-4 { padding-top: 1.5rem !important; } -.pr-2 { +.pr-4 { padding-right: 1.5rem !important; } -.pb-2 { +.pb-4 { padding-bottom: 1.5rem !important; } -.pl-2 { +.pl-4 { padding-left: 1.5rem !important; } -.px-2 { +.px-4 { padding-right: 1.5rem !important; padding-left: 1.5rem !important; } -.py-2 { +.py-4 { padding-top: 1.5rem !important; padding-bottom: 1.5rem !important; } -.p-3 { +.p-5 { padding: 3rem 3rem !important; } -.pt-3 { +.pt-5 { padding-top: 3rem !important; } -.pr-3 { +.pr-5 { padding-right: 3rem !important; } -.pb-3 { +.pb-5 { padding-bottom: 3rem !important; } -.pl-3 { +.pl-5 { padding-left: 3rem !important; } -.px-3 { +.px-5 { padding-right: 3rem !important; padding-left: 3rem !important; } -.py-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; @@ -6258,15 +9192,15 @@ 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; } @@ -6347,11 +9281,11 @@ a.bg-inverse:focus, a.bg-inverse:hover { } .text-muted { - color: #818a91 !important; + color: #636c72 !important; } a.text-muted:focus, a.text-muted:hover { - color: #687077 !important; + color: #4b5257 !important; } .text-primary { @@ -6395,11 +9329,11 @@ a.text-danger:focus, a.text-danger:hover { } .text-gray-dark { - color: #373a3c !important; + color: #292b2c !important; } a.text-gray-dark:focus, a.text-gray-dark:hover { - color: #1f2021 !important; + color: #101112 !important; } .text-hide { |