vendor/assets/stylesheets/modular/vendor.css in kadmin-0.6.12 vs vendor/assets/stylesheets/modular/vendor.css in kadmin-0.6.13

- old
+ new

@@ -1,15 +1,17 @@ /*! - * Bootstrap v4.0.0-alpha.2 (http://getbootstrap.com) - * Copyright 2011-2015 Twitter, Inc. + * 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 v3.0.3 | MIT License | github.com/necolas/normalize.css */ +/*! normalize.css v4.2.0 | MIT License | github.com/necolas/normalize.css */ html { font-family: sans-serif; + line-height: 1.15; + -ms-text-size-adjust: 100%; -webkit-text-size-adjust: 100%; - -ms-text-size-adjust: 100%; } body { margin: 0; } @@ -19,11 +21,10 @@ details, figcaption, figure, footer, header, -hgroup, main, menu, nav, section, summary { @@ -33,206 +34,219 @@ audio, canvas, progress, video { display: inline-block; - vertical-align: baseline; } audio:not([controls]) { display: none; height: 0; } -[hidden], -template { +progress { + vertical-align: baseline; +} + +template, +[hidden] { display: none; } a { background-color: transparent; + -webkit-text-decoration-skip: objects; } -a:active { - outline: 0; -} - +a:active, a:hover { - outline: 0; + outline-width: 0; } abbr[title] { - border-bottom: 1px dotted; + border-bottom: none; + text-decoration: underline; + text-decoration: underline dotted; } b, strong { - font-weight: bold; + font-weight: inherit; } +b, +strong { + font-weight: bolder; +} + dfn { font-style: italic; } h1 { - margin: .67em 0; font-size: 2em; + margin: 0.67em 0; } mark { + background-color: #ff0; color: #000; - background: #ff0; } small { font-size: 80%; } sub, sup { - position: relative; font-size: 75%; line-height: 0; + position: relative; vertical-align: baseline; } -sup { - top: -.5em; +sub { + bottom: -0.25em; } -sub { - bottom: -.25em; +sup { + top: -0.5em; } img { - border: 0; + border-style: none; } svg:not(:root) { overflow: hidden; } +code, +kbd, +pre, +samp { + font-family: monospace, monospace; + font-size: 1em; +} + figure { margin: 1em 40px; } hr { - height: 0; -webkit-box-sizing: content-box; box-sizing: content-box; + height: 0; + overflow: visible; } -pre { - overflow: auto; -} - -code, -kbd, -pre, -samp { - font-family: monospace, monospace; - font-size: 1em; -} - button, input, optgroup, select, textarea { - margin: 0; font: inherit; - color: inherit; + margin: 0; } -button { +optgroup { + font-weight: bold; +} + +button, +input { overflow: visible; } button, select { text-transform: none; } button, -html input[type="button"], -input[type="reset"], -input[type="submit"] { +html [type="button"], +[type="reset"], +[type="submit"] { -webkit-appearance: button; - cursor: pointer; } -button[disabled], -html input[disabled] { - cursor: default; +button::-moz-focus-inner, +[type="button"]::-moz-focus-inner, +[type="reset"]::-moz-focus-inner, +[type="submit"]::-moz-focus-inner { + border-style: none; + padding: 0; } -button::-moz-focus-inner, -input::-moz-focus-inner { +button:-moz-focusring, +[type="button"]:-moz-focusring, +[type="reset"]:-moz-focusring, +[type="submit"]:-moz-focusring { + outline: 1px dotted ButtonText; +} + +fieldset { + border: 1px solid #c0c0c0; + margin: 0 2px; + padding: 0.35em 0.625em 0.75em; +} + +legend { + -webkit-box-sizing: border-box; + box-sizing: border-box; + color: inherit; + display: table; + max-width: 100%; padding: 0; - border: 0; + white-space: normal; } -input { - line-height: normal; +textarea { + overflow: auto; } -input[type="checkbox"], -input[type="radio"] { +[type="checkbox"], +[type="radio"] { -webkit-box-sizing: border-box; box-sizing: border-box; padding: 0; } -input[type="number"]::-webkit-inner-spin-button, -input[type="number"]::-webkit-outer-spin-button { +[type="number"]::-webkit-inner-spin-button, +[type="number"]::-webkit-outer-spin-button { height: auto; } -input[type="search"] { - -webkit-box-sizing: content-box; - box-sizing: content-box; +[type="search"] { -webkit-appearance: textfield; + outline-offset: -2px; } -input[type="search"]::-webkit-search-cancel-button, -input[type="search"]::-webkit-search-decoration { +[type="search"]::-webkit-search-cancel-button, +[type="search"]::-webkit-search-decoration { -webkit-appearance: none; } -fieldset { - padding: .35em .625em .75em; - margin: 0 2px; - border: 1px solid #c0c0c0; +::-webkit-input-placeholder { + color: inherit; + opacity: 0.54; } -legend { - padding: 0; - border: 0; +::-webkit-file-upload-button { + -webkit-appearance: button; + font: inherit; } -textarea { - overflow: auto; -} - -optgroup { - font-weight: bold; -} - -table { - border-spacing: 0; - border-collapse: collapse; -} - -td, -th { - padding: 0; -} - @media print { *, *::before, - *::after { + *::after, + *::first-letter, + p::first-line, + div::first-line, + blockquote::first-line, + li::first-line { text-shadow: none !important; -webkit-box-shadow: none !important; box-shadow: none !important; } a, @@ -240,26 +254,25 @@ text-decoration: underline; } abbr[title]::after { content: " (" attr(title) ")"; } + pre { + white-space: pre-wrap !important; + } pre, blockquote { border: 1px solid #999; - page-break-inside: avoid; } thead { display: table-header-group; } tr, img { page-break-inside: avoid; } - img { - max-width: 100% !important; - } p, h2, h3 { orphans: 3; widows: 3; @@ -273,11 +286,11 @@ } .btn > .caret, .dropup > .btn > .caret { border-top-color: #000 !important; } - .label { + .tag { border: 1px solid #000; } .table { border-collapse: collapse !important; } @@ -301,34 +314,22 @@ *::after { -webkit-box-sizing: inherit; box-sizing: inherit; } -@-moz-viewport { - width: device-width; -} - @-ms-viewport { width: device-width; } -@-webkit-viewport { - width: device-width; -} - -@viewport { - width: device-width; -} - html { font-size: 16px; - + -ms-overflow-style: scrollbar; -webkit-tap-highlight-color: transparent; } body { - font-family: "Helvetica Neue", Helvetica, Arial, sans-serif; + font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif; font-size: 1rem; line-height: 1.5; color: #373a3c; background-color: #fff; } @@ -395,18 +396,32 @@ color: #014c8c; text-decoration: underline; } a:focus { - outline: thin dotted; outline: 5px auto -webkit-focus-ring-color; outline-offset: -2px; } +a:not([href]):not([tabindex]) { + color: inherit; + text-decoration: none; +} + +a:not([href]):not([tabindex]):focus, a:not([href]):not([tabindex]):hover { + color: inherit; + text-decoration: none; +} + +a:not([href]):not([tabindex]):focus { + outline: none; +} + pre { margin-top: 0; margin-bottom: 1rem; + overflow: auto; } figure { margin: 0 0 1rem; } @@ -431,16 +446,17 @@ -ms-touch-action: manipulation; touch-action: manipulation; } table { + border-collapse: collapse; background-color: transparent; } caption { - padding-top: .75rem; - padding-bottom: .75rem; + padding-top: 0.75rem; + padding-bottom: 0.75rem; color: #818a91; text-align: left; caption-side: bottom; } @@ -460,15 +476,25 @@ input, button, select, textarea { - margin: 0; line-height: inherit; - border-radius: 0; } +input[type="radio"]:disabled, +input[type="checkbox"]:disabled { + cursor: not-allowed; +} + +input[type="date"], +input[type="time"], +input[type="datetime-local"], +input[type="month"] { + -webkit-appearance: listbox; +} + textarea { resize: vertical; } fieldset { @@ -486,12 +512,10 @@ font-size: 1.5rem; line-height: inherit; } input[type="search"] { - -webkit-box-sizing: inherit; - box-sizing: inherit; -webkit-appearance: none; } output { display: inline-block; @@ -501,65 +525,41 @@ display: none !important; } h1, h2, h3, h4, h5, h6, .h1, .h2, .h3, .h4, .h5, .h6 { - margin-bottom: .5rem; + margin-bottom: 0.5rem; font-family: inherit; font-weight: 500; line-height: 1.1; color: inherit; } -h1 { +h1, .h1 { font-size: 2.5rem; } -h2 { +h2, .h2 { font-size: 2rem; } -h3 { +h3, .h3 { font-size: 1.75rem; } -h4 { +h4, .h4 { font-size: 1.5rem; } -h5 { +h5, .h5 { font-size: 1.25rem; } -h6 { +h6, .h6 { font-size: 1rem; } -.h1 { - font-size: 2.5rem; -} - -.h2 { - font-size: 2rem; -} - -.h3 { - font-size: 1.75rem; -} - -.h4 { - font-size: 1.5rem; -} - -.h5 { - font-size: 1.25rem; -} - -.h6 { - font-size: 1rem; -} - .lead { font-size: 1.25rem; font-weight: 300; } @@ -585,22 +585,22 @@ hr { margin-top: 1rem; margin-bottom: 1rem; border: 0; - border-top: 1px solid rgba(0, 0, 0, .1); + border-top: 1px solid rgba(0, 0, 0, 0.1); } small, .small { font-size: 80%; font-weight: normal; } mark, .mark { - padding: .2em; + padding: 0.2em; background-color: #fcf8e3; } .list-unstyled { padding-left: 0; @@ -618,37 +618,25 @@ .list-inline-item:not(:last-child) { margin-right: 5px; } -.dl-horizontal { - margin-right: -1.875rem; - margin-left: -1.875rem; -} - -.dl-horizontal::after { - display: table; - clear: both; - content: ""; -} - .initialism { font-size: 90%; text-transform: uppercase; } .blockquote { - padding: .5rem 1rem; + padding: 0.5rem 1rem; margin-bottom: 1rem; font-size: 1.25rem; - border-left: .25rem solid #eceeef; + border-left: 0.25rem solid #eceeef; } .blockquote-footer { display: block; font-size: 80%; - line-height: 1.5; color: #818a91; } .blockquote-footer::before { content: "\2014 \00A0"; @@ -656,11 +644,11 @@ .blockquote-reverse { padding-right: 1rem; padding-left: 0; text-align: right; - border-right: .25rem solid #eceeef; + border-right: 0.25rem solid #eceeef; border-left: 0; } .blockquote-reverse .blockquote-footer::before { content: ""; @@ -668,45 +656,38 @@ .blockquote-reverse .blockquote-footer::after { content: "\00A0 \2014"; } +dl.row > dd + dt { + clear: left; +} + .img-fluid, .carousel-inner > .carousel-item > img, .carousel-inner > .carousel-item > a > img { - display: block; max-width: 100%; height: auto; } -.img-rounded { - border-radius: .3rem; -} - .img-thumbnail { - display: inline-block; - max-width: 100%; - height: auto; - padding: .25rem; - line-height: 1.5; + padding: 0.25rem; background-color: #fff; border: 1px solid #ddd; - border-radius: .25rem; + border-radius: 0.25rem; -webkit-transition: all .2s ease-in-out; - -o-transition: all .2s ease-in-out; - transition: all .2s ease-in-out; + -o-transition: all .2s ease-in-out; + transition: all .2s ease-in-out; + max-width: 100%; + height: auto; } -.img-circle { - border-radius: 50%; -} - .figure { display: inline-block; } .figure-img { - margin-bottom: .5rem; + margin-bottom: 0.5rem; line-height: 1; } .figure-caption { font-size: 90%; @@ -715,27 +696,27 @@ code, kbd, pre, samp { - font-family: Menlo, Monaco, Consolas, "Courier New", monospace; + font-family: Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace; } code { - padding: .2rem .4rem; + padding: 0.2rem 0.4rem; font-size: 90%; color: #bd4147; background-color: #f7f7f9; - border-radius: .25rem; + border-radius: 0.25rem; } kbd { - padding: .2rem .4rem; + padding: 0.2rem 0.4rem; font-size: 90%; color: #fff; background-color: #333; - border-radius: .2rem; + border-radius: 0.2rem; } kbd kbd { padding: 0; font-size: 100%; @@ -745,11 +726,10 @@ pre { display: block; margin-top: 0; margin-bottom: 1rem; font-size: 90%; - line-height: 1.5; color: #373a3c; } pre code { padding: 0; @@ -763,931 +743,1014 @@ max-height: 340px; overflow-y: scroll; } .container { - padding-right: .9375rem; - padding-left: .9375rem; - margin-right: auto; margin-left: auto; + margin-right: auto; + padding-left: 15px; + padding-right: 15px; } .container::after { + content: ""; display: table; clear: both; - content: ""; } -@media (min-width: 544px) { +@media (min-width: 576px) { .container { - max-width: 576px; + width: 540px; + max-width: 100%; } } @media (min-width: 768px) { .container { - max-width: 720px; + width: 720px; + max-width: 100%; } } @media (min-width: 992px) { .container { - max-width: 940px; + width: 960px; + max-width: 100%; } } @media (min-width: 1200px) { .container { - max-width: 1140px; + width: 1140px; + max-width: 100%; } } .container-fluid { - padding-right: .9375rem; - padding-left: .9375rem; - margin-right: auto; margin-left: auto; + margin-right: auto; + padding-left: 15px; + padding-right: 15px; } .container-fluid::after { + content: ""; display: table; clear: both; - content: ""; } .row { - margin-right: -.9375rem; - margin-left: -.9375rem; + margin-right: -15px; + margin-left: -15px; } .row::after { + content: ""; display: table; clear: both; - content: ""; } -.col-xs-1, .col-xs-2, .col-xs-3, .col-xs-4, .col-xs-5, .col-xs-6, .col-xs-7, .col-xs-8, .col-xs-9, .col-xs-10, .col-xs-11, .col-xs-12, .col-sm-1, .col-sm-2, .col-sm-3, .col-sm-4, .col-sm-5, .col-sm-6, .col-sm-7, .col-sm-8, .col-sm-9, .col-sm-10, .col-sm-11, .col-sm-12, .col-md-1, .col-md-2, .col-md-3, .col-md-4, .col-md-5, .col-md-6, .col-md-7, .col-md-8, .col-md-9, .col-md-10, .col-md-11, .col-md-12, .col-lg-1, .col-lg-2, .col-lg-3, .col-lg-4, .col-lg-5, .col-lg-6, .col-lg-7, .col-lg-8, .col-lg-9, .col-lg-10, .col-lg-11, .col-lg-12, .col-xl-1, .col-xl-2, .col-xl-3, .col-xl-4, .col-xl-5, .col-xl-6, .col-xl-7, .col-xl-8, .col-xl-9, .col-xl-10, .col-xl-11, .col-xl-12 { +@media (min-width: 576px) { + .row { + margin-right: -15px; + margin-left: -15px; + } +} + +@media (min-width: 768px) { + .row { + margin-right: -15px; + margin-left: -15px; + } +} + +@media (min-width: 992px) { + .row { + margin-right: -15px; + margin-left: -15px; + } +} + +@media (min-width: 1200px) { + .row { + margin-right: -15px; + margin-left: -15px; + } +} + +.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 { position: relative; min-height: 1px; - padding-right: .9375rem; - padding-left: .9375rem; + padding-right: 15px; + padding-left: 15px; } -.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 { - float: left; +@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 { + 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 { + 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 { + 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 { + padding-right: 15px; + padding-left: 15px; + } +} + .col-xs-1 { + float: left; width: 8.333333%; } .col-xs-2 { + float: left; width: 16.666667%; } .col-xs-3 { + float: left; width: 25%; } .col-xs-4 { + float: left; width: 33.333333%; } .col-xs-5 { + float: left; width: 41.666667%; } .col-xs-6 { + float: left; width: 50%; } .col-xs-7 { + float: left; width: 58.333333%; } .col-xs-8 { + float: left; width: 66.666667%; } .col-xs-9 { + float: left; width: 75%; } .col-xs-10 { + float: left; width: 83.333333%; } .col-xs-11 { + float: left; width: 91.666667%; } .col-xs-12 { + float: left; width: 100%; } -.col-xs-pull-0 { +.pull-xs-0 { right: auto; } -.col-xs-pull-1 { +.pull-xs-1 { right: 8.333333%; } -.col-xs-pull-2 { +.pull-xs-2 { right: 16.666667%; } -.col-xs-pull-3 { +.pull-xs-3 { right: 25%; } -.col-xs-pull-4 { +.pull-xs-4 { right: 33.333333%; } -.col-xs-pull-5 { +.pull-xs-5 { right: 41.666667%; } -.col-xs-pull-6 { +.pull-xs-6 { right: 50%; } -.col-xs-pull-7 { +.pull-xs-7 { right: 58.333333%; } -.col-xs-pull-8 { +.pull-xs-8 { right: 66.666667%; } -.col-xs-pull-9 { +.pull-xs-9 { right: 75%; } -.col-xs-pull-10 { +.pull-xs-10 { right: 83.333333%; } -.col-xs-pull-11 { +.pull-xs-11 { right: 91.666667%; } -.col-xs-pull-12 { +.pull-xs-12 { right: 100%; } -.col-xs-push-0 { +.push-xs-0 { left: auto; } -.col-xs-push-1 { +.push-xs-1 { left: 8.333333%; } -.col-xs-push-2 { +.push-xs-2 { left: 16.666667%; } -.col-xs-push-3 { +.push-xs-3 { left: 25%; } -.col-xs-push-4 { +.push-xs-4 { left: 33.333333%; } -.col-xs-push-5 { +.push-xs-5 { left: 41.666667%; } -.col-xs-push-6 { +.push-xs-6 { left: 50%; } -.col-xs-push-7 { +.push-xs-7 { left: 58.333333%; } -.col-xs-push-8 { +.push-xs-8 { left: 66.666667%; } -.col-xs-push-9 { +.push-xs-9 { left: 75%; } -.col-xs-push-10 { +.push-xs-10 { left: 83.333333%; } -.col-xs-push-11 { +.push-xs-11 { left: 91.666667%; } -.col-xs-push-12 { +.push-xs-12 { left: 100%; } -.col-xs-offset-0 { - margin-left: 0; -} - -.col-xs-offset-1 { +.offset-xs-1 { margin-left: 8.333333%; } -.col-xs-offset-2 { +.offset-xs-2 { margin-left: 16.666667%; } -.col-xs-offset-3 { +.offset-xs-3 { margin-left: 25%; } -.col-xs-offset-4 { +.offset-xs-4 { margin-left: 33.333333%; } -.col-xs-offset-5 { +.offset-xs-5 { margin-left: 41.666667%; } -.col-xs-offset-6 { +.offset-xs-6 { margin-left: 50%; } -.col-xs-offset-7 { +.offset-xs-7 { margin-left: 58.333333%; } -.col-xs-offset-8 { +.offset-xs-8 { margin-left: 66.666667%; } -.col-xs-offset-9 { +.offset-xs-9 { margin-left: 75%; } -.col-xs-offset-10 { +.offset-xs-10 { margin-left: 83.333333%; } -.col-xs-offset-11 { +.offset-xs-11 { margin-left: 91.666667%; } -.col-xs-offset-12 { - margin-left: 100%; -} - -@media (min-width: 544px) { - .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 { - float: left; - } +@media (min-width: 576px) { .col-sm-1 { + float: left; width: 8.333333%; } .col-sm-2 { + float: left; width: 16.666667%; } .col-sm-3 { + float: left; width: 25%; } .col-sm-4 { + float: left; width: 33.333333%; } .col-sm-5 { + float: left; width: 41.666667%; } .col-sm-6 { + float: left; width: 50%; } .col-sm-7 { + float: left; width: 58.333333%; } .col-sm-8 { + float: left; width: 66.666667%; } .col-sm-9 { + float: left; width: 75%; } .col-sm-10 { + float: left; width: 83.333333%; } .col-sm-11 { + float: left; width: 91.666667%; } .col-sm-12 { + float: left; width: 100%; } - .col-sm-pull-0 { + .pull-sm-0 { right: auto; } - .col-sm-pull-1 { + .pull-sm-1 { right: 8.333333%; } - .col-sm-pull-2 { + .pull-sm-2 { right: 16.666667%; } - .col-sm-pull-3 { + .pull-sm-3 { right: 25%; } - .col-sm-pull-4 { + .pull-sm-4 { right: 33.333333%; } - .col-sm-pull-5 { + .pull-sm-5 { right: 41.666667%; } - .col-sm-pull-6 { + .pull-sm-6 { right: 50%; } - .col-sm-pull-7 { + .pull-sm-7 { right: 58.333333%; } - .col-sm-pull-8 { + .pull-sm-8 { right: 66.666667%; } - .col-sm-pull-9 { + .pull-sm-9 { right: 75%; } - .col-sm-pull-10 { + .pull-sm-10 { right: 83.333333%; } - .col-sm-pull-11 { + .pull-sm-11 { right: 91.666667%; } - .col-sm-pull-12 { + .pull-sm-12 { right: 100%; } - .col-sm-push-0 { + .push-sm-0 { left: auto; } - .col-sm-push-1 { + .push-sm-1 { left: 8.333333%; } - .col-sm-push-2 { + .push-sm-2 { left: 16.666667%; } - .col-sm-push-3 { + .push-sm-3 { left: 25%; } - .col-sm-push-4 { + .push-sm-4 { left: 33.333333%; } - .col-sm-push-5 { + .push-sm-5 { left: 41.666667%; } - .col-sm-push-6 { + .push-sm-6 { left: 50%; } - .col-sm-push-7 { + .push-sm-7 { left: 58.333333%; } - .col-sm-push-8 { + .push-sm-8 { left: 66.666667%; } - .col-sm-push-9 { + .push-sm-9 { left: 75%; } - .col-sm-push-10 { + .push-sm-10 { left: 83.333333%; } - .col-sm-push-11 { + .push-sm-11 { left: 91.666667%; } - .col-sm-push-12 { + .push-sm-12 { left: 100%; } - .col-sm-offset-0 { - margin-left: 0; + .offset-sm-0 { + margin-left: 0%; } - .col-sm-offset-1 { + .offset-sm-1 { margin-left: 8.333333%; } - .col-sm-offset-2 { + .offset-sm-2 { margin-left: 16.666667%; } - .col-sm-offset-3 { + .offset-sm-3 { margin-left: 25%; } - .col-sm-offset-4 { + .offset-sm-4 { margin-left: 33.333333%; } - .col-sm-offset-5 { + .offset-sm-5 { margin-left: 41.666667%; } - .col-sm-offset-6 { + .offset-sm-6 { margin-left: 50%; } - .col-sm-offset-7 { + .offset-sm-7 { margin-left: 58.333333%; } - .col-sm-offset-8 { + .offset-sm-8 { margin-left: 66.666667%; } - .col-sm-offset-9 { + .offset-sm-9 { margin-left: 75%; } - .col-sm-offset-10 { + .offset-sm-10 { margin-left: 83.333333%; } - .col-sm-offset-11 { + .offset-sm-11 { margin-left: 91.666667%; } - .col-sm-offset-12 { - margin-left: 100%; - } } @media (min-width: 768px) { - .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 { - float: left; - } .col-md-1 { + float: left; width: 8.333333%; } .col-md-2 { + float: left; width: 16.666667%; } .col-md-3 { + float: left; width: 25%; } .col-md-4 { + float: left; width: 33.333333%; } .col-md-5 { + float: left; width: 41.666667%; } .col-md-6 { + float: left; width: 50%; } .col-md-7 { + float: left; width: 58.333333%; } .col-md-8 { + float: left; width: 66.666667%; } .col-md-9 { + float: left; width: 75%; } .col-md-10 { + float: left; width: 83.333333%; } .col-md-11 { + float: left; width: 91.666667%; } .col-md-12 { + float: left; width: 100%; } - .col-md-pull-0 { + .pull-md-0 { right: auto; } - .col-md-pull-1 { + .pull-md-1 { right: 8.333333%; } - .col-md-pull-2 { + .pull-md-2 { right: 16.666667%; } - .col-md-pull-3 { + .pull-md-3 { right: 25%; } - .col-md-pull-4 { + .pull-md-4 { right: 33.333333%; } - .col-md-pull-5 { + .pull-md-5 { right: 41.666667%; } - .col-md-pull-6 { + .pull-md-6 { right: 50%; } - .col-md-pull-7 { + .pull-md-7 { right: 58.333333%; } - .col-md-pull-8 { + .pull-md-8 { right: 66.666667%; } - .col-md-pull-9 { + .pull-md-9 { right: 75%; } - .col-md-pull-10 { + .pull-md-10 { right: 83.333333%; } - .col-md-pull-11 { + .pull-md-11 { right: 91.666667%; } - .col-md-pull-12 { + .pull-md-12 { right: 100%; } - .col-md-push-0 { + .push-md-0 { left: auto; } - .col-md-push-1 { + .push-md-1 { left: 8.333333%; } - .col-md-push-2 { + .push-md-2 { left: 16.666667%; } - .col-md-push-3 { + .push-md-3 { left: 25%; } - .col-md-push-4 { + .push-md-4 { left: 33.333333%; } - .col-md-push-5 { + .push-md-5 { left: 41.666667%; } - .col-md-push-6 { + .push-md-6 { left: 50%; } - .col-md-push-7 { + .push-md-7 { left: 58.333333%; } - .col-md-push-8 { + .push-md-8 { left: 66.666667%; } - .col-md-push-9 { + .push-md-9 { left: 75%; } - .col-md-push-10 { + .push-md-10 { left: 83.333333%; } - .col-md-push-11 { + .push-md-11 { left: 91.666667%; } - .col-md-push-12 { + .push-md-12 { left: 100%; } - .col-md-offset-0 { - margin-left: 0; + .offset-md-0 { + margin-left: 0%; } - .col-md-offset-1 { + .offset-md-1 { margin-left: 8.333333%; } - .col-md-offset-2 { + .offset-md-2 { margin-left: 16.666667%; } - .col-md-offset-3 { + .offset-md-3 { margin-left: 25%; } - .col-md-offset-4 { + .offset-md-4 { margin-left: 33.333333%; } - .col-md-offset-5 { + .offset-md-5 { margin-left: 41.666667%; } - .col-md-offset-6 { + .offset-md-6 { margin-left: 50%; } - .col-md-offset-7 { + .offset-md-7 { margin-left: 58.333333%; } - .col-md-offset-8 { + .offset-md-8 { margin-left: 66.666667%; } - .col-md-offset-9 { + .offset-md-9 { margin-left: 75%; } - .col-md-offset-10 { + .offset-md-10 { margin-left: 83.333333%; } - .col-md-offset-11 { + .offset-md-11 { margin-left: 91.666667%; } - .col-md-offset-12 { - margin-left: 100%; - } } @media (min-width: 992px) { - .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 { - float: left; - } .col-lg-1 { + float: left; width: 8.333333%; } .col-lg-2 { + float: left; width: 16.666667%; } .col-lg-3 { + float: left; width: 25%; } .col-lg-4 { + float: left; width: 33.333333%; } .col-lg-5 { + float: left; width: 41.666667%; } .col-lg-6 { + float: left; width: 50%; } .col-lg-7 { + float: left; width: 58.333333%; } .col-lg-8 { + float: left; width: 66.666667%; } .col-lg-9 { + float: left; width: 75%; } .col-lg-10 { + float: left; width: 83.333333%; } .col-lg-11 { + float: left; width: 91.666667%; } .col-lg-12 { + float: left; width: 100%; } - .col-lg-pull-0 { + .pull-lg-0 { right: auto; } - .col-lg-pull-1 { + .pull-lg-1 { right: 8.333333%; } - .col-lg-pull-2 { + .pull-lg-2 { right: 16.666667%; } - .col-lg-pull-3 { + .pull-lg-3 { right: 25%; } - .col-lg-pull-4 { + .pull-lg-4 { right: 33.333333%; } - .col-lg-pull-5 { + .pull-lg-5 { right: 41.666667%; } - .col-lg-pull-6 { + .pull-lg-6 { right: 50%; } - .col-lg-pull-7 { + .pull-lg-7 { right: 58.333333%; } - .col-lg-pull-8 { + .pull-lg-8 { right: 66.666667%; } - .col-lg-pull-9 { + .pull-lg-9 { right: 75%; } - .col-lg-pull-10 { + .pull-lg-10 { right: 83.333333%; } - .col-lg-pull-11 { + .pull-lg-11 { right: 91.666667%; } - .col-lg-pull-12 { + .pull-lg-12 { right: 100%; } - .col-lg-push-0 { + .push-lg-0 { left: auto; } - .col-lg-push-1 { + .push-lg-1 { left: 8.333333%; } - .col-lg-push-2 { + .push-lg-2 { left: 16.666667%; } - .col-lg-push-3 { + .push-lg-3 { left: 25%; } - .col-lg-push-4 { + .push-lg-4 { left: 33.333333%; } - .col-lg-push-5 { + .push-lg-5 { left: 41.666667%; } - .col-lg-push-6 { + .push-lg-6 { left: 50%; } - .col-lg-push-7 { + .push-lg-7 { left: 58.333333%; } - .col-lg-push-8 { + .push-lg-8 { left: 66.666667%; } - .col-lg-push-9 { + .push-lg-9 { left: 75%; } - .col-lg-push-10 { + .push-lg-10 { left: 83.333333%; } - .col-lg-push-11 { + .push-lg-11 { left: 91.666667%; } - .col-lg-push-12 { + .push-lg-12 { left: 100%; } - .col-lg-offset-0 { - margin-left: 0; + .offset-lg-0 { + margin-left: 0%; } - .col-lg-offset-1 { + .offset-lg-1 { margin-left: 8.333333%; } - .col-lg-offset-2 { + .offset-lg-2 { margin-left: 16.666667%; } - .col-lg-offset-3 { + .offset-lg-3 { margin-left: 25%; } - .col-lg-offset-4 { + .offset-lg-4 { margin-left: 33.333333%; } - .col-lg-offset-5 { + .offset-lg-5 { margin-left: 41.666667%; } - .col-lg-offset-6 { + .offset-lg-6 { margin-left: 50%; } - .col-lg-offset-7 { + .offset-lg-7 { margin-left: 58.333333%; } - .col-lg-offset-8 { + .offset-lg-8 { margin-left: 66.666667%; } - .col-lg-offset-9 { + .offset-lg-9 { margin-left: 75%; } - .col-lg-offset-10 { + .offset-lg-10 { margin-left: 83.333333%; } - .col-lg-offset-11 { + .offset-lg-11 { margin-left: 91.666667%; } - .col-lg-offset-12 { - margin-left: 100%; - } } @media (min-width: 1200px) { - .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 { - float: left; - } .col-xl-1 { + float: left; width: 8.333333%; } .col-xl-2 { + float: left; width: 16.666667%; } .col-xl-3 { + float: left; width: 25%; } .col-xl-4 { + float: left; width: 33.333333%; } .col-xl-5 { + float: left; width: 41.666667%; } .col-xl-6 { + float: left; width: 50%; } .col-xl-7 { + float: left; width: 58.333333%; } .col-xl-8 { + float: left; width: 66.666667%; } .col-xl-9 { + float: left; width: 75%; } .col-xl-10 { + float: left; width: 83.333333%; } .col-xl-11 { + float: left; width: 91.666667%; } .col-xl-12 { + float: left; width: 100%; } - .col-xl-pull-0 { + .pull-xl-0 { right: auto; } - .col-xl-pull-1 { + .pull-xl-1 { right: 8.333333%; } - .col-xl-pull-2 { + .pull-xl-2 { right: 16.666667%; } - .col-xl-pull-3 { + .pull-xl-3 { right: 25%; } - .col-xl-pull-4 { + .pull-xl-4 { right: 33.333333%; } - .col-xl-pull-5 { + .pull-xl-5 { right: 41.666667%; } - .col-xl-pull-6 { + .pull-xl-6 { right: 50%; } - .col-xl-pull-7 { + .pull-xl-7 { right: 58.333333%; } - .col-xl-pull-8 { + .pull-xl-8 { right: 66.666667%; } - .col-xl-pull-9 { + .pull-xl-9 { right: 75%; } - .col-xl-pull-10 { + .pull-xl-10 { right: 83.333333%; } - .col-xl-pull-11 { + .pull-xl-11 { right: 91.666667%; } - .col-xl-pull-12 { + .pull-xl-12 { right: 100%; } - .col-xl-push-0 { + .push-xl-0 { left: auto; } - .col-xl-push-1 { + .push-xl-1 { left: 8.333333%; } - .col-xl-push-2 { + .push-xl-2 { left: 16.666667%; } - .col-xl-push-3 { + .push-xl-3 { left: 25%; } - .col-xl-push-4 { + .push-xl-4 { left: 33.333333%; } - .col-xl-push-5 { + .push-xl-5 { left: 41.666667%; } - .col-xl-push-6 { + .push-xl-6 { left: 50%; } - .col-xl-push-7 { + .push-xl-7 { left: 58.333333%; } - .col-xl-push-8 { + .push-xl-8 { left: 66.666667%; } - .col-xl-push-9 { + .push-xl-9 { left: 75%; } - .col-xl-push-10 { + .push-xl-10 { left: 83.333333%; } - .col-xl-push-11 { + .push-xl-11 { left: 91.666667%; } - .col-xl-push-12 { + .push-xl-12 { left: 100%; } - .col-xl-offset-0 { - margin-left: 0; + .offset-xl-0 { + margin-left: 0%; } - .col-xl-offset-1 { + .offset-xl-1 { margin-left: 8.333333%; } - .col-xl-offset-2 { + .offset-xl-2 { margin-left: 16.666667%; } - .col-xl-offset-3 { + .offset-xl-3 { margin-left: 25%; } - .col-xl-offset-4 { + .offset-xl-4 { margin-left: 33.333333%; } - .col-xl-offset-5 { + .offset-xl-5 { margin-left: 41.666667%; } - .col-xl-offset-6 { + .offset-xl-6 { margin-left: 50%; } - .col-xl-offset-7 { + .offset-xl-7 { margin-left: 58.333333%; } - .col-xl-offset-8 { + .offset-xl-8 { margin-left: 66.666667%; } - .col-xl-offset-9 { + .offset-xl-9 { margin-left: 75%; } - .col-xl-offset-10 { + .offset-xl-10 { margin-left: 83.333333%; } - .col-xl-offset-11 { + .offset-xl-11 { margin-left: 91.666667%; } - .col-xl-offset-12 { - margin-left: 100%; - } } .table { width: 100%; max-width: 100%; margin-bottom: 1rem; } .table th, .table td { - padding: .75rem; - line-height: 1.5; + padding: 0.75rem; vertical-align: top; border-top: 1px solid #eceeef; } .table thead th { @@ -1703,11 +1766,11 @@ background-color: #fff; } .table-sm th, .table-sm td { - padding: .3rem; + padding: 0.3rem; } .table-bordered { border: 1px solid #eceeef; } @@ -1721,30 +1784,30 @@ .table-bordered thead td { border-bottom-width: 2px; } .table-striped tbody tr:nth-of-type(odd) { - background-color: #f9f9f9; + background-color: rgba(0, 0, 0, 0.05); } .table-hover tbody tr:hover { - background-color: #f5f5f5; + background-color: rgba(0, 0, 0, 0.075); } .table-active, .table-active > th, .table-active > td { - background-color: #f5f5f5; + background-color: rgba(0, 0, 0, 0.075); } .table-hover .table-active:hover { - background-color: #e8e8e8; + background-color: rgba(0, 0, 0, 0.075); } .table-hover .table-active:hover > td, .table-hover .table-active:hover > th { - background-color: #e8e8e8; + background-color: rgba(0, 0, 0, 0.075); } .table-success, .table-success > th, .table-success > td { @@ -1803,17 +1866,10 @@ .table-hover .table-danger:hover > td, .table-hover .table-danger:hover > th { background-color: #ebcccc; } -.table-responsive { - display: block; - width: 100%; - min-height: .01%; - overflow-x: auto; -} - .thead-inverse th { color: #fff; background-color: #373a3c; } @@ -1825,20 +1881,27 @@ .table-inverse { color: #eceeef; background-color: #373a3c; } -.table-inverse.table-bordered { - border: 0; -} - .table-inverse th, .table-inverse td, .table-inverse thead th { border-color: #55595c; } +.table-inverse.table-bordered { + border: 0; +} + +.table-responsive { + display: block; + width: 100%; + min-height: 0%; + overflow-x: auto; +} + .table-reflow thead { float: left; } .table-reflow tbody { @@ -1877,26 +1940,30 @@ } .form-control { display: block; width: 100%; - padding: .375rem .75rem; + padding: 0.5rem 0.75rem; font-size: 1rem; - line-height: 1.5; + line-height: 1.25; color: #55595c; background-color: #fff; background-image: none; - border: 1px solid #ccc; - border-radius: .25rem; + -webkit-background-clip: padding-box; + background-clip: padding-box; + border: 1px solid rgba(0, 0, 0, 0.15); + border-radius: 0.25rem; } .form-control::-ms-expand { background-color: transparent; border: 0; } .form-control:focus { + color: #55595c; + background-color: #fff; border-color: #66afe9; outline: none; } .form-control::-webkit-input-placeholder { @@ -1926,62 +1993,57 @@ .form-control:disabled { cursor: not-allowed; } +select.form-control:not([size]):not([multiple]) { + height: calc(2.5rem - 2px); +} + +select.form-control:focus::-ms-value { + color: #55595c; + background-color: #fff; +} + .form-control-file, .form-control-range { display: block; } -.form-control-label { - padding: .375rem .75rem; +.col-form-label { + padding-top: 0.5rem; + padding-bottom: 0.5rem; margin-bottom: 0; } -@media screen and (-webkit-min-device-pixel-ratio: 0) { - input[type="date"].form-control, - input[type="time"].form-control, - input[type="datetime-local"].form-control, - input[type="month"].form-control { - line-height: 2.25rem; - } - input[type="date"].input-sm, - .input-group-sm input[type="date"].form-control, - input[type="time"].input-sm, - .input-group-sm - input[type="time"].form-control, - input[type="datetime-local"].input-sm, - .input-group-sm - input[type="datetime-local"].form-control, - input[type="month"].input-sm, - .input-group-sm - input[type="month"].form-control { - line-height: 1.8625rem; - } - input[type="date"].input-lg, - .input-group-lg input[type="date"].form-control, - input[type="time"].input-lg, - .input-group-lg - input[type="time"].form-control, - input[type="datetime-local"].input-lg, - .input-group-lg - input[type="datetime-local"].form-control, - input[type="month"].input-lg, - .input-group-lg - input[type="month"].form-control { - line-height: 3.166667rem; - } +.col-form-label-lg { + padding-top: 0.75rem; + padding-bottom: 0.75rem; + font-size: 1.25rem; } -.form-control-static { - min-height: 2.25rem; - padding-top: .375rem; - padding-bottom: .375rem; +.col-form-label-sm { + padding-top: 0.25rem; + padding-bottom: 0.25rem; + font-size: 0.875rem; +} + +.col-form-legend { + padding-top: 0.5rem; + padding-bottom: 0.5rem; margin-bottom: 0; + font-size: 1rem; } +.form-control-static { + padding-top: 0.5rem; + padding-bottom: 0.5rem; + line-height: 1.25; + border: solid transparent; + border-width: 1px 0; +} + .form-control-static.form-control-sm, .input-group-sm > .form-control-static.form-control, .input-group-sm > .form-control-static.input-group-addon, .input-group-sm > .input-group-btn > .form-control-static.btn, .form-control-static.form-control-lg, .input-group-lg > .form-control-static.form-control, .input-group-lg > .form-control-static.input-group-addon, .input-group-lg > .input-group-btn > .form-control-static.btn { @@ -1990,200 +2052,189 @@ } .form-control-sm, .input-group-sm > .form-control, .input-group-sm > .input-group-addon, .input-group-sm > .input-group-btn > .btn { - padding: .275rem .75rem; - font-size: .875rem; - line-height: 1.5; - border-radius: .2rem; + padding: 0.25rem 0.5rem; + font-size: 0.875rem; + border-radius: 0.2rem; } +select.form-control-sm:not([size]):not([multiple]), .input-group-sm > select.form-control:not([size]):not([multiple]), +.input-group-sm > select.input-group-addon:not([size]):not([multiple]), +.input-group-sm > .input-group-btn > select.btn:not([size]):not([multiple]) { + height: 1.8125rem; +} + .form-control-lg, .input-group-lg > .form-control, .input-group-lg > .input-group-addon, .input-group-lg > .input-group-btn > .btn { - padding: .75rem 1.25rem; + padding: 0.75rem 1.5rem; font-size: 1.25rem; - line-height: 1.333333; - border-radius: .3rem; + border-radius: 0.3rem; } +select.form-control-lg:not([size]):not([multiple]), .input-group-lg > select.form-control:not([size]):not([multiple]), +.input-group-lg > select.input-group-addon:not([size]):not([multiple]), +.input-group-lg > .input-group-btn > select.btn:not([size]):not([multiple]) { + height: 3.166667rem; +} + .form-group { margin-bottom: 1rem; } -.radio, -.checkbox { +.form-text { + display: block; + margin-top: 0.25rem; +} + +.form-check { position: relative; display: block; - margin-bottom: .75rem; + margin-bottom: 0.75rem; } -.radio label, -.checkbox label { +.form-check + .form-check { + margin-top: -.25rem; +} + +.form-check.disabled .form-check-label { + color: #818a91; + cursor: not-allowed; +} + +.form-check-label { padding-left: 1.25rem; margin-bottom: 0; - font-weight: normal; cursor: pointer; } -.radio label input:only-child, -.checkbox label input:only-child { - position: static; -} - -.radio input[type="radio"], -.radio-inline input[type="radio"], -.checkbox input[type="checkbox"], -.checkbox-inline input[type="checkbox"] { +.form-check-input { position: absolute; margin-top: .25rem; margin-left: -1.25rem; } -.radio + .radio, -.checkbox + .checkbox { - margin-top: -.25rem; +.form-check-input:only-child { + position: static; } -.radio-inline, -.checkbox-inline { +.form-check-inline { position: relative; display: inline-block; padding-left: 1.25rem; margin-bottom: 0; - font-weight: normal; vertical-align: middle; cursor: pointer; } -.radio-inline + .radio-inline, -.checkbox-inline + .checkbox-inline { - margin-top: 0; +.form-check-inline + .form-check-inline { margin-left: .75rem; } -input[type="radio"]:disabled, input[type="radio"].disabled, -input[type="checkbox"]:disabled, -input[type="checkbox"].disabled { +.form-check-inline.disabled { + color: #818a91; cursor: not-allowed; } -.radio-inline.disabled, -.checkbox-inline.disabled { - cursor: not-allowed; +.form-control-feedback { + margin-top: 0.25rem; } -.radio.disabled label, -.checkbox.disabled label { - cursor: not-allowed; -} - .form-control-success, .form-control-warning, .form-control-danger { padding-right: 2.25rem; background-repeat: no-repeat; - background-position: center right .5625rem; - -webkit-background-size: 1.4625rem 1.4625rem; - background-size: 1.4625rem 1.4625rem; + background-position: center right 0.625rem; + -webkit-background-size: 1.25rem 1.25rem; + background-size: 1.25rem 1.25rem; } -.has-success .text-help, +.has-success .form-control-feedback, .has-success .form-control-label, -.has-success .radio, -.has-success .checkbox, -.has-success .radio-inline, -.has-success .checkbox-inline, -.has-success.radio label, -.has-success.checkbox label, -.has-success.radio-inline label, -.has-success.checkbox-inline label { +.has-success .form-check-label, +.has-success .form-check-inline, +.has-success .custom-control { color: #5cb85c; } .has-success .form-control { 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; - background-color: #eaf6ea; border-color: #5cb85c; + background-color: #eaf6ea; } -.has-success .form-control-feedback { - color: #5cb85c; -} - .has-success .form-control-success { - background-image: url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCA2MTIgNzkyIj48cGF0aCBmaWxsPSIjNWNiODVjIiBkPSJNMjMzLjggNjEwYy0xMy4zIDAtMjYtNi0zNC0xNi44TDkwLjUgNDQ4LjhDNzYuMyA0MzAgODAgNDAzLjMgOTguOCAzODljMTguOC0xNC4yIDQ1LjUtMTAuNCA1OS44IDguNGw3MiA5NUw0NTEuMyAyNDJjMTIuNS0yMCAzOC44LTI2LjIgNTguOC0xMy43IDIwIDEyLjQgMjYgMzguNyAxMy43IDU4LjhMMjcwIDU5MGMtNy40IDEyLTIwLjIgMTkuNC0zNC4zIDIwaC0yeiIvPjwvc3ZnPg=="); + 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"); } -.has-warning .text-help, +.has-warning .form-control-feedback, .has-warning .form-control-label, -.has-warning .radio, -.has-warning .checkbox, -.has-warning .radio-inline, -.has-warning .checkbox-inline, -.has-warning.radio label, -.has-warning.checkbox label, -.has-warning.radio-inline label, -.has-warning.checkbox-inline label { +.has-warning .form-check-label, +.has-warning .form-check-inline, +.has-warning .custom-control { color: #f0ad4e; } .has-warning .form-control { 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; - background-color: white; border-color: #f0ad4e; + background-color: white; } -.has-warning .form-control-feedback { - color: #f0ad4e; -} - .has-warning .form-control-warning { - background-image: url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCA2MTIgNzkyIj48cGF0aCBmaWxsPSIjZjBhZDRlIiBkPSJNNjAzIDY0MC4ybC0yNzguNS01MDljLTMuOC02LjYtMTAuOC0xMC42LTE4LjUtMTAuNnMtMTQuNyA0LTE4LjUgMTAuNkw5IDY0MC4yYy0zLjcgNi41LTMuNiAxNC40LjIgMjAuOCAzLjggNi41IDEwLjggMTAuNCAxOC4zIDEwLjRoNTU3YzcuNiAwIDE0LjYtNCAxOC40LTEwLjQgMy41LTYuNCAzLjYtMTQuNCAwLTIwLjh6bS0yNjYuNC0zMGgtNjEuMlY1NDloNjEuMnY2MS4yem0wLTEwN2gtNjEuMlYzMDRoNjEuMnYxOTl6Ii8+PC9zdmc+"); + 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"); } -.has-danger .text-help, +.has-danger .form-control-feedback, .has-danger .form-control-label, -.has-danger .radio, -.has-danger .checkbox, -.has-danger .radio-inline, -.has-danger .checkbox-inline, -.has-danger.radio label, -.has-danger.checkbox label, -.has-danger.radio-inline label, -.has-danger.checkbox-inline label { +.has-danger .form-check-label, +.has-danger .form-check-inline, +.has-danger .custom-control { color: #d9534f; } .has-danger .form-control { 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; - background-color: #fdf7f7; border-color: #d9534f; + background-color: #fdf7f7; } -.has-danger .form-control-feedback { - color: #d9534f; -} - .has-danger .form-control-danger { - background-image: url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCA2MTIgNzkyIj48cGF0aCBmaWxsPSIjZDk1MzRmIiBkPSJNNDQ3IDU0NC40Yy0xNC40IDE0LjQtMzcuNiAxNC40LTUyIDBsLTg5LTkyLjctODkgOTIuN2MtMTQuNSAxNC40LTM3LjcgMTQuNC01MiAwLTE0LjQtMTQuNC0xNC40LTM3LjYgMC01Mmw5Mi40LTk2LjMtOTIuNC05Ni4zYy0xNC40LTE0LjQtMTQuNC0zNy42IDAtNTJzMzcuNi0xNC4zIDUyIDBsODkgOTIuOCA4OS4yLTkyLjdjMTQuNC0xNC40IDM3LjYtMTQuNCA1MiAwIDE0LjMgMTQuNCAxNC4zIDM3LjYgMCA1MkwzNTQuNiAzOTZsOTIuNCA5Ni40YzE0LjQgMTQuNCAxNC40IDM3LjYgMCA1MnoiLz48L3N2Zz4="); + 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"); } -@media (min-width: 544px) { +@media (min-width: 576px) { .form-inline .form-group { display: inline-block; margin-bottom: 0; vertical-align: middle; } @@ -2195,10 +2246,11 @@ .form-inline .form-control-static { 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 { @@ -2209,51 +2261,47 @@ } .form-inline .form-control-label { margin-bottom: 0; vertical-align: middle; } - .form-inline .radio, - .form-inline .checkbox { + .form-inline .form-check { display: inline-block; margin-top: 0; margin-bottom: 0; vertical-align: middle; } - .form-inline .radio label, - .form-inline .checkbox label { + .form-inline .form-check-label { padding-left: 0; } - .form-inline .radio input[type="radio"], - .form-inline .checkbox input[type="checkbox"] { + .form-inline .form-check-input { position: relative; margin-left: 0; } .form-inline .has-feedback .form-control-feedback { top: 0; } } .btn { display: inline-block; - padding: .375rem 1rem; - font-size: 1rem; font-weight: normal; - line-height: 1.5; + line-height: 1.25; text-align: center; white-space: nowrap; vertical-align: middle; cursor: pointer; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; border: 1px solid transparent; - border-radius: .25rem; + 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: thin dotted; outline: 5px auto -webkit-focus-ring-color; outline-offset: -2px; } .btn:focus, .btn:hover { @@ -2299,12 +2347,12 @@ .btn-primary:active, .btn-primary.active, .open > .btn-primary.dropdown-toggle { color: #fff; background-color: #025aa5; - background-image: none; 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, @@ -2344,12 +2392,12 @@ .btn-secondary:active, .btn-secondary.active, .open > .btn-secondary.dropdown-toggle { color: #373a3c; background-color: #e6e6e6; - background-image: none; 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, @@ -2389,12 +2437,12 @@ .btn-info:active, .btn-info.active, .open > .btn-info.dropdown-toggle { color: #fff; background-color: #31b0d5; - background-image: none; border-color: #2aabd2; + background-image: none; } .btn-info:active:hover, .btn-info:active:focus, .btn-info:active.focus, .btn-info.active:hover, .btn-info.active:focus, .btn-info.active.focus, .open > .btn-info.dropdown-toggle:hover, .open > .btn-info.dropdown-toggle:focus, @@ -2434,12 +2482,12 @@ .btn-success:active, .btn-success.active, .open > .btn-success.dropdown-toggle { color: #fff; background-color: #449d44; - background-image: none; 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, @@ -2479,12 +2527,12 @@ .btn-warning:active, .btn-warning.active, .open > .btn-warning.dropdown-toggle { color: #fff; background-color: #ec971f; - background-image: none; 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, @@ -2524,12 +2572,12 @@ .btn-danger:active, .btn-danger.active, .open > .btn-danger.dropdown-toggle { color: #fff; background-color: #c9302c; - background-image: none; 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, @@ -2547,175 +2595,265 @@ .btn-danger.disabled:hover, .btn-danger:disabled:hover { background-color: #d9534f; border-color: #d9534f; } -.btn-primary-outline { +.btn-outline-primary { color: #0275d8; - background-color: transparent; background-image: none; + background-color: transparent; border-color: #0275d8; } -.btn-primary-outline:focus, .btn-primary-outline.focus, .btn-primary-outline:active, .btn-primary-outline.active, -.open > .btn-primary-outline.dropdown-toggle { +.btn-outline-primary:hover { color: #fff; background-color: #0275d8; border-color: #0275d8; } -.btn-primary-outline:hover { +.btn-outline-primary:focus, .btn-outline-primary.focus { color: #fff; background-color: #0275d8; border-color: #0275d8; } -.btn-primary-outline.disabled:focus, .btn-primary-outline.disabled.focus, .btn-primary-outline:disabled:focus, .btn-primary-outline:disabled.focus { +.btn-outline-primary:active, .btn-outline-primary.active, +.open > .btn-outline-primary.dropdown-toggle { + color: #fff; + background-color: #0275d8; + border-color: #0275d8; +} + +.btn-outline-primary: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-primary-outline.disabled:hover, .btn-primary-outline:disabled:hover { +.btn-outline-primary.disabled:hover, .btn-outline-primary:disabled:hover { border-color: #43a7fd; } -.btn-secondary-outline { +.btn-outline-secondary { color: #ccc; - background-color: transparent; background-image: none; + background-color: transparent; border-color: #ccc; } -.btn-secondary-outline:focus, .btn-secondary-outline.focus, .btn-secondary-outline:active, .btn-secondary-outline.active, -.open > .btn-secondary-outline.dropdown-toggle { +.btn-outline-secondary:hover { color: #fff; background-color: #ccc; border-color: #ccc; } -.btn-secondary-outline:hover { +.btn-outline-secondary:focus, .btn-outline-secondary.focus { color: #fff; background-color: #ccc; border-color: #ccc; } -.btn-secondary-outline.disabled:focus, .btn-secondary-outline.disabled.focus, .btn-secondary-outline:disabled:focus, .btn-secondary-outline:disabled.focus { +.btn-outline-secondary:active, .btn-outline-secondary.active, +.open > .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-secondary-outline.disabled:hover, .btn-secondary-outline:disabled:hover { +.btn-outline-secondary.disabled:hover, .btn-outline-secondary:disabled:hover { border-color: white; } -.btn-info-outline { +.btn-outline-info { color: #5bc0de; - background-color: transparent; background-image: none; + background-color: transparent; border-color: #5bc0de; } -.btn-info-outline:focus, .btn-info-outline.focus, .btn-info-outline:active, .btn-info-outline.active, -.open > .btn-info-outline.dropdown-toggle { +.btn-outline-info:hover { color: #fff; background-color: #5bc0de; border-color: #5bc0de; } -.btn-info-outline:hover { +.btn-outline-info:focus, .btn-outline-info.focus { color: #fff; background-color: #5bc0de; border-color: #5bc0de; } -.btn-info-outline.disabled:focus, .btn-info-outline.disabled.focus, .btn-info-outline:disabled:focus, .btn-info-outline:disabled.focus { +.btn-outline-info:active, .btn-outline-info.active, +.open > .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-info-outline.disabled:hover, .btn-info-outline:disabled:hover { +.btn-outline-info.disabled:hover, .btn-outline-info:disabled:hover { border-color: #b0e1ef; } -.btn-success-outline { +.btn-outline-success { color: #5cb85c; - background-color: transparent; background-image: none; + background-color: transparent; border-color: #5cb85c; } -.btn-success-outline:focus, .btn-success-outline.focus, .btn-success-outline:active, .btn-success-outline.active, -.open > .btn-success-outline.dropdown-toggle { +.btn-outline-success:hover { color: #fff; background-color: #5cb85c; border-color: #5cb85c; } -.btn-success-outline:hover { +.btn-outline-success:focus, .btn-outline-success.focus { color: #fff; background-color: #5cb85c; border-color: #5cb85c; } -.btn-success-outline.disabled:focus, .btn-success-outline.disabled.focus, .btn-success-outline:disabled:focus, .btn-success-outline:disabled.focus { +.btn-outline-success:active, .btn-outline-success.active, +.open > .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-success-outline.disabled:hover, .btn-success-outline:disabled:hover { +.btn-outline-success.disabled:hover, .btn-outline-success:disabled:hover { border-color: #a3d7a3; } -.btn-warning-outline { +.btn-outline-warning { color: #f0ad4e; - background-color: transparent; background-image: none; + background-color: transparent; border-color: #f0ad4e; } -.btn-warning-outline:focus, .btn-warning-outline.focus, .btn-warning-outline:active, .btn-warning-outline.active, -.open > .btn-warning-outline.dropdown-toggle { +.btn-outline-warning:hover { color: #fff; background-color: #f0ad4e; border-color: #f0ad4e; } -.btn-warning-outline:hover { +.btn-outline-warning:focus, .btn-outline-warning.focus { color: #fff; background-color: #f0ad4e; border-color: #f0ad4e; } -.btn-warning-outline.disabled:focus, .btn-warning-outline.disabled.focus, .btn-warning-outline:disabled:focus, .btn-warning-outline:disabled.focus { +.btn-outline-warning:active, .btn-outline-warning.active, +.open > .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-warning-outline.disabled:hover, .btn-warning-outline:disabled:hover { +.btn-outline-warning.disabled:hover, .btn-outline-warning:disabled:hover { border-color: #f8d9ac; } -.btn-danger-outline { +.btn-outline-danger { color: #d9534f; - background-color: transparent; background-image: none; + background-color: transparent; border-color: #d9534f; } -.btn-danger-outline:focus, .btn-danger-outline.focus, .btn-danger-outline:active, .btn-danger-outline.active, -.open > .btn-danger-outline.dropdown-toggle { +.btn-outline-danger:hover { color: #fff; background-color: #d9534f; border-color: #d9534f; } -.btn-danger-outline:hover { +.btn-outline-danger:focus, .btn-outline-danger.focus { color: #fff; background-color: #d9534f; border-color: #d9534f; } -.btn-danger-outline.disabled:focus, .btn-danger-outline.disabled.focus, .btn-danger-outline:disabled:focus, .btn-danger-outline:disabled.focus { +.btn-outline-danger:active, .btn-outline-danger.active, +.open > .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-danger-outline.disabled:hover, .btn-danger-outline:disabled:hover { +.btn-outline-danger.disabled:hover, .btn-outline-danger:disabled:hover { border-color: #eba5a3; } .btn-link { font-weight: normal; @@ -2745,30 +2883,28 @@ color: #818a91; text-decoration: none; } .btn-lg, .btn-group-lg > .btn { - padding: .75rem 1.25rem; + padding: 0.75rem 1.5rem; font-size: 1.25rem; - line-height: 1.333333; - border-radius: .3rem; + border-radius: 0.3rem; } .btn-sm, .btn-group-sm > .btn { - padding: .25rem .75rem; - font-size: .875rem; - line-height: 1.5; - border-radius: .2rem; + padding: 0.25rem 0.5rem; + font-size: 0.875rem; + border-radius: 0.2rem; } .btn-block { display: block; width: 100%; } .btn-block + .btn-block { - margin-top: 5px; + margin-top: 0.5rem; } input[type="submit"].btn-block, input[type="reset"].btn-block, input[type="button"].btn-block { @@ -2776,12 +2912,12 @@ } .fade { opacity: 0; -webkit-transition: opacity .15s linear; - -o-transition: opacity .15s linear; - transition: opacity .15s linear; + -o-transition: opacity .15s linear; + transition: opacity .15s linear; } .fade.in { opacity: 1; } @@ -2792,10 +2928,18 @@ .collapse.in { display: block; } +tr.collapse.in { + display: table-row; +} + +tbody.collapse.in { + display: table-row-group; +} + .collapsing { position: relative; height: 0; overflow: hidden; -webkit-transition-timing-function: ease; @@ -2803,12 +2947,12 @@ 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; + -o-transition-property: height; + transition-property: height; } .dropup, .dropdown { position: relative; @@ -2816,63 +2960,61 @@ .dropdown-toggle::after { display: inline-block; width: 0; height: 0; - margin-right: .25rem; - margin-left: .25rem; + margin-left: 0.3em; vertical-align: middle; content: ""; - border-top: .3em solid; - border-right: .3em solid transparent; - border-left: .3em solid transparent; + border-top: 0.3em solid; + border-right: 0.3em solid transparent; + border-left: 0.3em solid transparent; } .dropdown-toggle:focus { outline: 0; } .dropup .dropdown-toggle::after { border-top: 0; - border-bottom: .3em solid; + border-bottom: 0.3em solid; } .dropdown-menu { position: absolute; top: 100%; left: 0; z-index: 1000; display: none; float: left; - min-width: 160px; - padding: 5px 0; - margin: 2px 0 0; + min-width: 10rem; + padding: 0.5rem 0; + margin: 0.125rem 0 0; font-size: 1rem; color: #373a3c; text-align: left; list-style: none; background-color: #fff; -webkit-background-clip: padding-box; background-clip: padding-box; - border: 1px solid rgba(0, 0, 0, .15); - border-radius: .25rem; + border: 1px solid rgba(0, 0, 0, 0.15); + border-radius: 0.25rem; } .dropdown-divider { height: 1px; - margin: .5rem 0; + margin: 0.5rem 0; overflow: hidden; background-color: #e5e5e5; } .dropdown-item { display: block; width: 100%; - padding: 3px 20px; + padding: 3px 1.5rem; clear: both; font-weight: normal; - line-height: 1.5; color: #373a3c; text-align: inherit; white-space: nowrap; background: none; border: 0; @@ -2921,13 +3063,13 @@ left: 0; } .dropdown-header { display: block; - padding: 3px 20px; - font-size: .875rem; - line-height: 1.5; + padding: 0.5rem 1.5rem; + margin-bottom: 0; + font-size: 0.875rem; color: #818a91; white-space: nowrap; } .dropdown-backdrop { @@ -2937,27 +3079,22 @@ bottom: 0; left: 0; z-index: 990; } -.pull-right > .dropdown-menu { - right: 0; - left: auto; -} - .dropup .caret, .navbar-fixed-bottom .dropdown .caret { content: ""; border-top: 0; - border-bottom: .3em solid; + border-bottom: 0.3em solid; } .dropup .dropdown-menu, .navbar-fixed-bottom .dropdown .dropdown-menu { top: auto; bottom: 100%; - margin-bottom: 2px; + margin-bottom: 0.125rem; } .btn-group, .btn-group-vertical { position: relative; @@ -2967,10 +3104,11 @@ .btn-group > .btn, .btn-group-vertical > .btn { position: relative; float: left; + margin-bottom: 0; } .btn-group > .btn:focus, .btn-group > .btn:active, .btn-group > .btn.active, .btn-group-vertical > .btn:focus, .btn-group-vertical > .btn:active, @@ -2989,28 +3127,28 @@ .btn-group .btn-group + .btn-group { margin-left: -1px; } .btn-toolbar { - margin-left: -5px; + margin-left: -0.5rem; } .btn-toolbar::after { + content: ""; display: table; clear: both; - content: ""; } .btn-toolbar .btn-group, .btn-toolbar .input-group { float: left; } .btn-toolbar > .btn, .btn-toolbar > .btn-group, .btn-toolbar > .input-group { - margin-left: 5px; + margin-left: 0.5rem; } .btn-group > .btn:not(:first-child):not(:last-child):not(.dropdown-toggle) { border-radius: 0; } @@ -3018,18 +3156,18 @@ .btn-group > .btn:first-child { margin-left: 0; } .btn-group > .btn:first-child:not(:last-child):not(.dropdown-toggle) { - border-top-right-radius: 0; border-bottom-right-radius: 0; + border-top-right-radius: 0; } .btn-group > .btn:last-child:not(:first-child), .btn-group > .dropdown-toggle:not(:first-child) { - border-top-left-radius: 0; border-bottom-left-radius: 0; + border-top-left-radius: 0; } .btn-group > .btn-group { float: left; } @@ -3038,45 +3176,54 @@ border-radius: 0; } .btn-group > .btn-group:first-child:not(:last-child) > .btn:last-child, .btn-group > .btn-group:first-child:not(:last-child) > .dropdown-toggle { - border-top-right-radius: 0; border-bottom-right-radius: 0; + border-top-right-radius: 0; } .btn-group > .btn-group:last-child:not(:first-child) > .btn:first-child { - border-top-left-radius: 0; border-bottom-left-radius: 0; + border-top-left-radius: 0; } .btn-group .dropdown-toggle:active, .btn-group.open .dropdown-toggle { outline: 0; } -.btn-group > .btn + .dropdown-toggle { - padding-right: 8px; - padding-left: 8px; +.btn + .dropdown-toggle-split { + padding-right: 0.75rem; + padding-left: 0.75rem; } -.btn-group > .btn-lg + .dropdown-toggle, .btn-group-lg.btn-group > .btn + .dropdown-toggle { - padding-right: 12px; - padding-left: 12px; +.btn + .dropdown-toggle-split::after { + margin-left: 0; } +.btn-sm + .dropdown-toggle-split, .btn-group-sm > .btn + .dropdown-toggle-split { + padding-right: 0.375rem; + padding-left: 0.375rem; +} + +.btn-lg + .dropdown-toggle-split, .btn-group-lg > .btn + .dropdown-toggle-split { + padding-right: 1.125rem; + padding-left: 1.125rem; +} + .btn .caret { margin-left: 0; } .btn-lg .caret, .btn-group-lg > .btn .caret { - border-width: .3em .3em 0; + border-width: 0.3em 0.3em 0; border-bottom-width: 0; } .dropup .btn-lg .caret, .dropup .btn-group-lg > .btn .caret { - border-width: 0 .3em .3em; + border-width: 0 0.3em 0.3em; } .btn-group-vertical > .btn, .btn-group-vertical > .btn-group, .btn-group-vertical > .btn-group > .btn { @@ -3085,13 +3232,13 @@ width: 100%; max-width: 100%; } .btn-group-vertical > .btn-group::after { + content: ""; display: table; clear: both; - content: ""; } .btn-group-vertical > .btn-group > .btn { float: none; } @@ -3107,19 +3254,17 @@ .btn-group-vertical > .btn:not(:first-child):not(:last-child) { border-radius: 0; } .btn-group-vertical > .btn:first-child:not(:last-child) { - border-top-right-radius: .25rem; border-bottom-right-radius: 0; border-bottom-left-radius: 0; } .btn-group-vertical > .btn:last-child:not(:first-child) { - border-top-left-radius: 0; border-top-right-radius: 0; - border-bottom-left-radius: .25rem; + border-top-left-radius: 0; } .btn-group-vertical > .btn-group:not(:first-child):not(:last-child) > .btn { border-radius: 0; } @@ -3129,12 +3274,12 @@ border-bottom-right-radius: 0; border-bottom-left-radius: 0; } .btn-group-vertical > .btn-group:last-child:not(:first-child) > .btn:first-child { - border-top-left-radius: 0; border-top-right-radius: 0; + border-top-left-radius: 0; } [data-toggle="buttons"] > .btn input[type="radio"], [data-toggle="buttons"] > .btn input[type="checkbox"], [data-toggle="buttons"] > .btn-group > .btn input[type="radio"], @@ -3144,10 +3289,11 @@ pointer-events: none; } .input-group { position: relative; + width: 100%; display: table; border-collapse: separate; } .input-group .form-control { @@ -3180,69 +3326,70 @@ white-space: nowrap; vertical-align: middle; } .input-group-addon { - padding: .375rem .75rem; + padding: 0.5rem 0.75rem; + margin-bottom: 0; font-size: 1rem; font-weight: normal; - line-height: 1; + line-height: 1.25; color: #55595c; text-align: center; background-color: #eceeef; - border: 1px solid #ccc; - border-radius: .25rem; + border: 1px solid rgba(0, 0, 0, 0.15); + border-radius: 0.25rem; } .input-group-addon.form-control-sm, .input-group-sm > .input-group-addon, .input-group-sm > .input-group-btn > .input-group-addon.btn { - padding: .275rem .75rem; - font-size: .875rem; - border-radius: .2rem; + padding: 0.25rem 0.5rem; + font-size: 0.875rem; + border-radius: 0.2rem; } .input-group-addon.form-control-lg, .input-group-lg > .input-group-addon, .input-group-lg > .input-group-btn > .input-group-addon.btn { - padding: .75rem 1.25rem; + padding: 0.75rem 1.5rem; font-size: 1.25rem; - border-radius: .3rem; + border-radius: 0.3rem; } .input-group-addon input[type="radio"], .input-group-addon input[type="checkbox"] { margin-top: 0; } -.input-group .form-control:first-child, -.input-group-addon:first-child, -.input-group-btn:first-child > .btn, -.input-group-btn:first-child > .btn-group > .btn, -.input-group-btn:first-child > .dropdown-toggle, -.input-group-btn:last-child > .btn:not(:last-child):not(.dropdown-toggle), -.input-group-btn:last-child > .btn-group:not(:last-child) > .btn { - border-top-right-radius: 0; +.input-group .form-control:not(:last-child), +.input-group-addon:not(:last-child), +.input-group-btn:not(:last-child) > .btn, +.input-group-btn:not(:last-child) > .btn-group > .btn, +.input-group-btn:not(:last-child) > .dropdown-toggle, +.input-group-btn:not(:first-child) > .btn:not(:last-child):not(.dropdown-toggle), +.input-group-btn:not(:first-child) > .btn-group:not(:last-child) > .btn { border-bottom-right-radius: 0; + border-top-right-radius: 0; } -.input-group-addon:first-child { +.input-group-addon:not(:last-child) { border-right: 0; } -.input-group .form-control:last-child, -.input-group-addon:last-child, -.input-group-btn:last-child > .btn, -.input-group-btn:last-child > .btn-group > .btn, -.input-group-btn:last-child > .dropdown-toggle, -.input-group-btn:first-child > .btn:not(:first-child), -.input-group-btn:first-child > .btn-group:not(:first-child) > .btn { - border-top-left-radius: 0; +.input-group .form-control:not(:first-child), +.input-group-addon:not(:first-child), +.input-group-btn:not(:first-child) > .btn, +.input-group-btn:not(:first-child) > .btn-group > .btn, +.input-group-btn:not(:first-child) > .dropdown-toggle, +.input-group-btn:not(:last-child) > .btn:not(:first-child), +.input-group-btn:not(:last-child) > .btn-group:not(:first-child) > .btn { border-bottom-left-radius: 0; + border-top-left-radius: 0; } -.input-group-addon:last-child { +.form-control + .input-group-addon:not(:first-child) { border-left: 0; } .input-group-btn { position: relative; @@ -3260,209 +3407,222 @@ .input-group-btn > .btn:focus, .input-group-btn > .btn:active, .input-group-btn > .btn:hover { z-index: 3; } -.input-group-btn:first-child > .btn, -.input-group-btn:first-child > .btn-group { +.input-group-btn:not(:last-child) > .btn, +.input-group-btn:not(:last-child) > .btn-group { margin-right: -1px; } -.input-group-btn:last-child > .btn, -.input-group-btn:last-child > .btn-group { +.input-group-btn:not(:first-child) > .btn, +.input-group-btn:not(:first-child) > .btn-group { z-index: 2; margin-left: -1px; } -.input-group-btn:last-child > .btn:focus, .input-group-btn:last-child > .btn:active, .input-group-btn:last-child > .btn:hover, -.input-group-btn:last-child > .btn-group:focus, -.input-group-btn:last-child > .btn-group:active, -.input-group-btn:last-child > .btn-group:hover { +.input-group-btn:not(:first-child) > .btn:focus, .input-group-btn:not(:first-child) > .btn:active, .input-group-btn:not(:first-child) > .btn:hover, +.input-group-btn:not(:first-child) > .btn-group:focus, +.input-group-btn:not(:first-child) > .btn-group:active, +.input-group-btn:not(:first-child) > .btn-group:hover { z-index: 3; } -.c-input { +.custom-control { position: relative; - display: inline; + display: inline-block; padding-left: 1.5rem; - color: #555; cursor: pointer; } -.c-input > input { +.custom-control + .custom-control { + margin-left: 1rem; +} + +.custom-control-input { position: absolute; z-index: -1; opacity: 0; } -.c-input > input:checked ~ .c-indicator { +.custom-control-input:checked ~ .custom-control-indicator { color: #fff; background-color: #0074d9; } -.c-input > input:focus ~ .c-indicator { - -webkit-box-shadow: 0 0 0 .075rem #fff, 0 0 0 .2rem #0074d9; - box-shadow: 0 0 0 .075rem #fff, 0 0 0 .2rem #0074d9; +.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; } -.c-input > input:active ~ .c-indicator { +.custom-control-input:active ~ .custom-control-indicator { color: #fff; background-color: #84c6ff; } -.c-input + .c-input { - margin-left: 1rem; +.custom-control-input:disabled ~ .custom-control-indicator { + cursor: not-allowed; + background-color: #eee; } -.c-indicator { +.custom-control-input:disabled ~ .custom-control-description { + color: #767676; + cursor: not-allowed; +} + +.custom-control-indicator { position: absolute; - top: 0; + top: .25rem; left: 0; display: block; width: 1rem; height: 1rem; - font-size: 65%; - line-height: 1rem; - color: #eee; - text-align: center; + pointer-events: none; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; - background-color: #eee; + background-color: #ddd; background-repeat: no-repeat; background-position: center center; -webkit-background-size: 50% 50%; background-size: 50% 50%; } -.c-checkbox .c-indicator { - border-radius: .25rem; +.custom-checkbox .custom-control-indicator { + border-radius: 0.25rem; } -.c-checkbox input:checked ~ .c-indicator { - background-image: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4NCjwhLS0gR2VuZXJhdG9yOiBBZG9iZSBJbGx1c3RyYXRvciAxNy4xLjAsIFNWRyBFeHBvcnQgUGx1Zy1JbiAuIFNWRyBWZXJzaW9uOiA2LjAwIEJ1aWxkIDApICAtLT4NCjwhRE9DVFlQRSBzdmcgUFVCTElDICItLy9XM0MvL0RURCBTVkcgMS4xLy9FTiIgImh0dHA6Ly93d3cudzMub3JnL0dyYXBoaWNzL1NWRy8xLjEvRFREL3N2ZzExLmR0ZCI+DQo8c3ZnIHZlcnNpb249IjEuMSIgaWQ9IkxheWVyXzEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgeG1sbnM6eGxpbms9Imh0dHA6Ly93d3cudzMub3JnLzE5OTkveGxpbmsiIHg9IjBweCIgeT0iMHB4Ig0KCSB2aWV3Qm94PSIwIDAgOCA4IiBlbmFibGUtYmFja2dyb3VuZD0ibmV3IDAgMCA4IDgiIHhtbDpzcGFjZT0icHJlc2VydmUiPg0KPHBhdGggZmlsbD0iI0ZGRkZGRiIgZD0iTTYuNCwxTDUuNywxLjdMMi45LDQuNUwyLjEsMy43TDEuNCwzTDAsNC40bDAuNywwLjdsMS41LDEuNWwwLjcsMC43bDAuNy0wLjdsMy41LTMuNWwwLjctMC43TDYuNCwxTDYuNCwxeiINCgkvPg0KPC9zdmc+DQo=); +.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"); } -.c-checkbox input:indeterminate ~ .c-indicator { +.custom-checkbox .custom-control-input:indeterminate ~ .custom-control-indicator { background-color: #0074d9; - background-image: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4NCjwhLS0gR2VuZXJhdG9yOiBBZG9iZSBJbGx1c3RyYXRvciAxNy4xLjAsIFNWRyBFeHBvcnQgUGx1Zy1JbiAuIFNWRyBWZXJzaW9uOiA2LjAwIEJ1aWxkIDApICAtLT4NCjwhRE9DVFlQRSBzdmcgUFVCTElDICItLy9XM0MvL0RURCBTVkcgMS4xLy9FTiIgImh0dHA6Ly93d3cudzMub3JnL0dyYXBoaWNzL1NWRy8xLjEvRFREL3N2ZzExLmR0ZCI+DQo8c3ZnIHZlcnNpb249IjEuMSIgaWQ9IkxheWVyXzEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgeG1sbnM6eGxpbms9Imh0dHA6Ly93d3cudzMub3JnLzE5OTkveGxpbmsiIHg9IjBweCIgeT0iMHB4Ig0KCSB3aWR0aD0iOHB4IiBoZWlnaHQ9IjhweCIgdmlld0JveD0iMCAwIDggOCIgZW5hYmxlLWJhY2tncm91bmQ9Im5ldyAwIDAgOCA4IiB4bWw6c3BhY2U9InByZXNlcnZlIj4NCjxwYXRoIGZpbGw9IiNGRkZGRkYiIGQ9Ik0wLDN2Mmg4VjNIMHoiLz4NCjwvc3ZnPg0K); + 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"); } -.c-radio .c-indicator { +.custom-radio .custom-control-indicator { border-radius: 50%; } -.c-radio input:checked ~ .c-indicator { - background-image: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4NCjwhLS0gR2VuZXJhdG9yOiBBZG9iZSBJbGx1c3RyYXRvciAxNy4xLjAsIFNWRyBFeHBvcnQgUGx1Zy1JbiAuIFNWRyBWZXJzaW9uOiA2LjAwIEJ1aWxkIDApICAtLT4NCjwhRE9DVFlQRSBzdmcgUFVCTElDICItLy9XM0MvL0RURCBTVkcgMS4xLy9FTiIgImh0dHA6Ly93d3cudzMub3JnL0dyYXBoaWNzL1NWRy8xLjEvRFREL3N2ZzExLmR0ZCI+DQo8c3ZnIHZlcnNpb249IjEuMSIgaWQ9IkxheWVyXzEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgeG1sbnM6eGxpbms9Imh0dHA6Ly93d3cudzMub3JnLzE5OTkveGxpbmsiIHg9IjBweCIgeT0iMHB4Ig0KCSB2aWV3Qm94PSIwIDAgOCA4IiBlbmFibGUtYmFja2dyb3VuZD0ibmV3IDAgMCA4IDgiIHhtbDpzcGFjZT0icHJlc2VydmUiPg0KPHBhdGggZmlsbD0iI0ZGRkZGRiIgZD0iTTQsMUMyLjMsMSwxLDIuMywxLDRzMS4zLDMsMywzczMtMS4zLDMtM1M1LjcsMSw0LDF6Ii8+DQo8L3N2Zz4NCg==); +.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"); } -.c-inputs-stacked .c-input { - display: inline; +.custom-controls-stacked .custom-control { + float: left; + clear: left; } -.c-inputs-stacked .c-input::after { - display: block; - margin-bottom: .25rem; - content: ""; -} - -.c-inputs-stacked .c-input + .c-input { +.custom-controls-stacked .custom-control + .custom-control { margin-left: 0; } -.c-select { +.custom-select { display: inline-block; max-width: 100%; - -webkit-appearance: none; - padding: .375rem 1.75rem .375rem .75rem; - padding-right: .75rem \9; + height: calc(2.5rem - 2px); + padding: 0.375rem 1.75rem 0.375rem 0.75rem; + padding-right: 0.75rem \9; color: #55595c; vertical-align: middle; - background: #fff url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABAAAAAUCAMAAACzvE1FAAAADFBMVEUzMzMzMzMzMzMzMzMKAG/3AAAAA3RSTlMAf4C/aSLHAAAAPElEQVR42q3NMQ4AIAgEQTn//2cLdRKppSGzBYwzVXvznNWs8C58CiussPJj8h6NwgorrKRdTvuV9v16Afn0AYFOB7aYAAAAAElFTkSuQmCC) no-repeat right .75rem center; + 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; -webkit-background-size: 8px 10px; background-size: 8px 10px; - border: 1px solid #ccc; - - -moz-appearance: none; + border: 1px solid rgba(0, 0, 0, 0.15); + border-radius: 0.25rem; + -moz-appearance: none; + -webkit-appearance: none; } -.c-select:focus { +.custom-select:focus { border-color: #51a7e8; outline: none; } -.c-select::-ms-expand { - opacity: 0; +.custom-select:focus::-ms-value { + color: #55595c; + background-color: #fff; } -.c-select-sm { - padding-top: 3px; - padding-bottom: 3px; - font-size: 12px; +.custom-select:disabled { + color: #818a91; + cursor: not-allowed; + background-color: #eceeef; } -.c-select-sm:not([multiple]) { - height: 26px; - min-height: 26px; +.custom-select::-ms-expand { + opacity: 0; } -.file { +.custom-select-sm { + padding-top: 0.375rem; + padding-bottom: 0.375rem; + font-size: 75%; +} + +.custom-file { position: relative; display: inline-block; + max-width: 100%; height: 2.5rem; cursor: pointer; } -.file input { +.custom-file-input { min-width: 14rem; + max-width: 100%; margin: 0; filter: alpha(opacity=0); opacity: 0; } -.file-custom { +.custom-file-control { position: absolute; top: 0; right: 0; left: 0; z-index: 5; height: 2.5rem; - padding: .5rem 1rem; + padding: 0.5rem 1rem; line-height: 1.5; color: #555; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; background-color: #fff; border: 1px solid #ddd; - border-radius: .25rem; + border-radius: 0.25rem; } -.file-custom::after { +.custom-file-control:lang(en)::after { content: "Choose file..."; } -.file-custom::before { +.custom-file-control::before { position: absolute; - top: -.075rem; - right: -.075rem; - bottom: -.075rem; + top: -1px; + right: -1px; + bottom: -1px; z-index: 6; display: block; height: 2.5rem; - padding: .5rem 1rem; + padding: 0.5rem 1rem; line-height: 1.5; color: #555; - content: "Browse"; background-color: #eee; border: 1px solid #ddd; - border-radius: 0 .25rem .25rem 0; + border-radius: 0 0.25rem 0.25rem 0; } +.custom-file-control:lang(en)::before { + content: "Browse"; +} + .nav { padding-left: 0; margin-bottom: 0; list-style: none; } @@ -3497,29 +3657,30 @@ .nav-tabs { border-bottom: 1px solid #ddd; } .nav-tabs::after { + content: ""; display: table; clear: both; - content: ""; } .nav-tabs .nav-item { float: left; margin-bottom: -1px; } .nav-tabs .nav-item + .nav-item { - margin-left: .2rem; + margin-left: 0.2rem; } .nav-tabs .nav-link { display: block; - padding: .5em 1em; + padding: 0.5em 1em; border: 1px solid transparent; - border-radius: .25rem .25rem 0 0; + border-top-right-radius: 0.25rem; + border-top-left-radius: 0.25rem; } .nav-tabs .nav-link:focus, .nav-tabs .nav-link:hover { border-color: #eceeef #eceeef #ddd; } @@ -3537,28 +3698,34 @@ color: #55595c; background-color: #fff; border-color: #ddd #ddd transparent; } +.nav-tabs .dropdown-menu { + margin-top: -1px; + border-top-right-radius: 0; + border-top-left-radius: 0; +} + .nav-pills::after { + content: ""; display: table; clear: both; - content: ""; } .nav-pills .nav-item { float: left; } .nav-pills .nav-item + .nav-item { - margin-left: .2rem; + margin-left: 0.2rem; } .nav-pills .nav-link { display: block; - padding: .5em 1em; - border-radius: .25rem; + 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, @@ -3572,11 +3739,11 @@ display: block; float: none; } .nav-stacked .nav-item + .nav-item { - margin-top: .2rem; + margin-top: 0.2rem; margin-left: 0; } .tab-content > .tab-pane { display: none; @@ -3584,38 +3751,32 @@ .tab-content > .active { display: block; } -.nav-tabs .dropdown-menu { - margin-top: -1px; - border-top-left-radius: 0; - border-top-right-radius: 0; -} - .navbar { position: relative; - padding: .5rem 1rem; + padding: 0.5rem 1rem; } .navbar::after { + content: ""; display: table; clear: both; - content: ""; } -@media (min-width: 544px) { +@media (min-width: 576px) { .navbar { - border-radius: .25rem; + border-radius: 0.25rem; } } .navbar-full { z-index: 1000; } -@media (min-width: 544px) { +@media (min-width: 576px) { .navbar-full { border-radius: 0; } } @@ -3625,11 +3786,11 @@ right: 0; left: 0; z-index: 1030; } -@media (min-width: 544px) { +@media (min-width: 576px) { .navbar-fixed-top, .navbar-fixed-bottom { border-radius: 0; } } @@ -3642,83 +3803,215 @@ bottom: 0; } .navbar-sticky-top { position: -webkit-sticky; - position: sticky; + position: sticky; top: 0; z-index: 1030; width: 100%; } -@media (min-width: 544px) { +@media (min-width: 576px) { .navbar-sticky-top { border-radius: 0; } } .navbar-brand { float: left; - padding-top: .25rem; - padding-bottom: .25rem; + padding-top: 0.25rem; + padding-bottom: 0.25rem; margin-right: 1rem; font-size: 1.25rem; + line-height: inherit; } .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; } .navbar-divider::before { content: "\00a0"; } +.navbar-text { + display: inline-block; + padding-top: .425rem; + padding-bottom: .425rem; +} + .navbar-toggler { - padding: .5rem .75rem; + width: 2.5em; + height: 2em; + padding: 0.5rem 0.75rem; font-size: 1.25rem; line-height: 1; - background: none; + background: transparent no-repeat center center; + -webkit-background-size: 24px 24px; + background-size: 24px 24px; border: 1px solid transparent; - border-radius: .25rem; + border-radius: 0.25rem; } .navbar-toggler:focus, .navbar-toggler:hover { text-decoration: none; } -@media (min-width: 544px) { +.navbar-toggleable-xs::after { + content: ""; + display: table; + clear: both; +} + +@media (max-width: 575px) { + .navbar-toggleable-xs .navbar-brand { + display: block; + float: none; + margin-top: .5rem; + margin-right: 0; + } + .navbar-toggleable-xs .navbar-nav { + margin-top: .5rem; + margin-bottom: .5rem; + } + .navbar-toggleable-xs .navbar-nav .dropdown-menu { + position: static; + float: none; + } +} + +@media (min-width: 576px) { .navbar-toggleable-xs { - display: block !important; + display: block; } } +.navbar-toggleable-sm::after { + content: ""; + display: table; + clear: both; +} + +@media (max-width: 767px) { + .navbar-toggleable-sm .navbar-brand { + display: block; + float: none; + margin-top: .5rem; + margin-right: 0; + } + .navbar-toggleable-sm .navbar-nav { + margin-top: .5rem; + margin-bottom: .5rem; + } + .navbar-toggleable-sm .navbar-nav .dropdown-menu { + position: static; + float: none; + } +} + @media (min-width: 768px) { .navbar-toggleable-sm { - display: block !important; + display: block; } } +.navbar-toggleable-md::after { + content: ""; + display: table; + clear: both; +} + +@media (max-width: 991px) { + .navbar-toggleable-md .navbar-brand { + display: block; + float: none; + margin-top: .5rem; + margin-right: 0; + } + .navbar-toggleable-md .navbar-nav { + margin-top: .5rem; + margin-bottom: .5rem; + } + .navbar-toggleable-md .navbar-nav .dropdown-menu { + position: static; + float: none; + } +} + @media (min-width: 992px) { .navbar-toggleable-md { - display: block !important; + display: block; } } +.navbar-toggleable-lg::after { + content: ""; + display: table; + clear: both; +} + +@media (max-width: 1199px) { + .navbar-toggleable-lg .navbar-brand { + display: block; + float: none; + margin-top: .5rem; + margin-right: 0; + } + .navbar-toggleable-lg .navbar-nav { + margin-top: .5rem; + margin-bottom: .5rem; + } + .navbar-toggleable-lg .navbar-nav .dropdown-menu { + position: static; + float: none; + } +} + +@media (min-width: 1200px) { + .navbar-toggleable-lg { + display: block; + } +} + +.navbar-toggleable-xl { + display: block; +} + +.navbar-toggleable-xl::after { + content: ""; + display: table; + clear: both; +} + +.navbar-toggleable-xl .navbar-brand { + display: block; + float: none; + margin-top: .5rem; + margin-right: 0; +} + +.navbar-toggleable-xl .navbar-nav { + margin-top: .5rem; + margin-bottom: .5rem; +} + +.navbar-toggleable-xl .navbar-nav .dropdown-menu { + position: static; + float: none; +} + .navbar-nav .nav-item { float: left; } .navbar-nav .nav-link { @@ -3733,24 +4026,27 @@ .navbar-nav .nav-item + .nav-item { margin-left: 1rem; } -.navbar-light .navbar-brand { - color: rgba(0, 0, 0, .8); +.navbar-light .navbar-brand, +.navbar-light .navbar-toggler { + color: rgba(0, 0, 0, 0.9); } -.navbar-light .navbar-brand:focus, .navbar-light .navbar-brand:hover { - color: rgba(0, 0, 0, .8); +.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-nav .nav-link { - color: rgba(0, 0, 0, .3); + color: rgba(0, 0, 0, 0.5); } .navbar-light .navbar-nav .nav-link:focus, .navbar-light .navbar-nav .nav-link:hover { - color: rgba(0, 0, 0, .6); + color: rgba(0, 0, 0, 0.7); } .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 .active > .nav-link, .navbar-light .navbar-nav .active > .nav-link:focus, @@ -3759,31 +4055,39 @@ .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, .8); + color: rgba(0, 0, 0, 0.9); } +.navbar-light .navbar-toggler { + background-image: url("data:image/svg+xml;charset=utf8,%3Csvg viewBox='0 0 32 32' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath stroke='rgba(0, 0, 0, 0.5)' stroke-width='2' stroke-linecap='round' stroke-miterlimit='10' d='M4 8h24M4 16h24M4 24h24'/%3E%3C/svg%3E"); + border-color: rgba(0, 0, 0, 0.1); +} + .navbar-light .navbar-divider { - background-color: rgba(0, 0, 0, .075); + background-color: rgba(0, 0, 0, 0.075); } -.navbar-dark .navbar-brand { +.navbar-dark .navbar-brand, +.navbar-dark .navbar-toggler { color: white; } -.navbar-dark .navbar-brand:focus, .navbar-dark .navbar-brand:hover { +.navbar-dark .navbar-brand:focus, .navbar-dark .navbar-brand:hover, +.navbar-dark .navbar-toggler:focus, +.navbar-dark .navbar-toggler:hover { color: white; } .navbar-dark .navbar-nav .nav-link { - color: rgba(255, 255, 255, .5); + color: rgba(255, 255, 255, 0.5); } .navbar-dark .navbar-nav .nav-link:focus, .navbar-dark .navbar-nav .nav-link:hover { - color: rgba(255, 255, 255, .75); + 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, @@ -3795,33 +4099,101 @@ .navbar-dark .navbar-nav .nav-link.active:focus, .navbar-dark .navbar-nav .nav-link.active:hover { color: white; } +.navbar-dark .navbar-toggler { + background-image: url("data:image/svg+xml;charset=utf8,%3Csvg viewBox='0 0 32 32' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath stroke='rgba(255, 255, 255, 0.5)' stroke-width='2' stroke-linecap='round' stroke-miterlimit='10' d='M4 8h24M4 16h24M4 24h24'/%3E%3C/svg%3E"); + border-color: rgba(255, 255, 255, 0.1); +} + .navbar-dark .navbar-divider { - background-color: rgba(255, 255, 255, .075); + background-color: rgba(255, 255, 255, 0.075); } +.navbar-toggleable-xs::after { + content: ""; + display: table; + clear: both; +} + +@media (max-width: 575px) { + .navbar-toggleable-xs .navbar-nav .nav-item { + float: none; + margin-left: 0; + } +} + +@media (min-width: 576px) { + .navbar-toggleable-xs { + display: block !important; + } +} + +.navbar-toggleable-sm::after { + content: ""; + display: table; + clear: both; +} + +@media (max-width: 767px) { + .navbar-toggleable-sm .navbar-nav .nav-item { + float: none; + margin-left: 0; + } +} + +@media (min-width: 768px) { + .navbar-toggleable-sm { + display: block !important; + } +} + +.navbar-toggleable-md::after { + content: ""; + display: table; + clear: both; +} + +@media (max-width: 991px) { + .navbar-toggleable-md .navbar-nav .nav-item { + float: none; + margin-left: 0; + } +} + +@media (min-width: 992px) { + .navbar-toggleable-md { + display: block !important; + } +} + .card { position: relative; display: block; - margin-bottom: .75rem; + margin-bottom: 0.75rem; background-color: #fff; - border: 1px solid #e5e5e5; - border-radius: .25rem; + border-radius: 0.25rem; + border: 1px solid rgba(0, 0, 0, 0.125); } .card-block { padding: 1.25rem; } +.card-block::after { + content: ""; + display: table; + clear: both; +} + .card-title { - margin-bottom: .75rem; + margin-bottom: 0.75rem; } .card-subtitle { - margin-top: -.375rem; + margin-top: -0.375rem; margin-bottom: 0; } .card-text:last-child { margin-bottom: 0; @@ -3834,95 +4206,147 @@ .card-link + .card-link { margin-left: 1.25rem; } .card > .list-group:first-child .list-group-item:first-child { - border-radius: .25rem .25rem 0 0; + border-top-right-radius: 0.25rem; + border-top-left-radius: 0.25rem; } .card > .list-group:last-child .list-group-item:last-child { - border-radius: 0 0 .25rem .25rem; + border-bottom-right-radius: 0.25rem; + border-bottom-left-radius: 0.25rem; } .card-header { - padding: .75rem 1.25rem; + padding: 0.75rem 1.25rem; + margin-bottom: 0; background-color: #f5f5f5; - border-bottom: 1px solid #e5e5e5; + border-bottom: 1px solid rgba(0, 0, 0, 0.125); } +.card-header::after { + content: ""; + display: table; + clear: both; +} + .card-header:first-child { - border-radius: .25rem .25rem 0 0; + border-radius: calc(0.25rem - 1px) calc(0.25rem - 1px) 0 0; } .card-footer { - padding: .75rem 1.25rem; + padding: 0.75rem 1.25rem; background-color: #f5f5f5; - border-top: 1px solid #e5e5e5; + 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 .25rem .25rem; + border-radius: 0 0 calc(0.25rem - 1px) calc(0.25rem - 1px); } +.card-header-tabs { + margin-right: -0.625rem; + margin-bottom: -0.75rem; + margin-left: -0.625rem; + border-bottom: 0; +} + +.card-header-pills { + margin-right: -0.625rem; + margin-left: -0.625rem; +} + .card-primary { background-color: #0275d8; border-color: #0275d8; } +.card-primary .card-header, +.card-primary .card-footer { + background-color: transparent; +} + .card-success { background-color: #5cb85c; border-color: #5cb85c; } +.card-success .card-header, +.card-success .card-footer { + background-color: transparent; +} + .card-info { background-color: #5bc0de; border-color: #5bc0de; } +.card-info .card-header, +.card-info .card-footer { + background-color: transparent; +} + .card-warning { background-color: #f0ad4e; border-color: #f0ad4e; } +.card-warning .card-header, +.card-warning .card-footer { + background-color: transparent; +} + .card-danger { background-color: #d9534f; border-color: #d9534f; } -.card-primary-outline { +.card-danger .card-header, +.card-danger .card-footer { background-color: transparent; +} + +.card-outline-primary { + background-color: transparent; border-color: #0275d8; } -.card-secondary-outline { +.card-outline-secondary { background-color: transparent; border-color: #ccc; } -.card-info-outline { +.card-outline-info { background-color: transparent; border-color: #5bc0de; } -.card-success-outline { +.card-outline-success { background-color: transparent; border-color: #5cb85c; } -.card-warning-outline { +.card-outline-warning { background-color: transparent; border-color: #f0ad4e; } -.card-danger-outline { +.card-outline-danger { background-color: transparent; border-color: #d9534f; } .card-inverse .card-header, .card-inverse .card-footer { - border-bottom: 1px solid rgba(255, 255, 255, .2); + border-color: rgba(255, 255, 255, 0.2); } .card-inverse .card-header, .card-inverse .card-footer, .card-inverse .card-title, @@ -3930,12 +4354,13 @@ color: #fff; } .card-inverse .card-link, .card-inverse .card-text, -.card-inverse .card-blockquote > footer { - color: rgba(255, 255, 255, .65); +.card-inverse .card-subtitle, +.card-inverse .card-blockquote .blockquote-footer { + color: rgba(255, 255, 255, 0.65); } .card-inverse .card-link:focus, .card-inverse .card-link:hover { color: #fff; } @@ -3945,11 +4370,11 @@ margin-bottom: 0; border-left: 0; } .card-img { - border-radius: .25rem; + border-radius: calc(0.25rem - 1px); } .card-img-overlay { position: absolute; top: 0; @@ -3958,35 +4383,39 @@ left: 0; padding: 1.25rem; } .card-img-top { - border-radius: .25rem .25rem 0 0; + border-top-right-radius: calc(0.25rem - 1px); + border-top-left-radius: calc(0.25rem - 1px); } .card-img-bottom { - border-radius: 0 0 .25rem .25rem; + border-bottom-right-radius: calc(0.25rem - 1px); + border-bottom-left-radius: calc(0.25rem - 1px); } -@media (min-width: 544px) { +@media (min-width: 576px) { .card-deck { display: table; + width: 100%; + margin-bottom: 0.75rem; table-layout: fixed; border-spacing: 1.25rem 0; } .card-deck .card { display: table-cell; - width: 1%; + margin-bottom: 0; vertical-align: top; } .card-deck-wrapper { margin-right: -1.25rem; margin-left: -1.25rem; } } -@media (min-width: 544px) { +@media (min-width: 576px) { .card-group { display: table; width: 100%; table-layout: fixed; } @@ -3997,22 +4426,22 @@ .card-group .card + .card { margin-left: 0; border-left: 0; } .card-group .card:first-child { - border-top-right-radius: 0; border-bottom-right-radius: 0; + border-top-right-radius: 0; } .card-group .card:first-child .card-img-top { border-top-right-radius: 0; } .card-group .card:first-child .card-img-bottom { border-bottom-right-radius: 0; } .card-group .card:last-child { - border-top-left-radius: 0; border-bottom-left-radius: 0; + border-top-left-radius: 0; } .card-group .card:last-child .card-img-top { border-top-left-radius: 0; } .card-group .card:last-child .card-img-bottom { @@ -4025,11 +4454,11 @@ .card-group .card:not(:first-child):not(:last-child) .card-img-bottom { border-radius: 0; } } -@media (min-width: 544px) { +@media (min-width: 576px) { .card-columns { -webkit-column-count: 3; -moz-column-count: 3; column-count: 3; -webkit-column-gap: 1.25rem; @@ -4041,59 +4470,68 @@ width: 100%; } } .breadcrumb { - padding: .75rem 1rem; + padding: 0.75rem 1rem; margin-bottom: 1rem; list-style: none; background-color: #eceeef; - border-radius: .25rem; + border-radius: 0.25rem; } .breadcrumb::after { + content: ""; display: table; clear: both; - content: ""; } -.breadcrumb > li { +.breadcrumb-item { float: left; } -.breadcrumb > li + li::before { - padding-right: .5rem; - padding-left: .5rem; +.breadcrumb-item + .breadcrumb-item::before { + display: inline-block; + padding-right: 0.5rem; + padding-left: 0.5rem; color: #818a91; content: "/"; } -.breadcrumb > .active { +.breadcrumb-item + .breadcrumb-item:hover::before { + text-decoration: underline; +} + +.breadcrumb-item + .breadcrumb-item:hover::before { + text-decoration: none; +} + +.breadcrumb-item.active { color: #818a91; } .pagination { display: inline-block; padding-left: 0; margin-top: 1rem; margin-bottom: 1rem; - border-radius: .25rem; + border-radius: 0.25rem; } .page-item { display: inline; } .page-item:first-child .page-link { margin-left: 0; - border-top-left-radius: .25rem; - border-bottom-left-radius: .25rem; + border-bottom-left-radius: 0.25rem; + border-top-left-radius: 0.25rem; } .page-item:last-child .page-link { - border-top-right-radius: .25rem; - border-bottom-right-radius: .25rem; + border-bottom-right-radius: 0.25rem; + border-top-right-radius: 0.25rem; } .page-item.active .page-link, .page-item.active .page-link:focus, .page-item.active .page-link:hover { z-index: 2; color: #fff; @@ -4102,21 +4540,21 @@ border-color: #0275d8; } .page-item.disabled .page-link, .page-item.disabled .page-link:focus, .page-item.disabled .page-link:hover { color: #818a91; + pointer-events: none; cursor: not-allowed; background-color: #fff; border-color: #ddd; } .page-link { position: relative; float: left; - padding: .5rem .75rem; + padding: 0.5rem 0.75rem; margin-left: -1px; - line-height: 1.5; color: #0275d8; text-decoration: none; background-color: #fff; border: 1px solid #ddd; } @@ -4126,185 +4564,129 @@ background-color: #eceeef; border-color: #ddd; } .pagination-lg .page-link { - padding: .75rem 1.5rem; + padding: 0.75rem 1.5rem; font-size: 1.25rem; - line-height: 1.333333; } .pagination-lg .page-item:first-child .page-link { - border-top-left-radius: .3rem; - border-bottom-left-radius: .3rem; + border-bottom-left-radius: 0.3rem; + border-top-left-radius: 0.3rem; } .pagination-lg .page-item:last-child .page-link { - border-top-right-radius: .3rem; - border-bottom-right-radius: .3rem; + border-bottom-right-radius: 0.3rem; + border-top-right-radius: 0.3rem; } .pagination-sm .page-link { - padding: .275rem .75rem; - font-size: .875rem; - line-height: 1.5; + padding: 0.275rem 0.75rem; + font-size: 0.875rem; } .pagination-sm .page-item:first-child .page-link { - border-top-left-radius: .2rem; - border-bottom-left-radius: .2rem; + border-bottom-left-radius: 0.2rem; + border-top-left-radius: 0.2rem; } .pagination-sm .page-item:last-child .page-link { - border-top-right-radius: .2rem; - border-bottom-right-radius: .2rem; + border-bottom-right-radius: 0.2rem; + border-top-right-radius: 0.2rem; } -.pager { - padding-left: 0; - margin-top: 1rem; - margin-bottom: 1rem; - text-align: center; - list-style: none; -} - -.pager::after { - display: table; - clear: both; - content: ""; -} - -.pager li { - display: inline; -} - -.pager li > a, -.pager li > span { +.tag { display: inline-block; - padding: 5px 14px; - background-color: #fff; - border: 1px solid #ddd; - border-radius: 15px; -} - -.pager li > a:focus, .pager li > a:hover { - text-decoration: none; - background-color: #eceeef; -} - -.pager .disabled > a, .pager .disabled > a:focus, .pager .disabled > a:hover { - color: #818a91; - cursor: not-allowed; - background-color: #fff; -} - -.pager .disabled > span { - color: #818a91; - cursor: not-allowed; - background-color: #fff; -} - -.pager-next > a, -.pager-next > span { - float: right; -} - -.pager-prev > a, -.pager-prev > span { - float: left; -} - -.label { - display: inline-block; - padding: .25em .4em; + padding: 0.25em 0.4em; font-size: 75%; font-weight: bold; line-height: 1; color: #fff; text-align: center; white-space: nowrap; vertical-align: baseline; - border-radius: .25rem; + border-radius: 0.25rem; } -.label:empty { +.tag:empty { display: none; } -.btn .label { +.btn .tag { position: relative; top: -1px; } -a.label:focus, a.label:hover { +a.tag:focus, a.tag:hover { color: #fff; text-decoration: none; cursor: pointer; } -.label-pill { - padding-right: .6em; - padding-left: .6em; +.tag-pill { + padding-right: 0.6em; + padding-left: 0.6em; border-radius: 10rem; } -.label-default { +.tag-default { background-color: #818a91; } -.label-default[href]:focus, .label-default[href]:hover { +.tag-default[href]:focus, .tag-default[href]:hover { background-color: #687077; } -.label-primary { +.tag-primary { background-color: #0275d8; } -.label-primary[href]:focus, .label-primary[href]:hover { +.tag-primary[href]:focus, .tag-primary[href]:hover { background-color: #025aa5; } -.label-success { +.tag-success { background-color: #5cb85c; } -.label-success[href]:focus, .label-success[href]:hover { +.tag-success[href]:focus, .tag-success[href]:hover { background-color: #449d44; } -.label-info { +.tag-info { background-color: #5bc0de; } -.label-info[href]:focus, .label-info[href]:hover { +.tag-info[href]:focus, .tag-info[href]:hover { background-color: #31b0d5; } -.label-warning { +.tag-warning { background-color: #f0ad4e; } -.label-warning[href]:focus, .label-warning[href]:hover { +.tag-warning[href]:focus, .tag-warning[href]:hover { background-color: #ec971f; } -.label-danger { +.tag-danger { background-color: #d9534f; } -.label-danger[href]:focus, .label-danger[href]:hover { +.tag-danger[href]:focus, .tag-danger[href]:hover { background-color: #c9302c; } .jumbotron { padding: 2rem 1rem; margin-bottom: 2rem; background-color: #eceeef; - border-radius: .3rem; + border-radius: 0.3rem; } -@media (min-width: 544px) { +@media (min-width: 576px) { .jumbotron { padding: 4rem 2rem; } } @@ -4317,48 +4699,39 @@ padding-left: 0; border-radius: 0; } .alert { - padding: 15px; + padding: 0.75rem 1.25rem; margin-bottom: 1rem; border: 1px solid transparent; - border-radius: .25rem; + border-radius: 0.25rem; } -.alert > p, -.alert > ul { - margin-bottom: 0; -} - -.alert > p + p { - margin-top: 5px; -} - .alert-heading { color: inherit; } .alert-link { font-weight: bold; } .alert-dismissible { - padding-right: 35px; + padding-right: 2.5rem; } .alert-dismissible .close { position: relative; - top: -2px; - right: -21px; + top: -.125rem; + right: -1.25rem; color: inherit; } .alert-success { - color: #3c763d; background-color: #dff0d8; border-color: #d0e9c6; + color: #3c763d; } .alert-success hr { border-top-color: #c1e2b3; } @@ -4366,13 +4739,13 @@ .alert-success .alert-link { color: #2b542c; } .alert-info { - color: #31708f; background-color: #d9edf7; border-color: #bcdff1; + color: #31708f; } .alert-info hr { border-top-color: #a6d5ec; } @@ -4380,13 +4753,13 @@ .alert-info .alert-link { color: #245269; } .alert-warning { - color: #8a6d3b; background-color: #fcf8e3; border-color: #faf2cc; + color: #8a6d3b; } .alert-warning hr { border-top-color: #f7ecb5; } @@ -4394,13 +4767,13 @@ .alert-warning .alert-link { color: #66512c; } .alert-danger { - color: #a94442; background-color: #f2dede; border-color: #ebcccc; + color: #a94442; } .alert-danger hr { border-top-color: #e4b9b9; } @@ -4442,80 +4815,97 @@ height: 1rem; margin-bottom: 1rem; } .progress[value] { - -webkit-appearance: none; - color: #0074d9; + background-color: #eee; border: 0; - + -webkit-appearance: none; -moz-appearance: none; appearance: none; + border-radius: 0.25rem; } -.progress[value]::-webkit-progress-bar { - background-color: #eee; - border-radius: .25rem; +.progress[value]::-ms-fill { + background-color: #0074d9; + border: 0; } -.progress[value]::-webkit-progress-value::before { - content: attr(value); +.progress[value]::-moz-progress-bar { + background-color: #0074d9; + border-bottom-left-radius: 0.25rem; + border-top-left-radius: 0.25rem; } .progress[value]::-webkit-progress-value { background-color: #0074d9; - border-top-left-radius: .25rem; - border-bottom-left-radius: .25rem; + 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-top-right-radius: .25rem; - border-bottom-right-radius: .25rem; + border-bottom-right-radius: 0.25rem; + border-top-right-radius: 0.25rem; } +.progress[value]::-webkit-progress-bar { + background-color: #eee; + border-radius: 0.25rem; +} + +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: .25rem; + border-radius: 0.25rem; } .progress-bar { display: inline-block; height: 1rem; text-indent: -999rem; background-color: #0074d9; - border-top-left-radius: .25rem; - border-bottom-left-radius: .25rem; + border-bottom-left-radius: 0.25rem; + border-top-left-radius: 0.25rem; } - .progress[width^="0"] { - min-width: 2rem; - color: #818a91; - background-color: transparent; - background-image: none; - } .progress[width="100%"] { - border-top-right-radius: .25rem; - border-bottom-right-radius: .25rem; + border-bottom-right-radius: 0.25rem; + border-top-right-radius: 0.25rem; } } .progress-striped[value]::-webkit-progress-value { - background-image: -webkit-linear-gradient(45deg, rgba(255, 255, 255, .15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, .15) 50%, rgba(255, 255, 255, .15) 75%, transparent 75%, transparent); - background-image: linear-gradient(45deg, rgba(255, 255, 255, .15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, .15) 50%, rgba(255, 255, 255, .15) 75%, transparent 75%, transparent); + background-image: -webkit-linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent); + background-image: linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent); -webkit-background-size: 1rem 1rem; background-size: 1rem 1rem; } .progress-striped[value]::-moz-progress-bar { - background-image: linear-gradient(45deg, rgba(255, 255, 255, .15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, .15) 50%, rgba(255, 255, 255, .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); background-size: 1rem 1rem; } +.progress-striped[value]::-ms-fill { + background-image: linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent); + background-size: 1rem 1rem; +} + @media screen and (min-width: 0\0) { .progress-bar-striped { - background-image: -webkit-linear-gradient(45deg, rgba(255, 255, 255, .15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, .15) 50%, rgba(255, 255, 255, .15) 75%, transparent 75%, transparent); - background-image: -o-linear-gradient(45deg, rgba(255, 255, 255, .15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, .15) 50%, rgba(255, 255, 255, .15) 75%, transparent 75%, transparent); - background-image: linear-gradient(45deg, rgba(255, 255, 255, .15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, .15) 50%, rgba(255, 255, 255, .15) 75%, transparent 75%, transparent); + 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; } } @@ -4542,10 +4932,14 @@ .progress-success[value]::-moz-progress-bar { background-color: #5cb85c; } +.progress-success[value]::-ms-fill { + background-color: #5cb85c; +} + @media screen and (min-width: 0\0) { .progress-success .progress-bar { background-color: #5cb85c; } } @@ -4556,10 +4950,14 @@ .progress-info[value]::-moz-progress-bar { background-color: #5bc0de; } +.progress-info[value]::-ms-fill { + background-color: #5bc0de; +} + @media screen and (min-width: 0\0) { .progress-info .progress-bar { background-color: #5bc0de; } } @@ -4570,10 +4968,14 @@ .progress-warning[value]::-moz-progress-bar { background-color: #f0ad4e; } +.progress-warning[value]::-ms-fill { + background-color: #f0ad4e; +} + @media screen and (min-width: 0\0) { .progress-warning .progress-bar { background-color: #f0ad4e; } } @@ -4584,28 +4986,23 @@ .progress-danger[value]::-moz-progress-bar { background-color: #d9534f; } +.progress-danger[value]::-ms-fill { + background-color: #d9534f; +} + @media screen and (min-width: 0\0) { .progress-danger .progress-bar { background-color: #d9534f; } } -.media { - margin-top: 15px; -} - -.media:first-child { - margin-top: 0; -} - .media, .media-body { overflow: hidden; - zoom: 1; } .media-body { width: 10000px; } @@ -4657,60 +5054,27 @@ } .list-group-item { position: relative; display: block; - padding: .75rem 1.25rem; + padding: 0.75rem 1.25rem; margin-bottom: -1px; background-color: #fff; border: 1px solid #ddd; } .list-group-item:first-child { - border-top-left-radius: .25rem; - border-top-right-radius: .25rem; + border-top-right-radius: 0.25rem; + border-top-left-radius: 0.25rem; } .list-group-item:last-child { margin-bottom: 0; - border-bottom-right-radius: .25rem; - border-bottom-left-radius: .25rem; + border-bottom-right-radius: 0.25rem; + border-bottom-left-radius: 0.25rem; } -.list-group-flush .list-group-item { - border-width: 1px 0; - border-radius: 0; -} - -.list-group-flush:first-child .list-group-item:first-child { - border-top: 0; -} - -.list-group-flush:last-child .list-group-item:last-child { - border-bottom: 0; -} - -a.list-group-item, -button.list-group-item { - width: 100%; - color: #555; - text-align: inherit; -} - -a.list-group-item .list-group-item-heading, -button.list-group-item .list-group-item-heading { - color: #333; -} - -a.list-group-item:focus, a.list-group-item:hover, -button.list-group-item:focus, -button.list-group-item:hover { - color: #555; - text-decoration: none; - background-color: #f5f5f5; -} - .list-group-item.disabled, .list-group-item.disabled:focus, .list-group-item.disabled:hover { color: #818a91; cursor: not-allowed; background-color: #eceeef; } @@ -4724,10 +5088,11 @@ } .list-group-item.active, .list-group-item.active:focus, .list-group-item.active:hover { z-index: 2; color: #fff; + text-decoration: none; background-color: #0275d8; border-color: #0275d8; } .list-group-item.active .list-group-item-heading, @@ -4742,10 +5107,32 @@ .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-flush .list-group-item { + border-right: 0; + border-left: 0; + border-radius: 0; +} + +.list-group-item-action { + width: 100%; + color: #555; + text-align: inherit; +} + +.list-group-item-action .list-group-item-heading { + color: #333; +} + +.list-group-item-action:focus, .list-group-item-action:hover { + color: #555; + text-decoration: none; + background-color: #f5f5f5; +} + .list-group-item-success { color: #3c763d; background-color: #dff0d8; } @@ -4932,15 +5319,15 @@ cursor: pointer; opacity: .5; } button.close { - -webkit-appearance: none; padding: 0; cursor: pointer; background: transparent; border: 0; + -webkit-appearance: none; } .modal-open { overflow: hidden; } @@ -4952,20 +5339,19 @@ bottom: 0; left: 0; z-index: 1050; display: none; overflow: hidden; - -webkit-overflow-scrolling: touch; outline: 0; } .modal.fade .modal-dialog { -webkit-transition: -webkit-transform .3s ease-out; - -o-transition: transform .3s ease-out, -o-transform .3s ease-out; - transition: -webkit-transform .3s ease-out; - transition: transform .3s ease-out; - transition: transform .3s ease-out, -webkit-transform .3s ease-out, -o-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-transform: translate(0, -25%); -ms-transform: translate(0, -25%); -o-transform: translate(0, -25%); transform: translate(0, -25%); } @@ -4991,12 +5377,12 @@ .modal-content { position: relative; background-color: #fff; -webkit-background-clip: padding-box; background-clip: padding-box; - border: 1px solid rgba(0, 0, 0, .2); - border-radius: .3rem; + border: 1px solid rgba(0, 0, 0, 0.2); + border-radius: 0.3rem; outline: 0; } .modal-backdrop { position: fixed; @@ -5011,22 +5397,22 @@ .modal-backdrop.fade { opacity: 0; } .modal-backdrop.in { - opacity: .5; + opacity: 0.5; } .modal-header { padding: 15px; border-bottom: 1px solid #e5e5e5; } .modal-header::after { + content: ""; display: table; clear: both; - content: ""; } .modal-header .close { margin-top: -2px; } @@ -5046,142 +5432,132 @@ text-align: right; border-top: 1px solid #e5e5e5; } .modal-footer::after { + content: ""; display: table; clear: both; - content: ""; } -.modal-footer .btn + .btn { - margin-bottom: 0; - margin-left: 5px; -} - -.modal-footer .btn-group .btn + .btn { - margin-left: -1px; -} - -.modal-footer .btn-block + .btn-block { - margin-left: 0; -} - .modal-scrollbar-measure { position: absolute; top: -9999px; width: 50px; height: 50px; overflow: scroll; } -@media (min-width: 544px) { +@media (min-width: 576px) { .modal-dialog { - width: 600px; + max-width: 600px; margin: 30px auto; } .modal-sm { - width: 300px; + max-width: 300px; } } -@media (min-width: 768px) { +@media (min-width: 992px) { .modal-lg { - width: 900px; + max-width: 900px; } } .tooltip { position: absolute; z-index: 1070; display: block; - font-family: "Helvetica Neue", Helvetica, Arial, sans-serif; - font-size: .875rem; + font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif; font-style: normal; font-weight: normal; + letter-spacing: normal; + line-break: auto; line-height: 1.5; text-align: left; text-align: start; text-decoration: none; text-shadow: none; text-transform: none; - letter-spacing: normal; + white-space: normal; word-break: normal; word-spacing: normal; - word-wrap: normal; - white-space: normal; + font-size: 0.875rem; + word-wrap: break-word; opacity: 0; - - line-break: auto; } .tooltip.in { - opacity: .9; + opacity: 0.9; } .tooltip.tooltip-top, .tooltip.bs-tether-element-attached-bottom { padding: 5px 0; margin-top: -3px; } -.tooltip.tooltip-top .tooltip-arrow, .tooltip.bs-tether-element-attached-bottom .tooltip-arrow { +.tooltip.tooltip-top .tooltip-inner::before, .tooltip.bs-tether-element-attached-bottom .tooltip-inner::before { bottom: 0; left: 50%; margin-left: -5px; + content: ""; border-width: 5px 5px 0; border-top-color: #000; } .tooltip.tooltip-right, .tooltip.bs-tether-element-attached-left { padding: 0 5px; margin-left: 3px; } -.tooltip.tooltip-right .tooltip-arrow, .tooltip.bs-tether-element-attached-left .tooltip-arrow { +.tooltip.tooltip-right .tooltip-inner::before, .tooltip.bs-tether-element-attached-left .tooltip-inner::before { top: 50%; left: 0; margin-top: -5px; + content: ""; border-width: 5px 5px 5px 0; border-right-color: #000; } .tooltip.tooltip-bottom, .tooltip.bs-tether-element-attached-top { padding: 5px 0; margin-top: 3px; } -.tooltip.tooltip-bottom .tooltip-arrow, .tooltip.bs-tether-element-attached-top .tooltip-arrow { +.tooltip.tooltip-bottom .tooltip-inner::before, .tooltip.bs-tether-element-attached-top .tooltip-inner::before { top: 0; left: 50%; margin-left: -5px; + content: ""; border-width: 0 5px 5px; border-bottom-color: #000; } .tooltip.tooltip-left, .tooltip.bs-tether-element-attached-right { padding: 0 5px; margin-left: -3px; } -.tooltip.tooltip-left .tooltip-arrow, .tooltip.bs-tether-element-attached-right .tooltip-arrow { +.tooltip.tooltip-left .tooltip-inner::before, .tooltip.bs-tether-element-attached-right .tooltip-inner::before { top: 50%; right: 0; margin-top: -5px; + content: ""; border-width: 5px 0 5px 5px; border-left-color: #000; } .tooltip-inner { max-width: 200px; padding: 3px 8px; color: #fff; text-align: center; background-color: #000; - border-radius: .25rem; + border-radius: 0.25rem; } -.tooltip-arrow { +.tooltip-inner::before { position: absolute; width: 0; height: 0; border-color: transparent; border-style: solid; @@ -5193,141 +5569,161 @@ left: 0; z-index: 1060; display: block; max-width: 276px; padding: 1px; - font-family: "Helvetica Neue", Helvetica, Arial, sans-serif; - font-size: .875rem; + font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif; font-style: normal; font-weight: normal; + letter-spacing: normal; + line-break: auto; line-height: 1.5; text-align: left; text-align: start; text-decoration: none; text-shadow: none; text-transform: none; - letter-spacing: normal; + white-space: normal; word-break: normal; word-spacing: normal; - word-wrap: normal; - white-space: normal; + font-size: 0.875rem; + word-wrap: break-word; background-color: #fff; -webkit-background-clip: padding-box; background-clip: padding-box; - border: 1px solid rgba(0, 0, 0, .2); - border-radius: .3rem; - - line-break: auto; + border: 1px solid rgba(0, 0, 0, 0.2); + border-radius: 0.3rem; } .popover.popover-top, .popover.bs-tether-element-attached-bottom { margin-top: -10px; } -.popover.popover-top .popover-arrow, .popover.bs-tether-element-attached-bottom .popover-arrow { - bottom: -11px; +.popover.popover-top::before, .popover.popover-top::after, .popover.bs-tether-element-attached-bottom::before, .popover.bs-tether-element-attached-bottom::after { left: 50%; - margin-left: -11px; - border-top-color: rgba(0, 0, 0, .25); border-bottom-width: 0; } -.popover.popover-top .popover-arrow::after, .popover.bs-tether-element-attached-bottom .popover-arrow::after { - bottom: 1px; +.popover.popover-top::before, .popover.bs-tether-element-attached-bottom::before { + bottom: -11px; + margin-left: -11px; + border-top-color: rgba(0, 0, 0, 0.25); +} + +.popover.popover-top::after, .popover.bs-tether-element-attached-bottom::after { + bottom: -10px; margin-left: -10px; - content: ""; border-top-color: #fff; - border-bottom-width: 0; } .popover.popover-right, .popover.bs-tether-element-attached-left { margin-left: 10px; } -.popover.popover-right .popover-arrow, .popover.bs-tether-element-attached-left .popover-arrow { +.popover.popover-right::before, .popover.popover-right::after, .popover.bs-tether-element-attached-left::before, .popover.bs-tether-element-attached-left::after { top: 50%; + border-left-width: 0; +} + +.popover.popover-right::before, .popover.bs-tether-element-attached-left::before { left: -11px; margin-top: -11px; - border-right-color: rgba(0, 0, 0, .25); - border-left-width: 0; + border-right-color: rgba(0, 0, 0, 0.25); } -.popover.popover-right .popover-arrow::after, .popover.bs-tether-element-attached-left .popover-arrow::after { - bottom: -10px; - left: 1px; - content: ""; +.popover.popover-right::after, .popover.bs-tether-element-attached-left::after { + left: -10px; + margin-top: -10px; border-right-color: #fff; - border-left-width: 0; } .popover.popover-bottom, .popover.bs-tether-element-attached-top { margin-top: 10px; } -.popover.popover-bottom .popover-arrow, .popover.bs-tether-element-attached-top .popover-arrow { - top: -11px; +.popover.popover-bottom::before, .popover.popover-bottom::after, .popover.bs-tether-element-attached-top::before, .popover.bs-tether-element-attached-top::after { left: 50%; - margin-left: -11px; border-top-width: 0; - border-bottom-color: rgba(0, 0, 0, .25); } -.popover.popover-bottom .popover-arrow::after, .popover.bs-tether-element-attached-top .popover-arrow::after { - top: 1px; +.popover.popover-bottom::before, .popover.bs-tether-element-attached-top::before { + top: -11px; + margin-left: -11px; + border-bottom-color: rgba(0, 0, 0, 0.25); +} + +.popover.popover-bottom::after, .popover.bs-tether-element-attached-top::after { + top: -10px; margin-left: -10px; + border-bottom-color: #f7f7f7; +} + +.popover.popover-bottom .popover-title::before, .popover.bs-tether-element-attached-top .popover-title::before { + position: absolute; + top: 0; + left: 50%; + display: block; + width: 20px; + margin-left: -10px; content: ""; - border-top-width: 0; - border-bottom-color: #fff; + border-bottom: 1px solid #f7f7f7; } .popover.popover-left, .popover.bs-tether-element-attached-right { margin-left: -10px; } -.popover.popover-left .popover-arrow, .popover.bs-tether-element-attached-right .popover-arrow { +.popover.popover-left::before, .popover.popover-left::after, .popover.bs-tether-element-attached-right::before, .popover.bs-tether-element-attached-right::after { top: 50%; + border-right-width: 0; +} + +.popover.popover-left::before, .popover.bs-tether-element-attached-right::before { right: -11px; margin-top: -11px; - border-right-width: 0; - border-left-color: rgba(0, 0, 0, .25); + border-left-color: rgba(0, 0, 0, 0.25); } -.popover.popover-left .popover-arrow::after, .popover.bs-tether-element-attached-right .popover-arrow::after { - right: 1px; - bottom: -10px; - content: ""; - border-right-width: 0; +.popover.popover-left::after, .popover.bs-tether-element-attached-right::after { + right: -10px; + margin-top: -10px; border-left-color: #fff; } .popover-title { padding: 8px 14px; margin: 0; font-size: 1rem; background-color: #f7f7f7; border-bottom: 1px solid #ebebeb; - border-radius: -.7rem -.7rem 0 0; + border-radius: 0.2375rem 0.2375rem 0 0; } +.popover-title:empty { + display: none; +} + .popover-content { padding: 9px 14px; } -.popover-arrow, .popover-arrow::after { +.popover::before, +.popover::after { position: absolute; display: block; width: 0; height: 0; border-color: transparent; border-style: solid; } -.popover-arrow { +.popover::before { + content: ""; border-width: 11px; } -.popover-arrow::after { +.popover::after { content: ""; border-width: 10px; } .carousel { @@ -5342,27 +5738,26 @@ .carousel-inner > .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; + -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; } @media all and (transform-3d), (-webkit-transform-3d) { .carousel-inner > .carousel-item { -webkit-transition: -webkit-transform .6s ease-in-out; - -o-transition: transform .6s ease-in-out, -o-transform .6s ease-in-out; - transition: -webkit-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; - + 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; -webkit-backface-visibility: hidden; backface-visibility: hidden; -webkit-perspective: 1000px; perspective: 1000px; } @@ -5428,32 +5823,32 @@ left: 0; width: 15%; font-size: 20px; color: #fff; text-align: center; - text-shadow: 0 1px 2px rgba(0, 0, 0, .6); - opacity: .5; + 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, .5)), to(rgba(0, 0, 0, .0001))); - background-image: -webkit-linear-gradient(left, rgba(0, 0, 0, .5) 0%, rgba(0, 0, 0, .0001) 100%); - background-image: -o-linear-gradient(left, rgba(0, 0, 0, .5) 0%, rgba(0, 0, 0, .0001) 100%); - background-image: linear-gradient(to right, rgba(0, 0, 0, .5) 0%, rgba(0, 0, 0, .0001) 100%); - filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#80000000', endColorstr='#00000000', GradientType=1); + 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, .0001)), to(rgba(0, 0, 0, .5))); - background-image: -webkit-linear-gradient(left, rgba(0, 0, 0, .0001) 0%, rgba(0, 0, 0, .5) 100%); - background-image: -o-linear-gradient(left, rgba(0, 0, 0, .0001) 0%, rgba(0, 0, 0, .5) 100%); - background-image: linear-gradient(to right, rgba(0, 0, 0, .0001) 0%, rgba(0, 0, 0, .5) 100%); - filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#00000000', endColorstr='#80000000', GradientType=1); + 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 { color: #fff; text-decoration: none; @@ -5531,18 +5926,18 @@ z-index: 10; padding-top: 20px; padding-bottom: 20px; color: #fff; text-align: center; - text-shadow: 0 1px 2px rgba(0, 0, 0, .6); + text-shadow: 0 1px 2px rgba(0, 0, 0, 0.6); } .carousel-caption .btn { text-shadow: none; } -@media (min-width: 544px) { +@media (min-width: 576px) { .carousel-control .icon-prev, .carousel-control .icon-next { width: 30px; height: 30px; margin-top: -15px; @@ -5562,551 +5957,461 @@ .carousel-indicators { bottom: 20px; } } -.clearfix::after { - display: table; - clear: both; - content: ""; +.align-baseline { + vertical-align: baseline !important; } -.center-block { - display: block; - margin-right: auto; - margin-left: auto; +.align-top { + vertical-align: top !important; } -.pull-xs-left { - float: left !important; +.align-middle { + vertical-align: middle !important; } -.pull-xs-right { - float: right !important; +.align-bottom { + vertical-align: bottom !important; } -.pull-xs-none { - float: none !important; +.align-text-bottom { + vertical-align: text-bottom !important; } -@media (min-width: 544px) { - .pull-sm-left { - float: left !important; - } - .pull-sm-right { - float: right !important; - } - .pull-sm-none { - float: none !important; - } +.align-text-top { + vertical-align: text-top !important; } -@media (min-width: 768px) { - .pull-md-left { - float: left !important; - } - .pull-md-right { - float: right !important; - } - .pull-md-none { - float: none !important; - } +.bg-faded { + background-color: #f7f7f9; } -@media (min-width: 992px) { - .pull-lg-left { - float: left !important; - } - .pull-lg-right { - float: right !important; - } - .pull-lg-none { - float: none !important; - } +.bg-primary { + background-color: #0275d8 !important; } -@media (min-width: 1200px) { - .pull-xl-left { - float: left !important; - } - .pull-xl-right { - float: right !important; - } - .pull-xl-none { - float: none !important; - } +a.bg-primary:focus, a.bg-primary:hover { + background-color: #025aa5 !important; } -.sr-only { - position: absolute; - width: 1px; - height: 1px; - padding: 0; - margin: -1px; - overflow: hidden; - clip: rect(0, 0, 0, 0); - border: 0; +.bg-success { + background-color: #5cb85c !important; } -.sr-only-focusable:active, .sr-only-focusable:focus { - position: static; - width: auto; - height: auto; - margin: 0; - overflow: visible; - clip: auto; +a.bg-success:focus, a.bg-success:hover { + background-color: #449d44 !important; } -.invisible { - visibility: hidden !important; +.bg-info { + background-color: #5bc0de !important; } -.text-hide { - font: "0/0" a; - color: transparent; - text-shadow: none; - background-color: transparent; - border: 0; +a.bg-info:focus, a.bg-info:hover { + background-color: #31b0d5 !important; } -.text-justify { - text-align: justify !important; +.bg-warning { + background-color: #f0ad4e !important; } -.text-nowrap { - white-space: nowrap !important; +a.bg-warning:focus, a.bg-warning:hover { + background-color: #ec971f !important; } -.text-truncate { - overflow: hidden; - text-overflow: ellipsis; - white-space: nowrap; +.bg-danger { + background-color: #d9534f !important; } -.text-xs-left { - text-align: left !important; +a.bg-danger:focus, a.bg-danger:hover { + background-color: #c9302c !important; } -.text-xs-right { - text-align: right !important; +.bg-inverse { + background-color: #373a3c !important; } -.text-xs-center { - text-align: center !important; +a.bg-inverse:focus, a.bg-inverse:hover { + background-color: #1f2021 !important; } -@media (min-width: 544px) { - .text-sm-left { - text-align: left !important; - } - .text-sm-right { - text-align: right !important; - } - .text-sm-center { - text-align: center !important; - } +.rounded { + border-radius: 0.25rem; } -@media (min-width: 768px) { - .text-md-left { - text-align: left !important; - } - .text-md-right { - text-align: right !important; - } - .text-md-center { - text-align: center !important; - } +.rounded-top { + border-top-right-radius: 0.25rem; + border-top-left-radius: 0.25rem; } -@media (min-width: 992px) { - .text-lg-left { - text-align: left !important; - } - .text-lg-right { - text-align: right !important; - } - .text-lg-center { - text-align: center !important; - } +.rounded-right { + border-bottom-right-radius: 0.25rem; + border-top-right-radius: 0.25rem; } -@media (min-width: 1200px) { - .text-xl-left { - text-align: left !important; - } - .text-xl-right { - text-align: right !important; - } - .text-xl-center { - text-align: center !important; - } +.rounded-bottom { + border-bottom-right-radius: 0.25rem; + border-bottom-left-radius: 0.25rem; } -.text-lowercase { - text-transform: lowercase !important; +.rounded-left { + border-bottom-left-radius: 0.25rem; + border-top-left-radius: 0.25rem; } -.text-uppercase { - text-transform: uppercase !important; +.rounded-circle { + border-radius: 50%; } -.text-capitalize { - text-transform: capitalize !important; +.clearfix::after { + content: ""; + display: table; + clear: both; } -.font-weight-normal { - font-weight: normal; +.d-block { + display: block !important; } -.font-weight-bold { - font-weight: bold; +.d-inline-block { + display: inline-block !important; } -.font-italic { - font-style: italic; +.d-inline { + display: inline !important; } -.text-muted { - color: #818a91; +.float-xs-left { + float: left !important; } -.text-primary { - color: #0275d8 !important; +.float-xs-right { + float: right !important; } -a.text-primary:focus, a.text-primary:hover { - color: #025aa5; +.float-xs-none { + float: none !important; } -.text-success { - color: #5cb85c !important; +@media (min-width: 576px) { + .float-sm-left { + float: left !important; + } + .float-sm-right { + float: right !important; + } + .float-sm-none { + float: none !important; + } } -a.text-success:focus, a.text-success:hover { - color: #449d44; +@media (min-width: 768px) { + .float-md-left { + float: left !important; + } + .float-md-right { + float: right !important; + } + .float-md-none { + float: none !important; + } } -.text-info { - color: #5bc0de !important; +@media (min-width: 992px) { + .float-lg-left { + float: left !important; + } + .float-lg-right { + float: right !important; + } + .float-lg-none { + float: none !important; + } } -a.text-info:focus, a.text-info:hover { - color: #31b0d5; +@media (min-width: 1200px) { + .float-xl-left { + float: left !important; + } + .float-xl-right { + float: right !important; + } + .float-xl-none { + float: none !important; + } } -.text-warning { - color: #f0ad4e !important; +.sr-only { + position: absolute; + width: 1px; + height: 1px; + padding: 0; + margin: -1px; + overflow: hidden; + clip: rect(0, 0, 0, 0); + border: 0; } -a.text-warning:focus, a.text-warning:hover { - color: #ec971f; +.sr-only-focusable:active, .sr-only-focusable:focus { + position: static; + width: auto; + height: auto; + margin: 0; + overflow: visible; + clip: auto; } -.text-danger { - color: #d9534f !important; +.w-100 { + width: 100% !important; } -a.text-danger:focus, a.text-danger:hover { - color: #c9302c; +.h-100 { + height: 100% !important; } -.bg-inverse { - color: #eceeef; - background-color: #373a3c; -} - -.bg-faded { - background-color: #f7f7f9; -} - -.bg-primary { - color: #fff !important; - background-color: #0275d8 !important; -} - -a.bg-primary:focus, a.bg-primary:hover { - background-color: #025aa5; -} - -.bg-success { - color: #fff !important; - background-color: #5cb85c !important; -} - -a.bg-success:focus, a.bg-success:hover { - background-color: #449d44; -} - -.bg-info { - color: #fff !important; - background-color: #5bc0de !important; -} - -a.bg-info:focus, a.bg-info:hover { - background-color: #31b0d5; -} - -.bg-warning { - color: #fff !important; - background-color: #f0ad4e !important; -} - -a.bg-warning:focus, a.bg-warning:hover { - background-color: #ec971f; -} - -.bg-danger { - color: #fff !important; - background-color: #d9534f !important; -} - -a.bg-danger:focus, a.bg-danger:hover { - background-color: #c9302c; -} - -.m-x-auto { +.mx-auto { margin-right: auto !important; margin-left: auto !important; } -.m-a-0 { +.m-0 { margin: 0 0 !important; } -.m-t-0 { +.mt-0 { margin-top: 0 !important; } -.m-r-0 { +.mr-0 { margin-right: 0 !important; } -.m-b-0 { +.mb-0 { margin-bottom: 0 !important; } -.m-l-0 { +.ml-0 { margin-left: 0 !important; } -.m-x-0 { +.mx-0 { margin-right: 0 !important; margin-left: 0 !important; } -.m-y-0 { +.my-0 { margin-top: 0 !important; margin-bottom: 0 !important; } -.m-a-1 { +.m-1 { margin: 1rem 1rem !important; } -.m-t-1 { +.mt-1 { margin-top: 1rem !important; } -.m-r-1 { +.mr-1 { margin-right: 1rem !important; } -.m-b-1 { +.mb-1 { margin-bottom: 1rem !important; } -.m-l-1 { +.ml-1 { margin-left: 1rem !important; } -.m-x-1 { +.mx-1 { margin-right: 1rem !important; margin-left: 1rem !important; } -.m-y-1 { +.my-1 { margin-top: 1rem !important; margin-bottom: 1rem !important; } -.m-a-2 { +.m-2 { margin: 1.5rem 1.5rem !important; } -.m-t-2 { +.mt-2 { margin-top: 1.5rem !important; } -.m-r-2 { +.mr-2 { margin-right: 1.5rem !important; } -.m-b-2 { +.mb-2 { margin-bottom: 1.5rem !important; } -.m-l-2 { +.ml-2 { margin-left: 1.5rem !important; } -.m-x-2 { +.mx-2 { margin-right: 1.5rem !important; margin-left: 1.5rem !important; } -.m-y-2 { +.my-2 { margin-top: 1.5rem !important; margin-bottom: 1.5rem !important; } -.m-a-3 { +.m-3 { margin: 3rem 3rem !important; } -.m-t-3 { +.mt-3 { margin-top: 3rem !important; } -.m-r-3 { +.mr-3 { margin-right: 3rem !important; } -.m-b-3 { +.mb-3 { margin-bottom: 3rem !important; } -.m-l-3 { +.ml-3 { margin-left: 3rem !important; } -.m-x-3 { +.mx-3 { margin-right: 3rem !important; margin-left: 3rem !important; } -.m-y-3 { +.my-3 { margin-top: 3rem !important; margin-bottom: 3rem !important; } -.p-a-0 { +.p-0 { padding: 0 0 !important; } -.p-t-0 { +.pt-0 { padding-top: 0 !important; } -.p-r-0 { +.pr-0 { padding-right: 0 !important; } -.p-b-0 { +.pb-0 { padding-bottom: 0 !important; } -.p-l-0 { +.pl-0 { padding-left: 0 !important; } -.p-x-0 { +.px-0 { padding-right: 0 !important; padding-left: 0 !important; } -.p-y-0 { +.py-0 { padding-top: 0 !important; padding-bottom: 0 !important; } -.p-a-1 { +.p-1 { padding: 1rem 1rem !important; } -.p-t-1 { +.pt-1 { padding-top: 1rem !important; } -.p-r-1 { +.pr-1 { padding-right: 1rem !important; } -.p-b-1 { +.pb-1 { padding-bottom: 1rem !important; } -.p-l-1 { +.pl-1 { padding-left: 1rem !important; } -.p-x-1 { +.px-1 { padding-right: 1rem !important; padding-left: 1rem !important; } -.p-y-1 { +.py-1 { padding-top: 1rem !important; padding-bottom: 1rem !important; } -.p-a-2 { +.p-2 { padding: 1.5rem 1.5rem !important; } -.p-t-2 { +.pt-2 { padding-top: 1.5rem !important; } -.p-r-2 { +.pr-2 { padding-right: 1.5rem !important; } -.p-b-2 { +.pb-2 { padding-bottom: 1.5rem !important; } -.p-l-2 { +.pl-2 { padding-left: 1.5rem !important; } -.p-x-2 { +.px-2 { padding-right: 1.5rem !important; padding-left: 1.5rem !important; } -.p-y-2 { +.py-2 { padding-top: 1.5rem !important; padding-bottom: 1.5rem !important; } -.p-a-3 { +.p-3 { padding: 3rem 3rem !important; } -.p-t-3 { +.pt-3 { padding-top: 3rem !important; } -.p-r-3 { +.pr-3 { padding-right: 3rem !important; } -.p-b-3 { +.pb-3 { padding-bottom: 3rem !important; } -.p-l-3 { +.pl-3 { padding-left: 3rem !important; } -.p-x-3 { +.px-3 { padding-right: 3rem !important; padding-left: 3rem !important; } -.p-y-3 { +.py-3 { padding-top: 3rem !important; padding-bottom: 3rem !important; } .pos-f-t { @@ -6115,21 +6420,191 @@ right: 0; left: 0; z-index: 1030; } +.text-justify { + text-align: justify !important; +} + +.text-nowrap { + white-space: nowrap !important; +} + +.text-truncate { + overflow: hidden; + text-overflow: ellipsis; + white-space: nowrap; +} + +.text-xs-left { + text-align: left !important; +} + +.text-xs-right { + text-align: right !important; +} + +.text-xs-center { + text-align: center !important; +} + +@media (min-width: 576px) { + .text-sm-left { + text-align: left !important; + } + .text-sm-right { + text-align: right !important; + } + .text-sm-center { + text-align: center !important; + } +} + +@media (min-width: 768px) { + .text-md-left { + text-align: left !important; + } + .text-md-right { + text-align: right !important; + } + .text-md-center { + text-align: center !important; + } +} + +@media (min-width: 992px) { + .text-lg-left { + text-align: left !important; + } + .text-lg-right { + text-align: right !important; + } + .text-lg-center { + text-align: center !important; + } +} + +@media (min-width: 1200px) { + .text-xl-left { + text-align: left !important; + } + .text-xl-right { + text-align: right !important; + } + .text-xl-center { + text-align: center !important; + } +} + +.text-lowercase { + text-transform: lowercase !important; +} + +.text-uppercase { + text-transform: uppercase !important; +} + +.text-capitalize { + text-transform: capitalize !important; +} + +.font-weight-normal { + font-weight: normal; +} + +.font-weight-bold { + font-weight: bold; +} + +.font-italic { + font-style: italic; +} + +.text-white { + color: #fff !important; +} + +.text-muted { + color: #818a91 !important; +} + +a.text-muted:focus, a.text-muted:hover { + color: #687077 !important; +} + +.text-primary { + color: #0275d8 !important; +} + +a.text-primary:focus, a.text-primary:hover { + color: #025aa5 !important; +} + +.text-success { + color: #5cb85c !important; +} + +a.text-success:focus, a.text-success:hover { + color: #449d44 !important; +} + +.text-info { + color: #5bc0de !important; +} + +a.text-info:focus, a.text-info:hover { + color: #31b0d5 !important; +} + +.text-warning { + color: #f0ad4e !important; +} + +a.text-warning:focus, a.text-warning:hover { + color: #ec971f !important; +} + +.text-danger { + color: #d9534f !important; +} + +a.text-danger:focus, a.text-danger:hover { + color: #c9302c !important; +} + +.text-gray-dark { + color: #373a3c !important; +} + +a.text-gray-dark:focus, a.text-gray-dark:hover { + color: #1f2021 !important; +} + +.text-hide { + font: 0/0 a; + color: transparent; + text-shadow: none; + background-color: transparent; + border: 0; +} + +.invisible { + visibility: hidden !important; +} + .hidden-xs-up { display: none !important; } -@media (max-width: 543px) { +@media (max-width: 575px) { .hidden-xs-down { display: none !important; } } -@media (min-width: 544px) { +@media (min-width: 576px) { .hidden-sm-up { display: none !important; } } @@ -6207,25 +6682,30 @@ .hidden-print { display: none !important; } } /*# sourceMappingURL=bootstrap.css.map */ - /*! - * Font Awesome 4.3.0 by @davegandy - http://fontawesome.io - @fontawesome + * Font Awesome 4.7.0 by @davegandy - http://fontawesome.io - @fontawesome * License - http://fontawesome.io/license (Font: SIL OFL 1.1, CSS: MIT License) */ /* FONT PATH * -------------------------- */ +@font-face { + font-family: 'FontAwesome'; + src: url('../fonts/fontawesome-webfont.eot?v=4.7.0'); + src: url('../fonts/fontawesome-webfont.eot?#iefix&v=4.7.0') format('embedded-opentype'), url('../fonts/fontawesome-webfont.woff2?v=4.7.0') format('woff2'), url('../fonts/fontawesome-webfont.woff?v=4.7.0') format('woff'), url('../fonts/fontawesome-webfont.ttf?v=4.7.0') format('truetype'), url('../fonts/fontawesome-webfont.svg?v=4.7.0#fontawesomeregular') format('svg'); + font-weight: normal; + font-style: normal; +} .fa { display: inline-block; font: normal normal normal 14px/1 FontAwesome; font-size: inherit; text-rendering: auto; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; - transform: translate(0, 0); } /* makes the font 33% larger relative to the icon container */ .fa-lg { font-size: 1.33333333em; line-height: 0.75em; @@ -6268,10 +6748,23 @@ .fa-border { padding: .2em .25em .15em; border: solid 0.08em #eeeeee; border-radius: .1em; } +.fa-pull-left { + float: left; +} +.fa-pull-right { + float: right; +} +.fa.fa-pull-left { + margin-right: .3em; +} +.fa.fa-pull-right { + margin-left: .3em; +} +/* Deprecated as of 4.4.0 */ .pull-right { float: right; } .pull-left { float: left; @@ -6309,35 +6802,35 @@ -webkit-transform: rotate(359deg); transform: rotate(359deg); } } .fa-rotate-90 { - filter: progid:DXImageTransform.Microsoft.BasicImage(rotation=1); + -ms-filter: "progid:DXImageTransform.Microsoft.BasicImage(rotation=1)"; -webkit-transform: rotate(90deg); -ms-transform: rotate(90deg); transform: rotate(90deg); } .fa-rotate-180 { - filter: progid:DXImageTransform.Microsoft.BasicImage(rotation=2); + -ms-filter: "progid:DXImageTransform.Microsoft.BasicImage(rotation=2)"; -webkit-transform: rotate(180deg); -ms-transform: rotate(180deg); transform: rotate(180deg); } .fa-rotate-270 { - filter: progid:DXImageTransform.Microsoft.BasicImage(rotation=3); + -ms-filter: "progid:DXImageTransform.Microsoft.BasicImage(rotation=3)"; -webkit-transform: rotate(270deg); -ms-transform: rotate(270deg); transform: rotate(270deg); } .fa-flip-horizontal { - filter: progid:DXImageTransform.Microsoft.BasicImage(rotation=0, mirror=1); + -ms-filter: "progid:DXImageTransform.Microsoft.BasicImage(rotation=0, mirror=1)"; -webkit-transform: scale(-1, 1); -ms-transform: scale(-1, 1); transform: scale(-1, 1); } .fa-flip-vertical { - filter: progid:DXImageTransform.Microsoft.BasicImage(rotation=2, mirror=1); + -ms-filter: "progid:DXImageTransform.Microsoft.BasicImage(rotation=2, mirror=1)"; -webkit-transform: scale(1, -1); -ms-transform: scale(1, -1); transform: scale(1, -1); } :root .fa-rotate-90, @@ -6831,10 +7324,11 @@ content: "\f09c"; } .fa-credit-card:before { content: "\f09d"; } +.fa-feed:before, .fa-rss:before { content: "\f09e"; } .fa-hdd-o:before { content: "\f0a0"; @@ -7573,11 +8067,11 @@ content: "\f1a5"; } .fa-digg:before { content: "\f1a6"; } -.fa-pied-piper:before { +.fa-pied-piper-pp:before { content: "\f1a7"; } .fa-pied-piper-alt:before { content: "\f1a8"; } @@ -7699,10 +8193,11 @@ } .fa-circle-o-notch:before { content: "\f1ce"; } .fa-ra:before, +.fa-resistance:before, .fa-rebel:before { content: "\f1d0"; } .fa-ge:before, .fa-empire:before { @@ -7712,10 +8207,12 @@ content: "\f1d2"; } .fa-git:before { content: "\f1d3"; } +.fa-y-combinator-square:before, +.fa-yc-square:before, .fa-hacker-news:before { content: "\f1d4"; } .fa-tencent-weibo:before { content: "\f1d5"; @@ -7736,11 +8233,10 @@ content: "\f1d9"; } .fa-history:before { content: "\f1da"; } -.fa-genderless:before, .fa-circle-thin:before { content: "\f1db"; } .fa-header:before { content: "\f1dc"; @@ -7941,10 +8437,11 @@ content: "\f222"; } .fa-mercury:before { content: "\f223"; } +.fa-intersex:before, .fa-transgender:before { content: "\f224"; } .fa-transgender-alt:before { content: "\f225"; @@ -7968,10 +8465,13 @@ content: "\f22b"; } .fa-neuter:before { content: "\f22c"; } +.fa-genderless:before { + content: "\f22d"; +} .fa-facebook-official:before { content: "\f230"; } .fa-pinterest-p:before { content: "\f231"; @@ -8001,9 +8501,526 @@ .fa-subway:before { content: "\f239"; } .fa-medium:before { content: "\f23a"; +} +.fa-yc:before, +.fa-y-combinator:before { + content: "\f23b"; +} +.fa-optin-monster:before { + content: "\f23c"; +} +.fa-opencart:before { + content: "\f23d"; +} +.fa-expeditedssl:before { + content: "\f23e"; +} +.fa-battery-4:before, +.fa-battery:before, +.fa-battery-full:before { + content: "\f240"; +} +.fa-battery-3:before, +.fa-battery-three-quarters:before { + content: "\f241"; +} +.fa-battery-2:before, +.fa-battery-half:before { + content: "\f242"; +} +.fa-battery-1:before, +.fa-battery-quarter:before { + content: "\f243"; +} +.fa-battery-0:before, +.fa-battery-empty:before { + content: "\f244"; +} +.fa-mouse-pointer:before { + content: "\f245"; +} +.fa-i-cursor:before { + content: "\f246"; +} +.fa-object-group:before { + content: "\f247"; +} +.fa-object-ungroup:before { + content: "\f248"; +} +.fa-sticky-note:before { + content: "\f249"; +} +.fa-sticky-note-o:before { + content: "\f24a"; +} +.fa-cc-jcb:before { + content: "\f24b"; +} +.fa-cc-diners-club:before { + content: "\f24c"; +} +.fa-clone:before { + content: "\f24d"; +} +.fa-balance-scale:before { + content: "\f24e"; +} +.fa-hourglass-o:before { + content: "\f250"; +} +.fa-hourglass-1:before, +.fa-hourglass-start:before { + content: "\f251"; +} +.fa-hourglass-2:before, +.fa-hourglass-half:before { + content: "\f252"; +} +.fa-hourglass-3:before, +.fa-hourglass-end:before { + content: "\f253"; +} +.fa-hourglass:before { + content: "\f254"; +} +.fa-hand-grab-o:before, +.fa-hand-rock-o:before { + content: "\f255"; +} +.fa-hand-stop-o:before, +.fa-hand-paper-o:before { + content: "\f256"; +} +.fa-hand-scissors-o:before { + content: "\f257"; +} +.fa-hand-lizard-o:before { + content: "\f258"; +} +.fa-hand-spock-o:before { + content: "\f259"; +} +.fa-hand-pointer-o:before { + content: "\f25a"; +} +.fa-hand-peace-o:before { + content: "\f25b"; +} +.fa-trademark:before { + content: "\f25c"; +} +.fa-registered:before { + content: "\f25d"; +} +.fa-creative-commons:before { + content: "\f25e"; +} +.fa-gg:before { + content: "\f260"; +} +.fa-gg-circle:before { + content: "\f261"; +} +.fa-tripadvisor:before { + content: "\f262"; +} +.fa-odnoklassniki:before { + content: "\f263"; +} +.fa-odnoklassniki-square:before { + content: "\f264"; +} +.fa-get-pocket:before { + content: "\f265"; +} +.fa-wikipedia-w:before { + content: "\f266"; +} +.fa-safari:before { + content: "\f267"; +} +.fa-chrome:before { + content: "\f268"; +} +.fa-firefox:before { + content: "\f269"; +} +.fa-opera:before { + content: "\f26a"; +} +.fa-internet-explorer:before { + content: "\f26b"; +} +.fa-tv:before, +.fa-television:before { + content: "\f26c"; +} +.fa-contao:before { + content: "\f26d"; +} +.fa-500px:before { + content: "\f26e"; +} +.fa-amazon:before { + content: "\f270"; +} +.fa-calendar-plus-o:before { + content: "\f271"; +} +.fa-calendar-minus-o:before { + content: "\f272"; +} +.fa-calendar-times-o:before { + content: "\f273"; +} +.fa-calendar-check-o:before { + content: "\f274"; +} +.fa-industry:before { + content: "\f275"; +} +.fa-map-pin:before { + content: "\f276"; +} +.fa-map-signs:before { + content: "\f277"; +} +.fa-map-o:before { + content: "\f278"; +} +.fa-map:before { + content: "\f279"; +} +.fa-commenting:before { + content: "\f27a"; +} +.fa-commenting-o:before { + content: "\f27b"; +} +.fa-houzz:before { + content: "\f27c"; +} +.fa-vimeo:before { + content: "\f27d"; +} +.fa-black-tie:before { + content: "\f27e"; +} +.fa-fonticons:before { + content: "\f280"; +} +.fa-reddit-alien:before { + content: "\f281"; +} +.fa-edge:before { + content: "\f282"; +} +.fa-credit-card-alt:before { + content: "\f283"; +} +.fa-codiepie:before { + content: "\f284"; +} +.fa-modx:before { + content: "\f285"; +} +.fa-fort-awesome:before { + content: "\f286"; +} +.fa-usb:before { + content: "\f287"; +} +.fa-product-hunt:before { + content: "\f288"; +} +.fa-mixcloud:before { + content: "\f289"; +} +.fa-scribd:before { + content: "\f28a"; +} +.fa-pause-circle:before { + content: "\f28b"; +} +.fa-pause-circle-o:before { + content: "\f28c"; +} +.fa-stop-circle:before { + content: "\f28d"; +} +.fa-stop-circle-o:before { + content: "\f28e"; +} +.fa-shopping-bag:before { + content: "\f290"; +} +.fa-shopping-basket:before { + content: "\f291"; +} +.fa-hashtag:before { + content: "\f292"; +} +.fa-bluetooth:before { + content: "\f293"; +} +.fa-bluetooth-b:before { + content: "\f294"; +} +.fa-percent:before { + content: "\f295"; +} +.fa-gitlab:before { + content: "\f296"; +} +.fa-wpbeginner:before { + content: "\f297"; +} +.fa-wpforms:before { + content: "\f298"; +} +.fa-envira:before { + content: "\f299"; +} +.fa-universal-access:before { + content: "\f29a"; +} +.fa-wheelchair-alt:before { + content: "\f29b"; +} +.fa-question-circle-o:before { + content: "\f29c"; +} +.fa-blind:before { + content: "\f29d"; +} +.fa-audio-description:before { + content: "\f29e"; +} +.fa-volume-control-phone:before { + content: "\f2a0"; +} +.fa-braille:before { + content: "\f2a1"; +} +.fa-assistive-listening-systems:before { + content: "\f2a2"; +} +.fa-asl-interpreting:before, +.fa-american-sign-language-interpreting:before { + content: "\f2a3"; +} +.fa-deafness:before, +.fa-hard-of-hearing:before, +.fa-deaf:before { + content: "\f2a4"; +} +.fa-glide:before { + content: "\f2a5"; +} +.fa-glide-g:before { + content: "\f2a6"; +} +.fa-signing:before, +.fa-sign-language:before { + content: "\f2a7"; +} +.fa-low-vision:before { + content: "\f2a8"; +} +.fa-viadeo:before { + content: "\f2a9"; +} +.fa-viadeo-square:before { + content: "\f2aa"; +} +.fa-snapchat:before { + content: "\f2ab"; +} +.fa-snapchat-ghost:before { + content: "\f2ac"; +} +.fa-snapchat-square:before { + content: "\f2ad"; +} +.fa-pied-piper:before { + content: "\f2ae"; +} +.fa-first-order:before { + content: "\f2b0"; +} +.fa-yoast:before { + content: "\f2b1"; +} +.fa-themeisle:before { + content: "\f2b2"; +} +.fa-google-plus-circle:before, +.fa-google-plus-official:before { + content: "\f2b3"; +} +.fa-fa:before, +.fa-font-awesome:before { + content: "\f2b4"; +} +.fa-handshake-o:before { + content: "\f2b5"; +} +.fa-envelope-open:before { + content: "\f2b6"; +} +.fa-envelope-open-o:before { + content: "\f2b7"; +} +.fa-linode:before { + content: "\f2b8"; +} +.fa-address-book:before { + content: "\f2b9"; +} +.fa-address-book-o:before { + content: "\f2ba"; +} +.fa-vcard:before, +.fa-address-card:before { + content: "\f2bb"; +} +.fa-vcard-o:before, +.fa-address-card-o:before { + content: "\f2bc"; +} +.fa-user-circle:before { + content: "\f2bd"; +} +.fa-user-circle-o:before { + content: "\f2be"; +} +.fa-user-o:before { + content: "\f2c0"; +} +.fa-id-badge:before { + content: "\f2c1"; +} +.fa-drivers-license:before, +.fa-id-card:before { + content: "\f2c2"; +} +.fa-drivers-license-o:before, +.fa-id-card-o:before { + content: "\f2c3"; +} +.fa-quora:before { + content: "\f2c4"; +} +.fa-free-code-camp:before { + content: "\f2c5"; +} +.fa-telegram:before { + content: "\f2c6"; +} +.fa-thermometer-4:before, +.fa-thermometer:before, +.fa-thermometer-full:before { + content: "\f2c7"; +} +.fa-thermometer-3:before, +.fa-thermometer-three-quarters:before { + content: "\f2c8"; +} +.fa-thermometer-2:before, +.fa-thermometer-half:before { + content: "\f2c9"; +} +.fa-thermometer-1:before, +.fa-thermometer-quarter:before { + content: "\f2ca"; +} +.fa-thermometer-0:before, +.fa-thermometer-empty:before { + content: "\f2cb"; +} +.fa-shower:before { + content: "\f2cc"; +} +.fa-bathtub:before, +.fa-s15:before, +.fa-bath:before { + content: "\f2cd"; +} +.fa-podcast:before { + content: "\f2ce"; +} +.fa-window-maximize:before { + content: "\f2d0"; +} +.fa-window-minimize:before { + content: "\f2d1"; +} +.fa-window-restore:before { + content: "\f2d2"; +} +.fa-times-rectangle:before, +.fa-window-close:before { + content: "\f2d3"; +} +.fa-times-rectangle-o:before, +.fa-window-close-o:before { + content: "\f2d4"; +} +.fa-bandcamp:before { + content: "\f2d5"; +} +.fa-grav:before { + content: "\f2d6"; +} +.fa-etsy:before { + content: "\f2d7"; +} +.fa-imdb:before { + content: "\f2d8"; +} +.fa-ravelry:before { + content: "\f2d9"; +} +.fa-eercast:before { + content: "\f2da"; +} +.fa-microchip:before { + content: "\f2db"; +} +.fa-snowflake-o:before { + content: "\f2dc"; +} +.fa-superpowers:before { + content: "\f2dd"; +} +.fa-wpexplorer:before { + content: "\f2de"; +} +.fa-meetup:before { + content: "\f2e0"; +} +.sr-only { + position: absolute; + width: 1px; + height: 1px; + padding: 0; + margin: -1px; + overflow: hidden; + clip: rect(0, 0, 0, 0); + border: 0; +} +.sr-only-focusable:active, +.sr-only-focusable:focus { + position: static; + width: auto; + height: auto; + margin: 0; + overflow: visible; + clip: auto; } /* * metismenu - v2.0.3 * A jQuery menu plugin