From 39c4ca3970bb14372b905952699711fdd11650e6 Mon Sep 17 00:00:00 2001 From: Mark Otto Date: Fri, 12 Jul 2019 16:56:26 -0500 Subject: dist v5 --- dist/css/bootstrap.css | 8527 ++++++++++++++++++++++++------------------------ 1 file changed, 4241 insertions(+), 4286 deletions(-) (limited to 'dist/css/bootstrap.css') diff --git a/dist/css/bootstrap.css b/dist/css/bootstrap.css index ce028b0af..77b20555d 100644 --- a/dist/css/bootstrap.css +++ b/dist/css/bootstrap.css @@ -41,14 +41,7 @@ box-sizing: border-box; } -html { - font-family: sans-serif; - line-height: 1.15; - -webkit-text-size-adjust: 100%; - -webkit-tap-highlight-color: rgba(0, 0, 0, 0); -} - -article, aside, figcaption, figure, footer, header, hgroup, main, nav, section { +main { display: block; } @@ -61,6 +54,8 @@ body { color: #212529; text-align: left; background-color: #fff; + -webkit-text-size-adjust: 100%; + -webkit-tap-highlight-color: rgba(0, 0, 0, 0); } [tabindex="-1"]:focus:not(:focus-visible) { @@ -68,14 +63,46 @@ body { } hr { - box-sizing: content-box; - height: 0; - overflow: visible; + margin: 1rem 0; + color: inherit; + background-color: currentColor; + border: 0; + opacity: 0.25; } -h1, h2, h3, h4, h5, h6 { +hr:not([size]) { + height: 1px; +} + +h1, .h1, h2, .h2, h3, .h3, h4, .h4, h5, .h5, h6, .h6 { margin-top: 0; margin-bottom: 0.5rem; + font-weight: 500; + line-height: 1.2; +} + +h1, .h1 { + font-size: 2.5rem; +} + +h2, .h2 { + font-size: 2rem; +} + +h3, .h3 { + font-size: 1.75rem; +} + +h4, .h4 { + font-size: 1.5rem; +} + +h5, .h5 { + font-size: 1.25rem; +} + +h6, .h6 { + font-size: 1rem; } p { @@ -100,6 +127,12 @@ address { line-height: inherit; } +ol, +ul { + padding-right: 2rem; + padding-left: 2rem; +} + ol, ul, dl { @@ -132,7 +165,7 @@ strong { font-weight: bolder; } -small { +small, .small { font-size: 80%; } @@ -163,17 +196,9 @@ a:hover { text-decoration: underline; } -a:not([href]):not([tabindex]) { - color: inherit; - text-decoration: none; -} - -a:not([href]):not([tabindex]):hover, a:not([href]):not([tabindex]):focus { +a:not([href]):not([tabindex]), a:not([href]):not([tabindex]):hover, a:not([href]):not([tabindex]):focus { color: inherit; text-decoration: none; -} - -a:not([href]):not([tabindex]):focus { outline: 0; } @@ -210,8 +235,8 @@ table { } caption { - padding-top: 0.75rem; - padding-bottom: 0.75rem; + padding-top: 0.5rem; + padding-bottom: 0.5rem; color: #6c757d; text-align: left; caption-side: bottom; @@ -319,6 +344,11 @@ legend { white-space: normal; } +mark, .mark { + padding: 0.2em; + background-color: #fcf8e3; +} + progress { vertical-align: baseline; } @@ -359,37 +389,6 @@ template { display: none !important; } -h1, h2, h3, h4, h5, h6, -.h1, .h2, .h3, .h4, .h5, .h6 { - margin-bottom: 0.5rem; - font-weight: 500; - line-height: 1.2; -} - -h1, .h1 { - font-size: 2.5rem; -} - -h2, .h2 { - font-size: 2rem; -} - -h3, .h3 { - font-size: 1.75rem; -} - -h4, .h4 { - font-size: 1.5rem; -} - -h5, .h5 { - font-size: 1.25rem; -} - -h6, .h6 { - font-size: 1rem; -} - .lead { font-size: 1.25rem; font-weight: 300; @@ -419,25 +418,6 @@ h6, .h6 { line-height: 1.2; } -hr { - margin-top: 1rem; - margin-bottom: 1rem; - border: 0; - border-top: 1px solid rgba(0, 0, 0, 0.1); -} - -small, -.small { - font-size: 80%; - font-weight: 400; -} - -mark, -.mark { - padding: 0.2em; - background-color: #fcf8e3; -} - .list-unstyled { padding-left: 0; list-style: none; @@ -531,7 +511,6 @@ kbd kbd { pre { display: block; font-size: 87.5%; - color: #212529; } pre code { @@ -687,66 +666,6 @@ pre code { max-width: 100%; } -.order-first { - order: -1; -} - -.order-last { - order: 13; -} - -.order-0 { - order: 0; -} - -.order-1 { - order: 1; -} - -.order-2 { - order: 2; -} - -.order-3 { - order: 3; -} - -.order-4 { - order: 4; -} - -.order-5 { - order: 5; -} - -.order-6 { - order: 6; -} - -.order-7 { - order: 7; -} - -.order-8 { - order: 8; -} - -.order-9 { - order: 9; -} - -.order-10 { - order: 10; -} - -.order-11 { - order: 11; -} - -.order-12 { - order: 12; -} - .offset-1 { margin-left: 8.333333%; } @@ -850,51 +769,6 @@ pre code { flex: 0 0 100%; max-width: 100%; } - .order-sm-first { - order: -1; - } - .order-sm-last { - order: 13; - } - .order-sm-0 { - order: 0; - } - .order-sm-1 { - order: 1; - } - .order-sm-2 { - order: 2; - } - .order-sm-3 { - order: 3; - } - .order-sm-4 { - order: 4; - } - .order-sm-5 { - order: 5; - } - .order-sm-6 { - order: 6; - } - .order-sm-7 { - order: 7; - } - .order-sm-8 { - order: 8; - } - .order-sm-9 { - order: 9; - } - .order-sm-10 { - order: 10; - } - .order-sm-11 { - order: 11; - } - .order-sm-12 { - order: 12; - } .offset-sm-0 { margin-left: 0; } @@ -992,51 +866,6 @@ pre code { flex: 0 0 100%; max-width: 100%; } - .order-md-first { - order: -1; - } - .order-md-last { - order: 13; - } - .order-md-0 { - order: 0; - } - .order-md-1 { - order: 1; - } - .order-md-2 { - order: 2; - } - .order-md-3 { - order: 3; - } - .order-md-4 { - order: 4; - } - .order-md-5 { - order: 5; - } - .order-md-6 { - order: 6; - } - .order-md-7 { - order: 7; - } - .order-md-8 { - order: 8; - } - .order-md-9 { - order: 9; - } - .order-md-10 { - order: 10; - } - .order-md-11 { - order: 11; - } - .order-md-12 { - order: 12; - } .offset-md-0 { margin-left: 0; } @@ -1134,51 +963,6 @@ pre code { flex: 0 0 100%; max-width: 100%; } - .order-lg-first { - order: -1; - } - .order-lg-last { - order: 13; - } - .order-lg-0 { - order: 0; - } - .order-lg-1 { - order: 1; - } - .order-lg-2 { - order: 2; - } - .order-lg-3 { - order: 3; - } - .order-lg-4 { - order: 4; - } - .order-lg-5 { - order: 5; - } - .order-lg-6 { - order: 6; - } - .order-lg-7 { - order: 7; - } - .order-lg-8 { - order: 8; - } - .order-lg-9 { - order: 9; - } - .order-lg-10 { - order: 10; - } - .order-lg-11 { - order: 11; - } - .order-lg-12 { - order: 12; - } .offset-lg-0 { margin-left: 0; } @@ -1276,51 +1060,6 @@ pre code { flex: 0 0 100%; max-width: 100%; } - .order-xl-first { - order: -1; - } - .order-xl-last { - order: 13; - } - .order-xl-0 { - order: 0; - } - .order-xl-1 { - order: 1; - } - .order-xl-2 { - order: 2; - } - .order-xl-3 { - order: 3; - } - .order-xl-4 { - order: 4; - } - .order-xl-5 { - order: 5; - } - .order-xl-6 { - order: 6; - } - .order-xl-7 { - order: 7; - } - .order-xl-8 { - order: 8; - } - .order-xl-9 { - order: 9; - } - .order-xl-10 { - order: 10; - } - .order-xl-11 { - order: 11; - } - .order-xl-12 { - order: 12; - } .offset-xl-0 { margin-left: 0; } @@ -1367,14 +1106,18 @@ pre code { .table th, .table td { - padding: 0.75rem; + padding: 0.5rem; vertical-align: top; - border-top: 1px solid #dee2e6; + border-bottom: 1px solid #dee2e6; +} + +.table td { + border-bottom: 1px solid #dee2e6; } .table thead th { vertical-align: bottom; - border-bottom: 2px solid #dee2e6; + border-bottom-color: #495057; } .table tbody + tbody { @@ -1383,7 +1126,7 @@ pre code { .table-sm th, .table-sm td { - padding: 0.3rem; + padding: 0.25rem; } .table-bordered { @@ -1702,23 +1445,45 @@ pre code { border: 0; } -.form-control { - display: block; - width: 100%; - height: calc(1.5em + 0.75rem + 2px); - padding: 0.375rem 0.75rem; - font-size: 1rem; - font-weight: 400; +.col-form-label { + padding-top: calc(0.375rem + 1px); + padding-bottom: calc(0.375rem + 1px); + margin-bottom: 0; + font-size: inherit; line-height: 1.5; - color: #495057; - background-color: #fff; - background-clip: padding-box; - border: 1px solid #ced4da; - border-radius: 0.25rem; - transition: border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out; } -@media (prefers-reduced-motion: reduce) { +.col-form-label-lg { + padding-top: calc(0.5rem + 1px); + padding-bottom: calc(0.5rem + 1px); + font-size: 1.25rem; + line-height: 1.5; +} + +.col-form-label-sm { + padding-top: calc(0.25rem + 1px); + padding-bottom: calc(0.25rem + 1px); + font-size: 0.875rem; + line-height: 1.5; +} + +.form-control { + display: block; + width: 100%; + height: calc(1.5em + 0.75rem + 2px); + padding: 0.375rem 0.75rem; + font-size: 1rem; + font-weight: 400; + line-height: 1.5; + color: #495057; + background-color: #fff; + background-clip: padding-box; + border: 1px solid #ced4da; + border-radius: 0.25rem; + transition: border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out; +} + +@media (prefers-reduced-motion: reduce) { .form-control { transition: none; } @@ -1767,44 +1532,10 @@ pre code { opacity: 1; } -select.form-control:focus::-ms-value { - color: #495057; - background-color: #fff; -} - -.form-control-file, -.form-control-range { - display: block; - width: 100%; -} - -.col-form-label { - padding-top: calc(0.375rem + 1px); - padding-bottom: calc(0.375rem + 1px); - margin-bottom: 0; - font-size: inherit; - line-height: 1.5; -} - -.col-form-label-lg { - padding-top: calc(0.5rem + 1px); - padding-bottom: calc(0.5rem + 1px); - font-size: 1.25rem; - line-height: 1.5; -} - -.col-form-label-sm { - padding-top: calc(0.25rem + 1px); - padding-bottom: calc(0.25rem + 1px); - font-size: 0.875rem; - line-height: 1.5; -} - .form-control-plaintext { display: block; width: 100%; - padding-top: 0.375rem; - padding-bottom: 0.375rem; + padding: 0.375rem 0; margin-bottom: 0; line-height: 1.5; color: #212529; @@ -1834,314 +1565,417 @@ select.form-control:focus::-ms-value { border-radius: 0.3rem; } -select.form-control[size], select.form-control[multiple] { +textarea.form-control { height: auto; } -textarea.form-control { - height: auto; +.form-select { + display: inline-block; + width: 100%; + height: calc(1.5em + 0.75rem + 2px); + padding: 0.375rem 1.75rem 0.375rem 0.75rem; + font-size: 1rem; + font-weight: 400; + line-height: 1.5; + color: #495057; + vertical-align: middle; + background: url('data:image/svg+xml;utf8,') no-repeat right 0.75rem center/16px 12px; + background-color: #fff; + border: 1px solid #ced4da; + border-radius: 0.25rem; + -webkit-appearance: none; + -moz-appearance: none; + appearance: none; } -.form-group { - margin-bottom: 1rem; +.form-select:focus { + border-color: #80bdff; + outline: 0; + box-shadow: 0 0 0 0.2rem rgba(0, 123, 255, 0.25); } -.form-text { - display: block; - margin-top: 0.25rem; +.form-select:focus::-ms-value { + color: #495057; + background-color: #fff; } -.form-row { - display: flex; - flex-wrap: wrap; - margin-right: -5px; - margin-left: -5px; +.form-select[multiple], .form-select[size]:not([size="1"]) { + height: auto; + padding-right: 0.75rem; + background-image: none; } -.form-row > .col, -.form-row > [class*="col-"] { - padding-right: 5px; - padding-left: 5px; +.form-select:disabled { + color: #6c757d; + background-color: #e9ecef; } -.form-check { - position: relative; - display: block; - padding-left: 1.25rem; +.form-select::-ms-expand { + display: none; } -.form-check-input { - position: absolute; - margin-top: 0.3rem; - margin-left: -1.25rem; +.form-select-sm { + height: calc(1.5em + 0.5rem + 2px); + padding-top: 0.25rem; + padding-bottom: 0.25rem; + padding-left: 0.5rem; + font-size: 0.875rem; } -.form-check-input[disabled] ~ .form-check-label { - color: #6c757d; +.form-select-lg { + height: calc(1.5em + 1rem + 2px); + padding-top: 0.5rem; + padding-bottom: 0.5rem; + padding-left: 1rem; + font-size: 1.25rem; } -.form-check-label { - margin-bottom: 0; +.form-check { + display: block; + min-height: 1.5rem; + padding-left: 1.75em; + margin-bottom: 0.125rem; } -.form-check-inline { - display: inline-flex; - align-items: center; - padding-left: 0; - margin-right: 0.75rem; +.form-check-input { + float: left; + width: 1.25em; + height: 1.25em; + margin-top: calc((1.5em - 1.25em) / 2); + margin-left: -1.75em; + background-color: #fff; + border: 1px solid rgba(0, 0, 0, 0.25); + -webkit-appearance: none; + -moz-appearance: none; + appearance: none; } -.form-check-inline .form-check-input { - position: static; - margin-top: 0; - margin-right: 0.3125rem; - margin-left: 0; +.form-check-input[type="checkbox"] { + border-radius: 0.25em; } -.valid-feedback { - display: none; - width: 100%; - margin-top: 0.25rem; - font-size: 80%; - color: #28a745; +.form-check-input[type="radio"] { + border-radius: 50%; } -.valid-tooltip { - position: absolute; - top: 100%; - z-index: 5; - display: none; - max-width: 100%; - padding: 0.25rem 0.5rem; - margin-top: .1rem; - font-size: 0.875rem; - line-height: 1.5; - color: #fff; - background-color: rgba(40, 167, 69, 0.9); - border-radius: 0.25rem; +.form-check-input:active { + -webkit-filter: brightness(90%); + filter: brightness(90%); } -.was-validated .form-control:valid, .form-control.is-valid { - border-color: #28a745; - padding-right: calc(1.5em + 0.75rem); - background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 8 8'%3e%3cpath fill='%2328a745' d='M2.3 6.73L.6 4.53c-.4-1.04.46-1.4 1.1-.8l1.1 1.4 3.4-3.8c.6-.63 1.6-.27 1.2.7l-4 4.6c-.43.5-.8.4-1.1.1z'/%3e%3c/svg%3e"); - background-repeat: no-repeat; - background-position: center right calc(0.375em + 0.1875rem); - background-size: calc(0.75em + 0.375rem) calc(0.75em + 0.375rem); +.form-check-input:focus { + border-color: #80bdff; + outline: 0; + box-shadow: 0 0 0 0.2rem rgba(0, 123, 255, 0.25); } -.was-validated .form-control:valid:focus, .form-control.is-valid:focus { - border-color: #28a745; - box-shadow: 0 0 0 0.2rem rgba(40, 167, 69, 0.25); +.form-check-input:checked { + background-color: #007bff; + background-repeat: no-repeat; + background-position: center center; + background-size: 1em; + border-color: #007bff; } -.was-validated .form-control:valid ~ .valid-feedback, -.was-validated .form-control:valid ~ .valid-tooltip, .form-control.is-valid ~ .valid-feedback, -.form-control.is-valid ~ .valid-tooltip { - display: block; +.form-check-input:checked[type="checkbox"] { + background-image: url('data:image/svg+xml;utf8,'); } -.was-validated textarea.form-control:valid, textarea.form-control.is-valid { - padding-right: calc(1.5em + 0.75rem); - background-position: top calc(0.375em + 0.1875rem) right calc(0.375em + 0.1875rem); +.form-check-input:checked[type="radio"] { + background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='-4 -4 8 8'%3e%3ccircle r='3' fill='%23fff'/%3e%3c/svg%3e"); } -.was-validated .custom-select:valid, .custom-select.is-valid { - border-color: #28a745; - padding-right: calc((1em + 0.75rem) * 3 / 4 + 1.75rem); - background: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 4 5'%3e%3cpath fill='%23343a40' d='M2 0L0 2h4zm0 5L0 3h4z'/%3e%3c/svg%3e") no-repeat right 0.75rem center/8px 10px, url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 8 8'%3e%3cpath fill='%2328a745' 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") #fff no-repeat center right 1.75rem/calc(0.75em + 0.375rem) calc(0.75em + 0.375rem); +.form-check-input[type="checkbox"]:indeterminate { + background-color: #007bff; + background-image: url('data:image/svg+xml;utf8,'); + background-repeat: no-repeat; + background-position: center center; + background-size: 1em; + border-color: #007bff; } -.was-validated .custom-select:valid:focus, .custom-select.is-valid:focus { - border-color: #28a745; - box-shadow: 0 0 0 0.2rem rgba(40, 167, 69, 0.25); +.form-check-input[disabled] { + pointer-events: none; + -webkit-filter: none; + filter: none; + opacity: .5; } -.was-validated .custom-select:valid ~ .valid-feedback, -.was-validated .custom-select:valid ~ .valid-tooltip, .custom-select.is-valid ~ .valid-feedback, -.custom-select.is-valid ~ .valid-tooltip { - display: block; +.form-check-input[disabled] ~ .form-check-label { + opacity: .5; } -.was-validated .form-control-file:valid ~ .valid-feedback, -.was-validated .form-control-file:valid ~ .valid-tooltip, .form-control-file.is-valid ~ .valid-feedback, -.form-control-file.is-valid ~ .valid-tooltip { - display: block; +.form-check-label { + margin-bottom: 0; } -.was-validated .form-check-input:valid ~ .form-check-label, .form-check-input.is-valid ~ .form-check-label { - color: #28a745; +.form-switch { + padding-left: 2.5em; } -.was-validated .form-check-input:valid ~ .valid-feedback, -.was-validated .form-check-input:valid ~ .valid-tooltip, .form-check-input.is-valid ~ .valid-feedback, -.form-check-input.is-valid ~ .valid-tooltip { - display: block; +.form-switch .form-check-input { + width: 2em; + margin-left: -2.5em; + background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='-4 -4 8 8'%3e%3ccircle r='3' fill='rgba(0, 0, 0, 0.25)'/%3e%3c/svg%3e"); + background-repeat: no-repeat; + background-position: left center; + background-size: calc(1.25em - 2px); + border-radius: 2em; } -.was-validated .custom-control-input:valid ~ .custom-control-label, .custom-control-input.is-valid ~ .custom-control-label { - color: #28a745; +.form-switch .form-check-input:focus { + background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='-4 -4 8 8'%3e%3ccircle r='3' fill='%2380bdff'/%3e%3c/svg%3e"); } -.was-validated .custom-control-input:valid ~ .custom-control-label::before, .custom-control-input.is-valid ~ .custom-control-label::before { - border-color: #28a745; +.form-switch .form-check-input:checked { + background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='-4 -4 8 8'%3e%3ccircle r='3' fill='%23fff'/%3e%3c/svg%3e"); + background-position: right center; } -.was-validated .custom-control-input:valid ~ .valid-feedback, -.was-validated .custom-control-input:valid ~ .valid-tooltip, .custom-control-input.is-valid ~ .valid-feedback, -.custom-control-input.is-valid ~ .valid-tooltip { - display: block; +.form-check-inline { + display: inline-block; + margin-right: 1rem; } -.was-validated .custom-control-input:valid:checked ~ .custom-control-label::before, .custom-control-input.is-valid:checked ~ .custom-control-label::before { - border-color: #34ce57; - background-color: #34ce57; +.form-file { + position: relative; + display: inline-block; + width: 100%; + height: calc(1.5em + 0.75rem + 2px); + margin-bottom: 0; } -.was-validated .custom-control-input:valid:focus ~ .custom-control-label::before, .custom-control-input.is-valid:focus ~ .custom-control-label::before { - box-shadow: 0 0 0 0.2rem rgba(40, 167, 69, 0.25); +.form-file-input { + position: relative; + z-index: 2; + width: 100%; + height: calc(1.5em + 0.75rem + 2px); + margin: 0; + opacity: 0; } -.was-validated .custom-control-input:valid:focus:not(:checked) ~ .custom-control-label::before, .custom-control-input.is-valid:focus:not(:checked) ~ .custom-control-label::before { - border-color: #28a745; +.form-file-input:focus ~ .form-file-label { + border-color: #80bdff; + box-shadow: 0 0 0 0.2rem rgba(0, 123, 255, 0.25); } -.was-validated .custom-file-input:valid ~ .custom-file-label, .custom-file-input.is-valid ~ .custom-file-label { - border-color: #28a745; +.form-file-input[disabled] ~ .form-file-label { + background-color: #e9ecef; } -.was-validated .custom-file-input:valid ~ .valid-feedback, -.was-validated .custom-file-input:valid ~ .valid-tooltip, .custom-file-input.is-valid ~ .valid-feedback, -.custom-file-input.is-valid ~ .valid-tooltip { - display: block; +.form-file-label { + position: absolute; + top: 0; + right: 0; + left: 0; + z-index: 1; + display: flex; + height: calc(1.5em + 0.75rem + 2px); + border-color: #ced4da; + border-radius: 0.25rem; } -.was-validated .custom-file-input:valid:focus ~ .custom-file-label, .custom-file-input.is-valid:focus ~ .custom-file-label { - border-color: #28a745; - box-shadow: 0 0 0 0.2rem rgba(40, 167, 69, 0.25); +.form-file-text { + display: block; + flex-grow: 1; + padding: 0.375rem 0.75rem; + overflow: hidden; + font-weight: 400; + line-height: 1.5; + color: #495057; + text-overflow: ellipsis; + white-space: nowrap; + background-color: #fff; + border-color: inherit; + border-style: solid; + border-width: 1px; + border-top-left-radius: inherit; + border-bottom-left-radius: inherit; } -.invalid-feedback { - display: none; - width: 100%; - margin-top: 0.25rem; - font-size: 80%; - color: #dc3545; +.form-file-button { + display: block; + flex-shrink: 0; + padding: 0.375rem 0.75rem; + margin-left: -1px; + line-height: 1.5; + color: #495057; + background-color: #e9ecef; + border-color: inherit; + border-style: solid; + border-width: 1px; + border-top-right-radius: inherit; + border-bottom-right-radius: inherit; } -.invalid-tooltip { - position: absolute; - top: 100%; - z-index: 5; - display: none; - max-width: 100%; - padding: 0.25rem 0.5rem; - margin-top: .1rem; - font-size: 0.875rem; - line-height: 1.5; - color: #fff; - background-color: rgba(220, 53, 69, 0.9); - border-radius: 0.25rem; +.form-range { + width: 100%; + height: calc(1rem + 0.4rem); + padding: 0; + background-color: transparent; + -webkit-appearance: none; + -moz-appearance: none; + appearance: none; } -.was-validated .form-control:invalid, .form-control.is-invalid { - border-color: #dc3545; - padding-right: calc(1.5em + 0.75rem); - background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' fill='%23dc3545' viewBox='-2 -2 7 7'%3e%3cpath stroke='%23dc3545' d='M0 0l3 3m0-3L0 3'/%3e%3ccircle r='.5'/%3e%3ccircle cx='3' r='.5'/%3e%3ccircle cy='3' r='.5'/%3e%3ccircle cx='3' cy='3' r='.5'/%3e%3c/svg%3E"); - background-repeat: no-repeat; - background-position: center right calc(0.375em + 0.1875rem); - background-size: calc(0.75em + 0.375rem) calc(0.75em + 0.375rem); +.form-range:focus { + outline: none; } -.was-validated .form-control:invalid:focus, .form-control.is-invalid:focus { - border-color: #dc3545; - box-shadow: 0 0 0 0.2rem rgba(220, 53, 69, 0.25); +.form-range:focus::-webkit-slider-thumb { + box-shadow: 0 0 0 1px #fff, 0 0 0 0.2rem rgba(0, 123, 255, 0.25); } -.was-validated .form-control:invalid ~ .invalid-feedback, -.was-validated .form-control:invalid ~ .invalid-tooltip, .form-control.is-invalid ~ .invalid-feedback, -.form-control.is-invalid ~ .invalid-tooltip { - display: block; +.form-range:focus::-moz-range-thumb { + box-shadow: 0 0 0 1px #fff, 0 0 0 0.2rem rgba(0, 123, 255, 0.25); } -.was-validated textarea.form-control:invalid, textarea.form-control.is-invalid { - padding-right: calc(1.5em + 0.75rem); - background-position: top calc(0.375em + 0.1875rem) right calc(0.375em + 0.1875rem); +.form-range:focus::-ms-thumb { + box-shadow: 0 0 0 1px #fff, 0 0 0 0.2rem rgba(0, 123, 255, 0.25); } -.was-validated .custom-select:invalid, .custom-select.is-invalid { - border-color: #dc3545; - padding-right: calc((1em + 0.75rem) * 3 / 4 + 1.75rem); - background: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 4 5'%3e%3cpath fill='%23343a40' d='M2 0L0 2h4zm0 5L0 3h4z'/%3e%3c/svg%3e") no-repeat right 0.75rem center/8px 10px, url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' fill='%23dc3545' viewBox='-2 -2 7 7'%3e%3cpath stroke='%23dc3545' 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") #fff no-repeat center right 1.75rem/calc(0.75em + 0.375rem) calc(0.75em + 0.375rem); +.form-range::-moz-focus-outer { + border: 0; } -.was-validated .custom-select:invalid:focus, .custom-select.is-invalid:focus { - border-color: #dc3545; - box-shadow: 0 0 0 0.2rem rgba(220, 53, 69, 0.25); +.form-range::-webkit-slider-thumb { + width: 1rem; + height: 1rem; + margin-top: -0.25rem; + background-color: #007bff; + border: 0; + border-radius: 1rem; + transition: background-color 0.15s ease-in-out, border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out; + -webkit-appearance: none; + appearance: none; } -.was-validated .custom-select:invalid ~ .invalid-feedback, -.was-validated .custom-select:invalid ~ .invalid-tooltip, .custom-select.is-invalid ~ .invalid-feedback, -.custom-select.is-invalid ~ .invalid-tooltip { - display: block; +@media (prefers-reduced-motion: reduce) { + .form-range::-webkit-slider-thumb { + transition: none; + } } -.was-validated .form-control-file:invalid ~ .invalid-feedback, -.was-validated .form-control-file:invalid ~ .invalid-tooltip, .form-control-file.is-invalid ~ .invalid-feedback, -.form-control-file.is-invalid ~ .invalid-tooltip { - display: block; +.form-range::-webkit-slider-thumb:active { + background-color: #b3d7ff; } -.was-validated .form-check-input:invalid ~ .form-check-label, .form-check-input.is-invalid ~ .form-check-label { - color: #dc3545; +.form-range::-webkit-slider-runnable-track { + width: 100%; + height: 0.5rem; + color: transparent; + cursor: pointer; + background-color: #dee2e6; + border-color: transparent; + border-radius: 1rem; } -.was-validated .form-check-input:invalid ~ .invalid-feedback, -.was-validated .form-check-input:invalid ~ .invalid-tooltip, .form-check-input.is-invalid ~ .invalid-feedback, -.form-check-input.is-invalid ~ .invalid-tooltip { - display: block; +.form-range::-moz-range-thumb { + width: 1rem; + height: 1rem; + background-color: #007bff; + border: 0; + border-radius: 1rem; + transition: background-color 0.15s ease-in-out, border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out; + -moz-appearance: none; + appearance: none; } -.was-validated .custom-control-input:invalid ~ .custom-control-label, .custom-control-input.is-invalid ~ .custom-control-label { - color: #dc3545; +@media (prefers-reduced-motion: reduce) { + .form-range::-moz-range-thumb { + transition: none; + } } -.was-validated .custom-control-input:invalid ~ .custom-control-label::before, .custom-control-input.is-invalid ~ .custom-control-label::before { - border-color: #dc3545; +.form-range::-moz-range-thumb:active { + background-color: #b3d7ff; } -.was-validated .custom-control-input:invalid ~ .invalid-feedback, -.was-validated .custom-control-input:invalid ~ .invalid-tooltip, .custom-control-input.is-invalid ~ .invalid-feedback, -.custom-control-input.is-invalid ~ .invalid-tooltip { - display: block; +.form-range::-moz-range-track { + width: 100%; + height: 0.5rem; + color: transparent; + cursor: pointer; + background-color: #dee2e6; + border-color: transparent; + border-radius: 1rem; } -.was-validated .custom-control-input:invalid:checked ~ .custom-control-label::before, .custom-control-input.is-invalid:checked ~ .custom-control-label::before { - border-color: #e4606d; - background-color: #e4606d; +.form-range::-ms-thumb { + width: 1rem; + height: 1rem; + margin-top: 0; + margin-right: 0.2rem; + margin-left: 0.2rem; + background-color: #007bff; + border: 0; + border-radius: 1rem; + transition: background-color 0.15s ease-in-out, border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out; + appearance: none; } -.was-validated .custom-control-input:invalid:focus ~ .custom-control-label::before, .custom-control-input.is-invalid:focus ~ .custom-control-label::before { - box-shadow: 0 0 0 0.2rem rgba(220, 53, 69, 0.25); +@media (prefers-reduced-motion: reduce) { + .form-range::-ms-thumb { + transition: none; + } } -.was-validated .custom-control-input:invalid:focus:not(:checked) ~ .custom-control-label::before, .custom-control-input.is-invalid:focus:not(:checked) ~ .custom-control-label::before { - border-color: #dc3545; +.form-range::-ms-thumb:active { + background-color: #b3d7ff; } -.was-validated .custom-file-input:invalid ~ .custom-file-label, .custom-file-input.is-invalid ~ .custom-file-label { - border-color: #dc3545; +.form-range::-ms-track { + width: 100%; + height: 0.5rem; + color: transparent; + cursor: pointer; + background-color: transparent; + border-color: transparent; + border-width: 0.5rem; } -.was-validated .custom-file-input:invalid ~ .invalid-feedback, -.was-validated .custom-file-input:invalid ~ .invalid-tooltip, .custom-file-input.is-invalid ~ .invalid-feedback, -.custom-file-input.is-invalid ~ .invalid-tooltip { - display: block; +.form-range::-ms-fill-lower { + background-color: #dee2e6; + border-radius: 1rem; } -.was-validated .custom-file-input:invalid:focus ~ .custom-file-label, .custom-file-input.is-invalid:focus ~ .custom-file-label { - border-color: #dc3545; - box-shadow: 0 0 0 0.2rem rgba(220, 53, 69, 0.25); +.form-range::-ms-fill-upper { + margin-right: 15px; + background-color: #dee2e6; + border-radius: 1rem; +} + +.form-range:disabled::-webkit-slider-thumb { + background-color: #adb5bd; +} + +.form-range:disabled::-webkit-slider-runnable-track { + cursor: default; +} + +.form-range:disabled::-moz-range-thumb { + background-color: #adb5bd; +} + +.form-range:disabled::-moz-range-track { + cursor: default; +} + +.form-range:disabled::-ms-thumb { + background-color: #adb5bd; +} + +.form-row { + display: flex; + flex-wrap: wrap; + margin-right: -5px; + margin-left: -5px; +} + +.form-row > .col, +.form-row > [class*="col-"] { + padding-right: 5px; + padding-left: 5px; } .form-inline { @@ -2177,7 +2011,7 @@ textarea.form-control { display: inline-block; } .form-inline .input-group, - .form-inline .custom-select { + .form-inline .form-select { width: auto; } .form-inline .form-check { @@ -2203,1791 +2037,1547 @@ textarea.form-control { } } -.btn { - display: inline-block; - font-weight: 400; - color: #212529; - text-align: center; - vertical-align: middle; - -webkit-user-select: none; - -moz-user-select: none; - -ms-user-select: none; - user-select: none; - background-color: transparent; - border: 1px solid transparent; - padding: 0.375rem 0.75rem; - font-size: 1rem; - line-height: 1.5; - border-radius: 0.25rem; - transition: color 0.15s ease-in-out, background-color 0.15s ease-in-out, border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out; +.input-group { + position: relative; + display: flex; + flex-wrap: wrap; + align-items: stretch; + width: 100%; } -@media (prefers-reduced-motion: reduce) { - .btn { - transition: none; - } +.input-group > .form-control, +.input-group > .form-select, +.input-group > .form-file { + position: relative; + flex: 1 1 0%; + margin-bottom: 0; } -.btn:hover { - color: #212529; - text-decoration: none; +.input-group > .form-control + .form-control, +.input-group > .form-control + .form-select, +.input-group > .form-control + .form-file, +.input-group > .form-select + .form-control, +.input-group > .form-select + .form-select, +.input-group > .form-select + .form-file, +.input-group > .form-file + .form-control, +.input-group > .form-file + .form-select, +.input-group > .form-file + .form-file { + margin-left: -1px; } -.btn:focus, .btn.focus { - outline: 0; - box-shadow: 0 0 0 0.2rem rgba(0, 123, 255, 0.25); +.input-group > .form-control:focus, +.input-group > .form-select:focus, +.input-group > .form-file .form-file-input:focus ~ .form-file-label { + z-index: 3; } -.btn.disabled, .btn:disabled { - opacity: 0.65; +.input-group > .form-file .form-file-input:focus { + z-index: 4; } -a.btn.disabled, -fieldset:disabled a.btn { - pointer-events: none; +.input-group > .form-control:not(:last-child), +.input-group > .form-select:not(:last-child) { + border-top-right-radius: 0; + border-bottom-right-radius: 0; } -.btn-primary { - color: #fff; - background-color: #007bff; - border-color: #007bff; +.input-group > .form-control:not(:first-child), +.input-group > .form-select:not(:first-child) { + border-top-left-radius: 0; + border-bottom-left-radius: 0; } -.btn-primary:hover { - color: #fff; - background-color: #0069d9; - border-color: #0062cc; +.input-group > .form-file { + display: flex; + align-items: center; } -.btn-primary:focus, .btn-primary.focus { - color: #fff; - background-color: #0069d9; - border-color: #0062cc; - box-shadow: 0 0 0 0.2rem rgba(38, 143, 255, 0.5); +.input-group > .form-file:not(:last-child) .form-file-label { + border-top-right-radius: 0; + border-bottom-right-radius: 0; } -.btn-primary.disabled, .btn-primary:disabled { - color: #fff; - background-color: #007bff; - border-color: #007bff; +.input-group > .form-file:not(:first-child) .form-file-label { + border-top-left-radius: 0; + border-bottom-left-radius: 0; } -.btn-primary:not(:disabled):not(.disabled):active, .btn-primary:not(:disabled):not(.disabled).active, -.show > .btn-primary.dropdown-toggle { - color: #fff; - background-color: #0062cc; - border-color: #005cbf; +.input-group-prepend, +.input-group-append { + display: flex; } -.btn-primary:not(:disabled):not(.disabled):active:focus, .btn-primary:not(:disabled):not(.disabled).active:focus, -.show > .btn-primary.dropdown-toggle:focus { - box-shadow: 0 0 0 0.2rem rgba(38, 143, 255, 0.5); -} +.input-group-prepend .btn, +.input-group-append .btn { + position: relative; + z-index: 2; +} -.btn-secondary { - color: #fff; - background-color: #6c757d; - border-color: #6c757d; +.input-group-prepend .btn:focus, +.input-group-append .btn:focus { + z-index: 3; } -.btn-secondary:hover { - color: #fff; - background-color: #5a6268; - border-color: #545b62; +.input-group-prepend .btn + .btn, +.input-group-prepend .btn + .input-group-text, +.input-group-prepend .input-group-text + .input-group-text, +.input-group-prepend .input-group-text + .btn, +.input-group-append .btn + .btn, +.input-group-append .btn + .input-group-text, +.input-group-append .input-group-text + .input-group-text, +.input-group-append .input-group-text + .btn { + margin-left: -1px; } -.btn-secondary:focus, .btn-secondary.focus { - color: #fff; - background-color: #5a6268; - border-color: #545b62; - box-shadow: 0 0 0 0.2rem rgba(130, 138, 145, 0.5); +.input-group-prepend { + margin-right: -1px; } -.btn-secondary.disabled, .btn-secondary:disabled { - color: #fff; - background-color: #6c757d; - border-color: #6c757d; +.input-group-append { + margin-left: -1px; } -.btn-secondary:not(:disabled):not(.disabled):active, .btn-secondary:not(:disabled):not(.disabled).active, -.show > .btn-secondary.dropdown-toggle { - color: #fff; - background-color: #545b62; - border-color: #4e555b; +.input-group-text { + display: flex; + align-items: center; + padding: 0.375rem 0.75rem; + margin-bottom: 0; + font-size: 1rem; + font-weight: 400; + line-height: 1.5; + color: #495057; + text-align: center; + white-space: nowrap; + background-color: #e9ecef; + border: 1px solid #ced4da; + border-radius: 0.25rem; } -.btn-secondary:not(:disabled):not(.disabled):active:focus, .btn-secondary:not(:disabled):not(.disabled).active:focus, -.show > .btn-secondary.dropdown-toggle:focus { - box-shadow: 0 0 0 0.2rem rgba(130, 138, 145, 0.5); +.input-group-text input[type="radio"], +.input-group-text input[type="checkbox"] { + margin-top: 0; } -.btn-success { - color: #fff; - background-color: #28a745; - border-color: #28a745; +.input-group-lg > .form-control:not(textarea), +.input-group-lg > .form-select { + height: calc(1.5em + 1rem + 2px); } -.btn-success:hover { - color: #fff; - background-color: #218838; - border-color: #1e7e34; +.input-group-lg > .form-control, +.input-group-lg > .form-select, +.input-group-lg > .input-group-prepend > .input-group-text, +.input-group-lg > .input-group-append > .input-group-text, +.input-group-lg > .input-group-prepend > .btn, +.input-group-lg > .input-group-append > .btn { + padding: 0.5rem 1rem; + font-size: 1.25rem; + line-height: 1.5; + border-radius: 0.3rem; } -.btn-success:focus, .btn-success.focus { - color: #fff; - background-color: #218838; - border-color: #1e7e34; - box-shadow: 0 0 0 0.2rem rgba(72, 180, 97, 0.5); +.input-group-sm > .form-control:not(textarea), +.input-group-sm > .form-select { + height: calc(1.5em + 0.5rem + 2px); } -.btn-success.disabled, .btn-success:disabled { - color: #fff; - background-color: #28a745; - border-color: #28a745; +.input-group-sm > .form-control, +.input-group-sm > .form-select, +.input-group-sm > .input-group-prepend > .input-group-text, +.input-group-sm > .input-group-append > .input-group-text, +.input-group-sm > .input-group-prepend > .btn, +.input-group-sm > .input-group-append > .btn { + padding: 0.25rem 0.5rem; + font-size: 0.875rem; + line-height: 1.5; + border-radius: 0.2rem; } -.btn-success:not(:disabled):not(.disabled):active, .btn-success:not(:disabled):not(.disabled).active, -.show > .btn-success.dropdown-toggle { - color: #fff; - background-color: #1e7e34; - border-color: #1c7430; +.input-group-lg > .form-select, +.input-group-sm > .form-select { + padding-right: 1.75rem; } -.btn-success:not(:disabled):not(.disabled):active:focus, .btn-success:not(:disabled):not(.disabled).active:focus, -.show > .btn-success.dropdown-toggle:focus { - box-shadow: 0 0 0 0.2rem rgba(72, 180, 97, 0.5); +.input-group > .input-group-prepend > .btn, +.input-group > .input-group-prepend > .input-group-text, +.input-group > .input-group-append:not(:last-child) > .btn, +.input-group > .input-group-append:not(:last-child) > .input-group-text, +.input-group > .input-group-append:last-child > .btn:not(:last-child):not(.dropdown-toggle), +.input-group > .input-group-append:last-child > .input-group-text:not(:last-child) { + border-top-right-radius: 0; + border-bottom-right-radius: 0; } -.btn-info { - color: #fff; - background-color: #17a2b8; - border-color: #17a2b8; +.input-group > .input-group-append > .btn, +.input-group > .input-group-append > .input-group-text, +.input-group > .input-group-prepend:not(:first-child) > .btn, +.input-group > .input-group-prepend:not(:first-child) > .input-group-text, +.input-group > .input-group-prepend:first-child > .btn:not(:first-child), +.input-group > .input-group-prepend:first-child > .input-group-text:not(:first-child) { + border-top-left-radius: 0; + border-bottom-left-radius: 0; } -.btn-info:hover { - color: #fff; - background-color: #138496; - border-color: #117a8b; +.valid-feedback { + display: none; + width: 100%; + margin-top: 0.25rem; + font-size: 80%; + color: #28a745; } -.btn-info:focus, .btn-info.focus { +.valid-tooltip { + position: absolute; + top: 100%; + z-index: 5; + display: none; + max-width: 100%; + padding: 0.25rem 0.5rem; + margin-top: .1rem; + font-size: 0.875rem; + line-height: 1.5; color: #fff; - background-color: #138496; - border-color: #117a8b; - box-shadow: 0 0 0 0.2rem rgba(58, 176, 195, 0.5); + background-color: rgba(40, 167, 69, 0.9); + border-radius: 0.25rem; } -.btn-info.disabled, .btn-info:disabled { - color: #fff; - background-color: #17a2b8; - border-color: #17a2b8; +.was-validated .form-control:valid, .form-control.is-valid { + border-color: #28a745; + padding-right: calc(1.5em + 0.75rem); + background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 8 8'%3e%3cpath fill='%2328a745' d='M2.3 6.73L.6 4.53c-.4-1.04.46-1.4 1.1-.8l1.1 1.4 3.4-3.8c.6-.63 1.6-.27 1.2.7l-4 4.6c-.43.5-.8.4-1.1.1z'/%3e%3c/svg%3e"); + background-repeat: no-repeat; + background-position: right calc(0.375em + 0.1875rem) center; + background-size: calc(0.75em + 0.375rem) calc(0.75em + 0.375rem); } -.btn-info:not(:disabled):not(.disabled):active, .btn-info:not(:disabled):not(.disabled).active, -.show > .btn-info.dropdown-toggle { - color: #fff; - background-color: #117a8b; - border-color: #10707f; +.was-validated .form-control:valid:focus, .form-control.is-valid:focus { + border-color: #28a745; + box-shadow: 0 0 0 0.2rem rgba(40, 167, 69, 0.25); } -.btn-info:not(:disabled):not(.disabled):active:focus, .btn-info:not(:disabled):not(.disabled).active:focus, -.show > .btn-info.dropdown-toggle:focus { - box-shadow: 0 0 0 0.2rem rgba(58, 176, 195, 0.5); +.was-validated .form-control:valid ~ .valid-feedback, +.was-validated .form-control:valid ~ .valid-tooltip, .form-control.is-valid ~ .valid-feedback, +.form-control.is-valid ~ .valid-tooltip { + display: block; } -.btn-warning { - color: #212529; - background-color: #ffc107; - border-color: #ffc107; +.was-validated textarea.form-control:valid, textarea.form-control.is-valid { + padding-right: calc(1.5em + 0.75rem); + background-position: top calc(0.375em + 0.1875rem) right calc(0.375em + 0.1875rem); } -.btn-warning:hover { - color: #212529; - background-color: #e0a800; - border-color: #d39e00; +.was-validated .form-select:valid, .form-select.is-valid { + border-color: #28a745; + padding-right: calc((1em + 0.75rem) * 3 / 4 + 1.75rem); + background: url('data:image/svg+xml;utf8,') no-repeat right 0.75rem center/16px 12px, url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 8 8'%3e%3cpath fill='%2328a745' 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") #fff no-repeat center right 1.75rem/calc(0.75em + 0.375rem) calc(0.75em + 0.375rem); } -.btn-warning:focus, .btn-warning.focus { - color: #212529; - background-color: #e0a800; - border-color: #d39e00; - box-shadow: 0 0 0 0.2rem rgba(222, 170, 12, 0.5); +.was-validated .form-select:valid:focus, .form-select.is-valid:focus { + border-color: #28a745; + box-shadow: 0 0 0 0.2rem rgba(40, 167, 69, 0.25); } -.btn-warning.disabled, .btn-warning:disabled { - color: #212529; - background-color: #ffc107; - border-color: #ffc107; +.was-validated .form-select:valid ~ .valid-feedback, +.was-validated .form-select:valid ~ .valid-tooltip, .form-select.is-valid ~ .valid-feedback, +.form-select.is-valid ~ .valid-tooltip { + display: block; } -.btn-warning:not(:disabled):not(.disabled):active, .btn-warning:not(:disabled):not(.disabled).active, -.show > .btn-warning.dropdown-toggle { - color: #212529; - background-color: #d39e00; - border-color: #c69500; +.was-validated .form-control-file:valid ~ .valid-feedback, +.was-validated .form-control-file:valid ~ .valid-tooltip, .form-control-file.is-valid ~ .valid-feedback, +.form-control-file.is-valid ~ .valid-tooltip { + display: block; } -.btn-warning:not(:disabled):not(.disabled):active:focus, .btn-warning:not(:disabled):not(.disabled).active:focus, -.show > .btn-warning.dropdown-toggle:focus { - box-shadow: 0 0 0 0.2rem rgba(222, 170, 12, 0.5); +.was-validated .form-check-input:valid, .form-check-input.is-valid { + border-color: #28a745; } -.btn-danger { - color: #fff; - background-color: #dc3545; - border-color: #dc3545; +.was-validated .form-check-input:valid:checked, .form-check-input.is-valid:checked { + background-color: #34ce57; } -.btn-danger:hover { - color: #fff; - background-color: #c82333; - border-color: #bd2130; +.was-validated .form-check-input:valid:focus, .form-check-input.is-valid:focus { + box-shadow: 0 0 0 0.2rem rgba(40, 167, 69, 0.25); } -.btn-danger:focus, .btn-danger.focus { - color: #fff; - background-color: #c82333; - border-color: #bd2130; - box-shadow: 0 0 0 0.2rem rgba(225, 83, 97, 0.5); +.was-validated .form-check-input:valid ~ .form-check-label, .form-check-input.is-valid ~ .form-check-label { + color: #28a745; } -.btn-danger.disabled, .btn-danger:disabled { - color: #fff; - background-color: #dc3545; - border-color: #dc3545; +.was-validated .form-check-input:valid ~ .valid-feedback, +.was-validated .form-check-input:valid ~ .valid-tooltip, .form-check-input.is-valid ~ .valid-feedback, +.form-check-input.is-valid ~ .valid-tooltip { + display: block; } -.btn-danger:not(:disabled):not(.disabled):active, .btn-danger:not(:disabled):not(.disabled).active, -.show > .btn-danger.dropdown-toggle { - color: #fff; - background-color: #bd2130; - border-color: #b21f2d; +.form-check-inline .form-check-input ~ .valid-feedback { + margin-left: .5em; } -.btn-danger:not(:disabled):not(.disabled):active:focus, .btn-danger:not(:disabled):not(.disabled).active:focus, -.show > .btn-danger.dropdown-toggle:focus { - box-shadow: 0 0 0 0.2rem rgba(225, 83, 97, 0.5); +.was-validated .form-file-input:valid ~ .form-file-label, .form-file-input.is-valid ~ .form-file-label { + border-color: #28a745; } -.btn-light { - color: #212529; - background-color: #f8f9fa; - border-color: #f8f9fa; +.was-validated .form-file-input:valid ~ .valid-feedback, +.was-validated .form-file-input:valid ~ .valid-tooltip, .form-file-input.is-valid ~ .valid-feedback, +.form-file-input.is-valid ~ .valid-tooltip { + display: block; } -.btn-light:hover { - color: #212529; - background-color: #e2e6ea; - border-color: #dae0e5; +.was-validated .form-file-input:valid:focus ~ .form-file-label, .form-file-input.is-valid:focus ~ .form-file-label { + border-color: #28a745; + box-shadow: 0 0 0 0.2rem rgba(40, 167, 69, 0.25); } -.btn-light:focus, .btn-light.focus { - color: #212529; - background-color: #e2e6ea; - border-color: #dae0e5; - box-shadow: 0 0 0 0.2rem rgba(216, 217, 219, 0.5); +.invalid-feedback { + display: none; + width: 100%; + margin-top: 0.25rem; + font-size: 80%; + color: #dc3545; } -.btn-light.disabled, .btn-light:disabled { - color: #212529; - background-color: #f8f9fa; - border-color: #f8f9fa; +.invalid-tooltip { + position: absolute; + top: 100%; + z-index: 5; + display: none; + max-width: 100%; + padding: 0.25rem 0.5rem; + margin-top: .1rem; + font-size: 0.875rem; + line-height: 1.5; + color: #fff; + background-color: rgba(220, 53, 69, 0.9); + border-radius: 0.25rem; } -.btn-light:not(:disabled):not(.disabled):active, .btn-light:not(:disabled):not(.disabled).active, -.show > .btn-light.dropdown-toggle { - color: #212529; - background-color: #dae0e5; - border-color: #d3d9df; +.was-validated .form-control:invalid, .form-control.is-invalid { + border-color: #dc3545; + padding-right: calc(1.5em + 0.75rem); + background-image: url("data:image/svg+xml,%3csvg width='12' height='12' viewBox='0 0 12 12' xmlns='http://www.w3.org/2000/svg' stroke='%23dc3545' fill='none'%3e%3ccircle cx='6' cy='6' r='4.5'/%3e%3cpath d='M5.8 3.6h.4L6 6.5z' stroke-linejoin='round'/%3e%3ccircle cx='6' cy='8.2' r='.1'/%3e%3c/svg%3e"); + background-repeat: no-repeat; + background-position: right calc(0.375em + 0.1875rem) center; + background-size: calc(0.75em + 0.375rem) calc(0.75em + 0.375rem); } -.btn-light:not(:disabled):not(.disabled):active:focus, .btn-light:not(:disabled):not(.disabled).active:focus, -.show > .btn-light.dropdown-toggle:focus { - box-shadow: 0 0 0 0.2rem rgba(216, 217, 219, 0.5); +.was-validated .form-control:invalid:focus, .form-control.is-invalid:focus { + border-color: #dc3545; + box-shadow: 0 0 0 0.2rem rgba(220, 53, 69, 0.25); } -.btn-dark { - color: #fff; - background-color: #343a40; - border-color: #343a40; +.was-validated .form-control:invalid ~ .invalid-feedback, +.was-validated .form-control:invalid ~ .invalid-tooltip, .form-control.is-invalid ~ .invalid-feedback, +.form-control.is-invalid ~ .invalid-tooltip { + display: block; } -.btn-dark:hover { - color: #fff; - background-color: #23272b; - border-color: #1d2124; +.was-validated textarea.form-control:invalid, textarea.form-control.is-invalid { + padding-right: calc(1.5em + 0.75rem); + background-position: top calc(0.375em + 0.1875rem) right calc(0.375em + 0.1875rem); } -.btn-dark:focus, .btn-dark.focus { - color: #fff; - background-color: #23272b; - border-color: #1d2124; - box-shadow: 0 0 0 0.2rem rgba(82, 88, 93, 0.5); +.was-validated .form-select:invalid, .form-select.is-invalid { + border-color: #dc3545; + padding-right: calc((1em + 0.75rem) * 3 / 4 + 1.75rem); + background: url('data:image/svg+xml;utf8,') no-repeat right 0.75rem center/16px 12px, url("data:image/svg+xml,%3csvg width='12' height='12' viewBox='0 0 12 12' xmlns='http://www.w3.org/2000/svg' stroke='%23dc3545' fill='none'%3e%3ccircle cx='6' cy='6' r='4.5'/%3e%3cpath d='M5.8 3.6h.4L6 6.5z' stroke-linejoin='round'/%3e%3ccircle cx='6' cy='8.2' r='.1'/%3e%3c/svg%3e") #fff no-repeat center right 1.75rem/calc(0.75em + 0.375rem) calc(0.75em + 0.375rem); } -.btn-dark.disabled, .btn-dark:disabled { - color: #fff; - background-color: #343a40; - border-color: #343a40; +.was-validated .form-select:invalid:focus, .form-select.is-invalid:focus { + border-color: #dc3545; + box-shadow: 0 0 0 0.2rem rgba(220, 53, 69, 0.25); } -.btn-dark:not(:disabled):not(.disabled):active, .btn-dark:not(:disabled):not(.disabled).active, -.show > .btn-dark.dropdown-toggle { - color: #fff; - background-color: #1d2124; - border-color: #171a1d; +.was-validated .form-select:invalid ~ .invalid-feedback, +.was-validated .form-select:invalid ~ .invalid-tooltip, .form-select.is-invalid ~ .invalid-feedback, +.form-select.is-invalid ~ .invalid-tooltip { + display: block; } -.btn-dark:not(:disabled):not(.disabled):active:focus, .btn-dark:not(:disabled):not(.disabled).active:focus, -.show > .btn-dark.dropdown-toggle:focus { - box-shadow: 0 0 0 0.2rem rgba(82, 88, 93, 0.5); +.was-validated .form-control-file:invalid ~ .invalid-feedback, +.was-validated .form-control-file:invalid ~ .invalid-tooltip, .form-control-file.is-invalid ~ .invalid-feedback, +.form-control-file.is-invalid ~ .invalid-tooltip { + display: block; } -.btn-outline-primary { - color: #007bff; - border-color: #007bff; +.was-validated .form-check-input:invalid, .form-check-input.is-invalid { + border-color: #dc3545; } -.btn-outline-primary:hover { - color: #fff; - background-color: #007bff; - border-color: #007bff; +.was-validated .form-check-input:invalid:checked, .form-check-input.is-invalid:checked { + background-color: #e4606d; } -.btn-outline-primary:focus, .btn-outline-primary.focus { - box-shadow: 0 0 0 0.2rem rgba(0, 123, 255, 0.5); +.was-validated .form-check-input:invalid:focus, .form-check-input.is-invalid:focus { + box-shadow: 0 0 0 0.2rem rgba(220, 53, 69, 0.25); } -.btn-outline-primary.disabled, .btn-outline-primary:disabled { - color: #007bff; - background-color: transparent; +.was-validated .form-check-input:invalid ~ .form-check-label, .form-check-input.is-invalid ~ .form-check-label { + color: #dc3545; } -.btn-outline-primary:not(:disabled):not(.disabled):active, .btn-outline-primary:not(:disabled):not(.disabled).active, -.show > .btn-outline-primary.dropdown-toggle { - color: #fff; - background-color: #007bff; - border-color: #007bff; +.was-validated .form-check-input:invalid ~ .invalid-feedback, +.was-validated .form-check-input:invalid ~ .invalid-tooltip, .form-check-input.is-invalid ~ .invalid-feedback, +.form-check-input.is-invalid ~ .invalid-tooltip { + display: block; } -.btn-outline-primary:not(:disabled):not(.disabled):active:focus, .btn-outline-primary:not(:disabled):not(.disabled).active:focus, -.show > .btn-outline-primary.dropdown-toggle:focus { - box-shadow: 0 0 0 0.2rem rgba(0, 123, 255, 0.5); +.form-check-inline .form-check-input ~ .invalid-feedback { + margin-left: .5em; } -.btn-outline-secondary { - color: #6c757d; - border-color: #6c757d; +.was-validated .form-file-input:invalid ~ .form-file-label, .form-file-input.is-invalid ~ .form-file-label { + border-color: #dc3545; } -.btn-outline-secondary:hover { - color: #fff; - background-color: #6c757d; - border-color: #6c757d; +.was-validated .form-file-input:invalid ~ .invalid-feedback, +.was-validated .form-file-input:invalid ~ .invalid-tooltip, .form-file-input.is-invalid ~ .invalid-feedback, +.form-file-input.is-invalid ~ .invalid-tooltip { + display: block; } -.btn-outline-secondary:focus, .btn-outline-secondary.focus { - box-shadow: 0 0 0 0.2rem rgba(108, 117, 125, 0.5); +.was-validated .form-file-input:invalid:focus ~ .form-file-label, .form-file-input.is-invalid:focus ~ .form-file-label { + border-color: #dc3545; + box-shadow: 0 0 0 0.2rem rgba(220, 53, 69, 0.25); } -.btn-outline-secondary.disabled, .btn-outline-secondary:disabled { - color: #6c757d; +.btn { + display: inline-block; + font-weight: 400; + color: #212529; + text-align: center; + vertical-align: middle; + -webkit-user-select: none; + -moz-user-select: none; + -ms-user-select: none; + user-select: none; background-color: transparent; + border: 1px solid transparent; + padding: 0.375rem 0.75rem; + font-size: 1rem; + line-height: 1.5; + border-radius: 0.25rem; + transition: color 0.15s ease-in-out, background-color 0.15s ease-in-out, border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out; } -.btn-outline-secondary:not(:disabled):not(.disabled):active, .btn-outline-secondary:not(:disabled):not(.disabled).active, -.show > .btn-outline-secondary.dropdown-toggle { - color: #fff; - background-color: #6c757d; - border-color: #6c757d; +@media (prefers-reduced-motion: reduce) { + .btn { + transition: none; + } } -.btn-outline-secondary:not(:disabled):not(.disabled):active:focus, .btn-outline-secondary:not(:disabled):not(.disabled).active:focus, -.show > .btn-outline-secondary.dropdown-toggle:focus { - box-shadow: 0 0 0 0.2rem rgba(108, 117, 125, 0.5); +.btn:hover { + color: #212529; + text-decoration: none; } -.btn-outline-success { - color: #28a745; - border-color: #28a745; +.btn:focus, .btn.focus { + outline: 0; + box-shadow: 0 0 0 0.2rem rgba(0, 123, 255, 0.25); } -.btn-outline-success:hover { - color: #fff; - background-color: #28a745; - border-color: #28a745; +.btn.disabled, .btn:disabled { + opacity: 0.65; } -.btn-outline-success:focus, .btn-outline-success.focus { - box-shadow: 0 0 0 0.2rem rgba(40, 167, 69, 0.5); +a.btn.disabled, +fieldset:disabled a.btn { + pointer-events: none; } -.btn-outline-success.disabled, .btn-outline-success:disabled { - color: #28a745; - background-color: transparent; +.btn-primary { + color: #fff; + background-color: #007bff; + border-color: #007bff; } -.btn-outline-success:not(:disabled):not(.disabled):active, .btn-outline-success:not(:disabled):not(.disabled).active, -.show > .btn-outline-success.dropdown-toggle { +.btn-primary:hover { color: #fff; - background-color: #28a745; - border-color: #28a745; + background-color: #0069d9; + border-color: #0062cc; } -.btn-outline-success:not(:disabled):not(.disabled):active:focus, .btn-outline-success:not(:disabled):not(.disabled).active:focus, -.show > .btn-outline-success.dropdown-toggle:focus { - box-shadow: 0 0 0 0.2rem rgba(40, 167, 69, 0.5); +.btn-primary:focus, .btn-primary.focus { + color: #fff; + background-color: #0069d9; + border-color: #0062cc; + box-shadow: 0 0 0 0.2rem rgba(38, 143, 255, 0.5); } -.btn-outline-info { - color: #17a2b8; - border-color: #17a2b8; +.btn-primary.disabled, .btn-primary:disabled { + color: #fff; + background-color: #007bff; + border-color: #007bff; } -.btn-outline-info:hover { +.btn-primary:not(:disabled):not(.disabled):active, .btn-primary:not(:disabled):not(.disabled).active, +.show > .btn-primary.dropdown-toggle { color: #fff; - background-color: #17a2b8; - border-color: #17a2b8; + background-color: #0062cc; + border-color: #005cbf; } -.btn-outline-info:focus, .btn-outline-info.focus { - box-shadow: 0 0 0 0.2rem rgba(23, 162, 184, 0.5); +.btn-primary:not(:disabled):not(.disabled):active:focus, .btn-primary:not(:disabled):not(.disabled).active:focus, +.show > .btn-primary.dropdown-toggle:focus { + box-shadow: 0 0 0 0.2rem rgba(38, 143, 255, 0.5); } -.btn-outline-info.disabled, .btn-outline-info:disabled { - color: #17a2b8; - background-color: transparent; +.btn-secondary { + color: #fff; + background-color: #6c757d; + border-color: #6c757d; } -.btn-outline-info:not(:disabled):not(.disabled):active, .btn-outline-info:not(:disabled):not(.disabled).active, -.show > .btn-outline-info.dropdown-toggle { +.btn-secondary:hover { color: #fff; - background-color: #17a2b8; - border-color: #17a2b8; + background-color: #5a6268; + border-color: #545b62; } -.btn-outline-info:not(:disabled):not(.disabled):active:focus, .btn-outline-info:not(:disabled):not(.disabled).active:focus, -.show > .btn-outline-info.dropdown-toggle:focus { - box-shadow: 0 0 0 0.2rem rgba(23, 162, 184, 0.5); +.btn-secondary:focus, .btn-secondary.focus { + color: #fff; + background-color: #5a6268; + border-color: #545b62; + box-shadow: 0 0 0 0.2rem rgba(130, 138, 145, 0.5); } -.btn-outline-warning { - color: #ffc107; - border-color: #ffc107; +.btn-secondary.disabled, .btn-secondary:disabled { + color: #fff; + background-color: #6c757d; + border-color: #6c757d; } -.btn-outline-warning:hover { +.btn-secondary:not(:disabled):not(.disabled):active, .btn-secondary:not(:disabled):not(.disabled).active, +.show > .btn-secondary.dropdown-toggle { + color: #fff; + background-color: #545b62; + border-color: #4e555b; +} + +.btn-secondary:not(:disabled):not(.disabled):active:focus, .btn-secondary:not(:disabled):not(.disabled).active:focus, +.show > .btn-secondary.dropdown-toggle:focus { + box-shadow: 0 0 0 0.2rem rgba(130, 138, 145, 0.5); +} + +.btn-success { + color: #fff; + background-color: #28a745; + border-color: #28a745; +} + +.btn-success:hover { + color: #fff; + background-color: #218838; + border-color: #1e7e34; +} + +.btn-success:focus, .btn-success.focus { + color: #fff; + background-color: #218838; + border-color: #1e7e34; + box-shadow: 0 0 0 0.2rem rgba(72, 180, 97, 0.5); +} + +.btn-success.disabled, .btn-success:disabled { + color: #fff; + background-color: #28a745; + border-color: #28a745; +} + +.btn-success:not(:disabled):not(.disabled):active, .btn-success:not(:disabled):not(.disabled).active, +.show > .btn-success.dropdown-toggle { + color: #fff; + background-color: #1e7e34; + border-color: #1c7430; +} + +.btn-success:not(:disabled):not(.disabled):active:focus, .btn-success:not(:disabled):not(.disabled).active:focus, +.show > .btn-success.dropdown-toggle:focus { + box-shadow: 0 0 0 0.2rem rgba(72, 180, 97, 0.5); +} + +.btn-info { + color: #fff; + background-color: #17a2b8; + border-color: #17a2b8; +} + +.btn-info:hover { + color: #fff; + background-color: #138496; + border-color: #117a8b; +} + +.btn-info:focus, .btn-info.focus { + color: #fff; + background-color: #138496; + border-color: #117a8b; + box-shadow: 0 0 0 0.2rem rgba(58, 176, 195, 0.5); +} + +.btn-info.disabled, .btn-info:disabled { + color: #fff; + background-color: #17a2b8; + border-color: #17a2b8; +} + +.btn-info:not(:disabled):not(.disabled):active, .btn-info:not(:disabled):not(.disabled).active, +.show > .btn-info.dropdown-toggle { + color: #fff; + background-color: #117a8b; + border-color: #10707f; +} + +.btn-info:not(:disabled):not(.disabled):active:focus, .btn-info:not(:disabled):not(.disabled).active:focus, +.show > .btn-info.dropdown-toggle:focus { + box-shadow: 0 0 0 0.2rem rgba(58, 176, 195, 0.5); +} + +.btn-warning { color: #212529; background-color: #ffc107; border-color: #ffc107; } -.btn-outline-warning:focus, .btn-outline-warning.focus { - box-shadow: 0 0 0 0.2rem rgba(255, 193, 7, 0.5); +.btn-warning:hover { + color: #212529; + background-color: #e0a800; + border-color: #d39e00; } -.btn-outline-warning.disabled, .btn-outline-warning:disabled { - color: #ffc107; - background-color: transparent; +.btn-warning:focus, .btn-warning.focus { + color: #212529; + background-color: #e0a800; + border-color: #d39e00; + box-shadow: 0 0 0 0.2rem rgba(222, 170, 12, 0.5); } -.btn-outline-warning:not(:disabled):not(.disabled):active, .btn-outline-warning:not(:disabled):not(.disabled).active, -.show > .btn-outline-warning.dropdown-toggle { +.btn-warning.disabled, .btn-warning:disabled { color: #212529; background-color: #ffc107; border-color: #ffc107; } -.btn-outline-warning:not(:disabled):not(.disabled):active:focus, .btn-outline-warning:not(:disabled):not(.disabled).active:focus, -.show > .btn-outline-warning.dropdown-toggle:focus { - box-shadow: 0 0 0 0.2rem rgba(255, 193, 7, 0.5); +.btn-warning:not(:disabled):not(.disabled):active, .btn-warning:not(:disabled):not(.disabled).active, +.show > .btn-warning.dropdown-toggle { + color: #212529; + background-color: #d39e00; + border-color: #c69500; } -.btn-outline-danger { - color: #dc3545; - border-color: #dc3545; +.btn-warning:not(:disabled):not(.disabled):active:focus, .btn-warning:not(:disabled):not(.disabled).active:focus, +.show > .btn-warning.dropdown-toggle:focus { + box-shadow: 0 0 0 0.2rem rgba(222, 170, 12, 0.5); } -.btn-outline-danger:hover { +.btn-danger { color: #fff; background-color: #dc3545; border-color: #dc3545; } -.btn-outline-danger:focus, .btn-outline-danger.focus { - box-shadow: 0 0 0 0.2rem rgba(220, 53, 69, 0.5); +.btn-danger:hover { + color: #fff; + background-color: #c82333; + border-color: #bd2130; } -.btn-outline-danger.disabled, .btn-outline-danger:disabled { - color: #dc3545; - background-color: transparent; +.btn-danger:focus, .btn-danger.focus { + color: #fff; + background-color: #c82333; + border-color: #bd2130; + box-shadow: 0 0 0 0.2rem rgba(225, 83, 97, 0.5); } -.btn-outline-danger:not(:disabled):not(.disabled):active, .btn-outline-danger:not(:disabled):not(.disabled).active, -.show > .btn-outline-danger.dropdown-toggle { +.btn-danger.disabled, .btn-danger:disabled { color: #fff; background-color: #dc3545; border-color: #dc3545; } -.btn-outline-danger:not(:disabled):not(.disabled):active:focus, .btn-outline-danger:not(:disabled):not(.disabled).active:focus, -.show > .btn-outline-danger.dropdown-toggle:focus { - box-shadow: 0 0 0 0.2rem rgba(220, 53, 69, 0.5); +.btn-danger:not(:disabled):not(.disabled):active, .btn-danger:not(:disabled):not(.disabled).active, +.show > .btn-danger.dropdown-toggle { + color: #fff; + background-color: #bd2130; + border-color: #b21f2d; } -.btn-outline-light { - color: #f8f9fa; - border-color: #f8f9fa; +.btn-danger:not(:disabled):not(.disabled):active:focus, .btn-danger:not(:disabled):not(.disabled).active:focus, +.show > .btn-danger.dropdown-toggle:focus { + box-shadow: 0 0 0 0.2rem rgba(225, 83, 97, 0.5); } -.btn-outline-light:hover { +.btn-light { color: #212529; background-color: #f8f9fa; border-color: #f8f9fa; } -.btn-outline-light:focus, .btn-outline-light.focus { - box-shadow: 0 0 0 0.2rem rgba(248, 249, 250, 0.5); +.btn-light:hover { + color: #212529; + background-color: #e2e6ea; + border-color: #dae0e5; } -.btn-outline-light.disabled, .btn-outline-light:disabled { - color: #f8f9fa; - background-color: transparent; +.btn-light:focus, .btn-light.focus { + color: #212529; + background-color: #e2e6ea; + border-color: #dae0e5; + box-shadow: 0 0 0 0.2rem rgba(216, 217, 219, 0.5); } -.btn-outline-light:not(:disabled):not(.disabled):active, .btn-outline-light:not(:disabled):not(.disabled).active, -.show > .btn-outline-light.dropdown-toggle { +.btn-light.disabled, .btn-light:disabled { color: #212529; background-color: #f8f9fa; border-color: #f8f9fa; } -.btn-outline-light:not(:disabled):not(.disabled):active:focus, .btn-outline-light:not(:disabled):not(.disabled).active:focus, -.show > .btn-outline-light.dropdown-toggle:focus { - box-shadow: 0 0 0 0.2rem rgba(248, 249, 250, 0.5); +.btn-light:not(:disabled):not(.disabled):active, .btn-light:not(:disabled):not(.disabled).active, +.show > .btn-light.dropdown-toggle { + color: #212529; + background-color: #dae0e5; + border-color: #d3d9df; } -.btn-outline-dark { - color: #343a40; - border-color: #343a40; +.btn-light:not(:disabled):not(.disabled):active:focus, .btn-light:not(:disabled):not(.disabled).active:focus, +.show > .btn-light.dropdown-toggle:focus { + box-shadow: 0 0 0 0.2rem rgba(216, 217, 219, 0.5); } -.btn-outline-dark:hover { +.btn-dark { color: #fff; background-color: #343a40; border-color: #343a40; } -.btn-outline-dark:focus, .btn-outline-dark.focus { - box-shadow: 0 0 0 0.2rem rgba(52, 58, 64, 0.5); +.btn-dark:hover { + color: #fff; + background-color: #23272b; + border-color: #1d2124; } -.btn-outline-dark.disabled, .btn-outline-dark:disabled { - color: #343a40; - background-color: transparent; +.btn-dark:focus, .btn-dark.focus { + color: #fff; + background-color: #23272b; + border-color: #1d2124; + box-shadow: 0 0 0 0.2rem rgba(82, 88, 93, 0.5); } -.btn-outline-dark:not(:disabled):not(.disabled):active, .btn-outline-dark:not(:disabled):not(.disabled).active, -.show > .btn-outline-dark.dropdown-toggle { +.btn-dark.disabled, .btn-dark:disabled { color: #fff; background-color: #343a40; border-color: #343a40; } -.btn-outline-dark:not(:disabled):not(.disabled):active:focus, .btn-outline-dark:not(:disabled):not(.disabled).active:focus, -.show > .btn-outline-dark.dropdown-toggle:focus { - box-shadow: 0 0 0 0.2rem rgba(52, 58, 64, 0.5); +.btn-dark:not(:disabled):not(.disabled):active, .btn-dark:not(:disabled):not(.disabled).active, +.show > .btn-dark.dropdown-toggle { + color: #fff; + background-color: #1d2124; + border-color: #171a1d; } -.btn-link { - font-weight: 400; - color: #007bff; - text-decoration: none; +.btn-dark:not(:disabled):not(.disabled):active:focus, .btn-dark:not(:disabled):not(.disabled).active:focus, +.show > .btn-dark.dropdown-toggle:focus { + box-shadow: 0 0 0 0.2rem rgba(82, 88, 93, 0.5); } -.btn-link:hover { - color: #0056b3; - text-decoration: underline; +.btn-outline-primary { + color: #007bff; + border-color: #007bff; } -.btn-link:focus, .btn-link.focus { - text-decoration: underline; - box-shadow: none; +.btn-outline-primary:hover { + color: #fff; + background-color: #007bff; + border-color: #007bff; } -.btn-link:disabled, .btn-link.disabled { - color: #6c757d; - pointer-events: none; +.btn-outline-primary:focus, .btn-outline-primary.focus { + box-shadow: 0 0 0 0.2rem rgba(0, 123, 255, 0.5); } -.btn-lg, .btn-group-lg > .btn { - padding: 0.5rem 1rem; - font-size: 1.25rem; - line-height: 1.5; - border-radius: 0.3rem; +.btn-outline-primary.disabled, .btn-outline-primary:disabled { + color: #007bff; + background-color: transparent; } -.btn-sm, .btn-group-sm > .btn { - padding: 0.25rem 0.5rem; - font-size: 0.875rem; - line-height: 1.5; - border-radius: 0.2rem; +.btn-outline-primary:not(:disabled):not(.disabled):active, .btn-outline-primary:not(:disabled):not(.disabled).active, +.show > .btn-outline-primary.dropdown-toggle { + color: #fff; + background-color: #007bff; + border-color: #007bff; } -.btn-block { - display: block; - width: 100%; +.btn-outline-primary:not(:disabled):not(.disabled):active:focus, .btn-outline-primary:not(:disabled):not(.disabled).active:focus, +.show > .btn-outline-primary.dropdown-toggle:focus { + box-shadow: 0 0 0 0.2rem rgba(0, 123, 255, 0.5); } -.btn-block + .btn-block { - margin-top: 0.5rem; +.btn-outline-secondary { + color: #6c757d; + border-color: #6c757d; } -input[type="submit"].btn-block, -input[type="reset"].btn-block, -input[type="button"].btn-block { - width: 100%; +.btn-outline-secondary:hover { + color: #fff; + background-color: #6c757d; + border-color: #6c757d; } -.fade { - transition: opacity 0.15s linear; +.btn-outline-secondary:focus, .btn-outline-secondary.focus { + box-shadow: 0 0 0 0.2rem rgba(108, 117, 125, 0.5); } -@media (prefers-reduced-motion: reduce) { - .fade { - transition: none; - } +.btn-outline-secondary.disabled, .btn-outline-secondary:disabled { + color: #6c757d; + background-color: transparent; } -.fade:not(.show) { - opacity: 0; +.btn-outline-secondary:not(:disabled):not(.disabled):active, .btn-outline-secondary:not(:disabled):not(.disabled).active, +.show > .btn-outline-secondary.dropdown-toggle { + color: #fff; + background-color: #6c757d; + border-color: #6c757d; } -.collapse:not(.show) { - display: none; +.btn-outline-secondary:not(:disabled):not(.disabled):active:focus, .btn-outline-secondary:not(:disabled):not(.disabled).active:focus, +.show > .btn-outline-secondary.dropdown-toggle:focus { + box-shadow: 0 0 0 0.2rem rgba(108, 117, 125, 0.5); } -.collapsing { - position: relative; - height: 0; - overflow: hidden; - transition: height 0.35s ease; +.btn-outline-success { + color: #28a745; + border-color: #28a745; } -@media (prefers-reduced-motion: reduce) { - .collapsing { - transition: none; - } +.btn-outline-success:hover { + color: #fff; + background-color: #28a745; + border-color: #28a745; } -.dropup, -.dropright, -.dropdown, -.dropleft { - position: relative; +.btn-outline-success:focus, .btn-outline-success.focus { + box-shadow: 0 0 0 0.2rem rgba(40, 167, 69, 0.5); } -.dropdown-toggle { - white-space: nowrap; +.btn-outline-success.disabled, .btn-outline-success:disabled { + color: #28a745; + background-color: transparent; } -.dropdown-toggle::after { - display: inline-block; - margin-left: 0.255em; - vertical-align: 0.255em; - content: ""; - border-top: 0.3em solid; - border-right: 0.3em solid transparent; - border-bottom: 0; - border-left: 0.3em solid transparent; +.btn-outline-success:not(:disabled):not(.disabled):active, .btn-outline-success:not(:disabled):not(.disabled).active, +.show > .btn-outline-success.dropdown-toggle { + color: #fff; + background-color: #28a745; + border-color: #28a745; } -.dropdown-toggle:empty::after { - margin-left: 0; +.btn-outline-success:not(:disabled):not(.disabled):active:focus, .btn-outline-success:not(:disabled):not(.disabled).active:focus, +.show > .btn-outline-success.dropdown-toggle:focus { + box-shadow: 0 0 0 0.2rem rgba(40, 167, 69, 0.5); } -.dropdown-menu { - position: absolute; - top: 100%; - left: 0; - z-index: 1000; - display: none; - float: left; - min-width: 10rem; - padding: 0.5rem 0; - margin: 0.125rem 0 0; - font-size: 1rem; - color: #212529; - text-align: left; - list-style: none; - background-color: #fff; - background-clip: padding-box; - border: 1px solid rgba(0, 0, 0, 0.15); - border-radius: 0.25rem; +.btn-outline-info { + color: #17a2b8; + border-color: #17a2b8; } -.dropdown-menu-left { - right: auto; - left: 0; +.btn-outline-info:hover { + color: #fff; + background-color: #17a2b8; + border-color: #17a2b8; } -.dropdown-menu-right { - right: 0; - left: auto; +.btn-outline-info:focus, .btn-outline-info.focus { + box-shadow: 0 0 0 0.2rem rgba(23, 162, 184, 0.5); } -@media (min-width: 576px) { - .dropdown-menu-sm-left { - right: auto; - left: 0; - } - .dropdown-menu-sm-right { - right: 0; - left: auto; - } +.btn-outline-info.disabled, .btn-outline-info:disabled { + color: #17a2b8; + background-color: transparent; } -@media (min-width: 768px) { - .dropdown-menu-md-left { - right: auto; - left: 0; - } - .dropdown-menu-md-right { - right: 0; - left: auto; - } +.btn-outline-info:not(:disabled):not(.disabled):active, .btn-outline-info:not(:disabled):not(.disabled).active, +.show > .btn-outline-info.dropdown-toggle { + color: #fff; + background-color: #17a2b8; + border-color: #17a2b8; } -@media (min-width: 992px) { - .dropdown-menu-lg-left { - right: auto; - left: 0; - } - .dropdown-menu-lg-right { - right: 0; - left: auto; - } +.btn-outline-info:not(:disabled):not(.disabled):active:focus, .btn-outline-info:not(:disabled):not(.disabled).active:focus, +.show > .btn-outline-info.dropdown-toggle:focus { + box-shadow: 0 0 0 0.2rem rgba(23, 162, 184, 0.5); } -@media (min-width: 1200px) { - .dropdown-menu-xl-left { - right: auto; - left: 0; - } - .dropdown-menu-xl-right { - right: 0; - left: auto; - } +.btn-outline-warning { + color: #ffc107; + border-color: #ffc107; } -.dropup .dropdown-menu { - top: auto; - bottom: 100%; - margin-top: 0; - margin-bottom: 0.125rem; +.btn-outline-warning:hover { + color: #212529; + background-color: #ffc107; + border-color: #ffc107; } -.dropup .dropdown-toggle::after { - display: inline-block; - margin-left: 0.255em; - vertical-align: 0.255em; - content: ""; - border-top: 0; - border-right: 0.3em solid transparent; - border-bottom: 0.3em solid; - border-left: 0.3em solid transparent; +.btn-outline-warning:focus, .btn-outline-warning.focus { + box-shadow: 0 0 0 0.2rem rgba(255, 193, 7, 0.5); } -.dropup .dropdown-toggle:empty::after { - margin-left: 0; +.btn-outline-warning.disabled, .btn-outline-warning:disabled { + color: #ffc107; + background-color: transparent; } -.dropright .dropdown-menu { - top: 0; - right: auto; - left: 100%; - margin-top: 0; - margin-left: 0.125rem; +.btn-outline-warning:not(:disabled):not(.disabled):active, .btn-outline-warning:not(:disabled):not(.disabled).active, +.show > .btn-outline-warning.dropdown-toggle { + color: #212529; + background-color: #ffc107; + border-color: #ffc107; } -.dropright .dropdown-toggle::after { - display: inline-block; - margin-left: 0.255em; - vertical-align: 0.255em; - content: ""; - border-top: 0.3em solid transparent; - border-right: 0; - border-bottom: 0.3em solid transparent; - border-left: 0.3em solid; +.btn-outline-warning:not(:disabled):not(.disabled):active:focus, .btn-outline-warning:not(:disabled):not(.disabled).active:focus, +.show > .btn-outline-warning.dropdown-toggle:focus { + box-shadow: 0 0 0 0.2rem rgba(255, 193, 7, 0.5); } -.dropright .dropdown-toggle:empty::after { - margin-left: 0; +.btn-outline-danger { + color: #dc3545; + border-color: #dc3545; } -.dropright .dropdown-toggle::after { - vertical-align: 0; +.btn-outline-danger:hover { + color: #fff; + background-color: #dc3545; + border-color: #dc3545; } -.dropleft .dropdown-menu { - top: 0; - right: 100%; - left: auto; - margin-top: 0; - margin-right: 0.125rem; +.btn-outline-danger:focus, .btn-outline-danger.focus { + box-shadow: 0 0 0 0.2rem rgba(220, 53, 69, 0.5); } -.dropleft .dropdown-toggle::after { - display: inline-block; - margin-left: 0.255em; - vertical-align: 0.255em; - content: ""; +.btn-outline-danger.disabled, .btn-outline-danger:disabled { + color: #dc3545; + background-color: transparent; } -.dropleft .dropdown-toggle::after { - display: none; +.btn-outline-danger:not(:disabled):not(.disabled):active, .btn-outline-danger:not(:disabled):not(.disabled).active, +.show > .btn-outline-danger.dropdown-toggle { + color: #fff; + background-color: #dc3545; + border-color: #dc3545; } -.dropleft .dropdown-toggle::before { - display: inline-block; - margin-right: 0.255em; - vertical-align: 0.255em; - content: ""; - border-top: 0.3em solid transparent; - border-right: 0.3em solid; - border-bottom: 0.3em solid transparent; -} - -.dropleft .dropdown-toggle:empty::after { - margin-left: 0; +.btn-outline-danger:not(:disabled):not(.disabled):active:focus, .btn-outline-danger:not(:disabled):not(.disabled).active:focus, +.show > .btn-outline-danger.dropdown-toggle:focus { + box-shadow: 0 0 0 0.2rem rgba(220, 53, 69, 0.5); } -.dropleft .dropdown-toggle::before { - vertical-align: 0; +.btn-outline-light { + color: #f8f9fa; + border-color: #f8f9fa; } -.dropdown-menu[x-placement^="top"], .dropdown-menu[x-placement^="right"], .dropdown-menu[x-placement^="bottom"], .dropdown-menu[x-placement^="left"] { - right: auto; - bottom: auto; +.btn-outline-light:hover { + color: #212529; + background-color: #f8f9fa; + border-color: #f8f9fa; } -.dropdown-divider { - height: 0; - margin: 0.5rem 0; - overflow: hidden; - border-top: 1px solid #e9ecef; +.btn-outline-light:focus, .btn-outline-light.focus { + box-shadow: 0 0 0 0.2rem rgba(248, 249, 250, 0.5); } -.dropdown-item { - display: block; - width: 100%; - padding: 0.25rem 1.5rem; - clear: both; - font-weight: 400; - color: #212529; - text-align: inherit; - white-space: nowrap; +.btn-outline-light.disabled, .btn-outline-light:disabled { + color: #f8f9fa; background-color: transparent; - border: 0; } -.dropdown-item:hover, .dropdown-item:focus { - color: #16181b; - text-decoration: none; +.btn-outline-light:not(:disabled):not(.disabled):active, .btn-outline-light:not(:disabled):not(.disabled).active, +.show > .btn-outline-light.dropdown-toggle { + color: #212529; background-color: #f8f9fa; + border-color: #f8f9fa; } -.dropdown-item.active, .dropdown-item:active { - color: #fff; - text-decoration: none; - background-color: #007bff; +.btn-outline-light:not(:disabled):not(.disabled):active:focus, .btn-outline-light:not(:disabled):not(.disabled).active:focus, +.show > .btn-outline-light.dropdown-toggle:focus { + box-shadow: 0 0 0 0.2rem rgba(248, 249, 250, 0.5); } -.dropdown-item.disabled, .dropdown-item:disabled { - color: #6c757d; - pointer-events: none; - background-color: transparent; +.btn-outline-dark { + color: #343a40; + border-color: #343a40; } -.dropdown-menu.show { - display: block; +.btn-outline-dark:hover { + color: #fff; + background-color: #343a40; + border-color: #343a40; } -.dropdown-header { - display: block; - padding: 0.5rem 1.5rem; - margin-bottom: 0; - font-size: 0.875rem; - color: #6c757d; - white-space: nowrap; +.btn-outline-dark:focus, .btn-outline-dark.focus { + box-shadow: 0 0 0 0.2rem rgba(52, 58, 64, 0.5); } -.dropdown-item-text { - display: block; - padding: 0.25rem 1.5rem; - color: #212529; +.btn-outline-dark.disabled, .btn-outline-dark:disabled { + color: #343a40; + background-color: transparent; } -.btn-group, -.btn-group-vertical { - position: relative; - display: inline-flex; - vertical-align: middle; +.btn-outline-dark:not(:disabled):not(.disabled):active, .btn-outline-dark:not(:disabled):not(.disabled).active, +.show > .btn-outline-dark.dropdown-toggle { + color: #fff; + background-color: #343a40; + border-color: #343a40; } -.btn-group > .btn, -.btn-group-vertical > .btn { - position: relative; - flex: 1 1 auto; +.btn-outline-dark:not(:disabled):not(.disabled):active:focus, .btn-outline-dark:not(:disabled):not(.disabled).active:focus, +.show > .btn-outline-dark.dropdown-toggle:focus { + box-shadow: 0 0 0 0.2rem rgba(52, 58, 64, 0.5); } -.btn-group > .btn:hover, -.btn-group-vertical > .btn:hover { - z-index: 1; +.btn-link { + font-weight: 400; + color: #007bff; + text-decoration: none; } -.btn-group > .btn:focus, .btn-group > .btn:active, .btn-group > .btn.active, -.btn-group-vertical > .btn:focus, -.btn-group-vertical > .btn:active, -.btn-group-vertical > .btn.active { - z-index: 1; +.btn-link:hover { + color: #0056b3; + text-decoration: underline; } -.btn-toolbar { - display: flex; - flex-wrap: wrap; - justify-content: flex-start; +.btn-link:focus, .btn-link.focus { + text-decoration: underline; + box-shadow: none; } -.btn-toolbar .input-group { - width: auto; +.btn-link:disabled, .btn-link.disabled { + color: #6c757d; + pointer-events: none; } -.btn-group > .btn:not(:first-child), -.btn-group > .btn-group:not(:first-child) { - margin-left: -1px; +.btn-lg, .btn-group-lg > .btn { + padding: 0.5rem 1rem; + font-size: 1.25rem; + line-height: 1.5; + border-radius: 0.3rem; } -.btn-group > .btn:not(:last-child):not(.dropdown-toggle), -.btn-group > .btn-group:not(:last-child) > .btn { - border-top-right-radius: 0; - border-bottom-right-radius: 0; +.btn-sm, .btn-group-sm > .btn { + padding: 0.25rem 0.5rem; + font-size: 0.875rem; + line-height: 1.5; + border-radius: 0.2rem; } -.btn-group > .btn:not(:first-child), -.btn-group > .btn-group:not(:first-child) > .btn { - border-top-left-radius: 0; - border-bottom-left-radius: 0; +.btn-block { + display: block; + width: 100%; } -.dropdown-toggle-split { - padding-right: 0.5625rem; - padding-left: 0.5625rem; +.btn-block + .btn-block { + margin-top: 0.5rem; } -.dropdown-toggle-split::after, -.dropup .dropdown-toggle-split::after, -.dropright .dropdown-toggle-split::after { - margin-left: 0; +.fade { + transition: opacity 0.15s linear; } -.dropleft .dropdown-toggle-split::before { - margin-right: 0; +@media (prefers-reduced-motion: reduce) { + .fade { + transition: none; + } } -.btn-sm + .dropdown-toggle-split, .btn-group-sm > .btn + .dropdown-toggle-split { - padding-right: 0.375rem; - padding-left: 0.375rem; +.fade:not(.show) { + opacity: 0; } -.btn-lg + .dropdown-toggle-split, .btn-group-lg > .btn + .dropdown-toggle-split { - padding-right: 0.75rem; - padding-left: 0.75rem; +.collapse:not(.show) { + display: none; } -.btn-group-vertical { - flex-direction: column; - align-items: flex-start; - justify-content: center; +.collapsing { + position: relative; + height: 0; + overflow: hidden; + transition: height 0.35s ease; } -.btn-group-vertical > .btn, -.btn-group-vertical > .btn-group { - width: 100%; +@media (prefers-reduced-motion: reduce) { + .collapsing { + transition: none; + } } -.btn-group-vertical > .btn:not(:first-child), -.btn-group-vertical > .btn-group:not(:first-child) { - margin-top: -1px; +.dropup, +.dropright, +.dropdown, +.dropleft { + position: relative; } -.btn-group-vertical > .btn:not(:last-child):not(.dropdown-toggle), -.btn-group-vertical > .btn-group:not(:last-child) > .btn { - border-bottom-right-radius: 0; - border-bottom-left-radius: 0; +.dropdown-toggle { + white-space: nowrap; } -.btn-group-vertical > .btn:not(:first-child), -.btn-group-vertical > .btn-group:not(:first-child) > .btn { - border-top-left-radius: 0; - border-top-right-radius: 0; +.dropdown-toggle::after { + display: inline-block; + margin-left: 0.255em; + vertical-align: 0.255em; + content: ""; + border-top: 0.3em solid; + border-right: 0.3em solid transparent; + border-bottom: 0; + border-left: 0.3em solid transparent; } -.btn-group-toggle > .btn, -.btn-group-toggle > .btn-group > .btn { - margin-bottom: 0; +.dropdown-toggle:empty::after { + margin-left: 0; } -.btn-group-toggle > .btn input[type="radio"], -.btn-group-toggle > .btn input[type="checkbox"], -.btn-group-toggle > .btn-group > .btn input[type="radio"], -.btn-group-toggle > .btn-group > .btn input[type="checkbox"] { +.dropdown-menu { position: absolute; - clip: rect(0, 0, 0, 0); - pointer-events: none; + top: 100%; + left: 0; + z-index: 1000; + display: none; + min-width: 10rem; + padding: 0.5rem 0; + margin: 0.125rem 0 0; + font-size: 1rem; + color: #212529; + text-align: left; + list-style: none; + background-color: #fff; + background-clip: padding-box; + border: 1px solid rgba(0, 0, 0, 0.15); + border-radius: 0.25rem; } -.input-group { - position: relative; - display: flex; - flex-wrap: wrap; - align-items: stretch; - width: 100%; +.dropdown-menu-left { + right: auto; + left: 0; } -.input-group > .form-control, -.input-group > .form-control-plaintext, -.input-group > .custom-select, -.input-group > .custom-file { - position: relative; - flex: 1 1 auto; - width: 1%; - margin-bottom: 0; -} - -.input-group > .form-control + .form-control, -.input-group > .form-control + .custom-select, -.input-group > .form-control + .custom-file, -.input-group > .form-control-plaintext + .form-control, -.input-group > .form-control-plaintext + .custom-select, -.input-group > .form-control-plaintext + .custom-file, -.input-group > .custom-select + .form-control, -.input-group > .custom-select + .custom-select, -.input-group > .custom-select + .custom-file, -.input-group > .custom-file + .form-control, -.input-group > .custom-file + .custom-select, -.input-group > .custom-file + .custom-file { - margin-left: -1px; -} - -.input-group > .form-control:focus, -.input-group > .custom-select:focus, -.input-group > .custom-file .custom-file-input:focus ~ .custom-file-label { - z-index: 3; -} - -.input-group > .custom-file .custom-file-input:focus { - z-index: 4; -} - -.input-group > .form-control:not(:last-child), -.input-group > .custom-select:not(:last-child) { - border-top-right-radius: 0; - border-bottom-right-radius: 0; +.dropdown-menu-right { + right: 0; + left: auto; } -.input-group > .form-control:not(:first-child), -.input-group > .custom-select:not(:first-child) { - border-top-left-radius: 0; - border-bottom-left-radius: 0; +@media (min-width: 576px) { + .dropdown-menu-sm-left { + right: auto; + left: 0; + } + .dropdown-menu-sm-right { + right: 0; + left: auto; + } } -.input-group > .custom-file { - display: flex; - align-items: center; +@media (min-width: 768px) { + .dropdown-menu-md-left { + right: auto; + left: 0; + } + .dropdown-menu-md-right { + right: 0; + left: auto; + } } -.input-group > .custom-file:not(:last-child) .custom-file-label, -.input-group > .custom-file:not(:last-child) .custom-file-label::after { - border-top-right-radius: 0; - border-bottom-right-radius: 0; +@media (min-width: 992px) { + .dropdown-menu-lg-left { + right: auto; + left: 0; + } + .dropdown-menu-lg-right { + right: 0; + left: auto; + } } -.input-group > .custom-file:not(:first-child) .custom-file-label { - border-top-left-radius: 0; - border-bottom-left-radius: 0; +@media (min-width: 1200px) { + .dropdown-menu-xl-left { + right: auto; + left: 0; + } + .dropdown-menu-xl-right { + right: 0; + left: auto; + } } -.input-group-prepend, -.input-group-append { - display: flex; +.dropup .dropdown-menu { + top: auto; + bottom: 100%; + margin-top: 0; + margin-bottom: 0.125rem; } -.input-group-prepend .btn, -.input-group-append .btn { - position: relative; - z-index: 2; +.dropup .dropdown-toggle::after { + display: inline-block; + margin-left: 0.255em; + vertical-align: 0.255em; + content: ""; + border-top: 0; + border-right: 0.3em solid transparent; + border-bottom: 0.3em solid; + border-left: 0.3em solid transparent; } -.input-group-prepend .btn:focus, -.input-group-append .btn:focus { - z-index: 3; +.dropup .dropdown-toggle:empty::after { + margin-left: 0; } -.input-group-prepend .btn + .btn, -.input-group-prepend .btn + .input-group-text, -.input-group-prepend .input-group-text + .input-group-text, -.input-group-prepend .input-group-text + .btn, -.input-group-append .btn + .btn, -.input-group-append .btn + .input-group-text, -.input-group-append .input-group-text + .input-group-text, -.input-group-append .input-group-text + .btn { - margin-left: -1px; +.dropright .dropdown-menu { + top: 0; + right: auto; + left: 100%; + margin-top: 0; + margin-left: 0.125rem; } -.input-group-prepend { - margin-right: -1px; +.dropright .dropdown-toggle::after { + display: inline-block; + margin-left: 0.255em; + vertical-align: 0.255em; + content: ""; + border-top: 0.3em solid transparent; + border-right: 0; + border-bottom: 0.3em solid transparent; + border-left: 0.3em solid; } -.input-group-append { - margin-left: -1px; +.dropright .dropdown-toggle:empty::after { + margin-left: 0; } -.input-group-text { - display: flex; - align-items: center; - padding: 0.375rem 0.75rem; - margin-bottom: 0; - font-size: 1rem; - font-weight: 400; - line-height: 1.5; - color: #495057; - text-align: center; - white-space: nowrap; - background-color: #e9ecef; - border: 1px solid #ced4da; - border-radius: 0.25rem; +.dropright .dropdown-toggle::after { + vertical-align: 0; } -.input-group-text input[type="radio"], -.input-group-text input[type="checkbox"] { +.dropleft .dropdown-menu { + top: 0; + right: 100%; + left: auto; margin-top: 0; + margin-right: 0.125rem; } -.input-group-lg > .form-control:not(textarea), -.input-group-lg > .custom-select { - height: calc(1.5em + 1rem + 2px); +.dropleft .dropdown-toggle::after { + display: inline-block; + margin-left: 0.255em; + vertical-align: 0.255em; + content: ""; } -.input-group-lg > .form-control, -.input-group-lg > .custom-select, -.input-group-lg > .input-group-prepend > .input-group-text, -.input-group-lg > .input-group-append > .input-group-text, -.input-group-lg > .input-group-prepend > .btn, -.input-group-lg > .input-group-append > .btn { - padding: 0.5rem 1rem; - font-size: 1.25rem; - line-height: 1.5; - border-radius: 0.3rem; +.dropleft .dropdown-toggle::after { + display: none; } -.input-group-sm > .form-control:not(textarea), -.input-group-sm > .custom-select { - height: calc(1.5em + 0.5rem + 2px); +.dropleft .dropdown-toggle::before { + display: inline-block; + margin-right: 0.255em; + vertical-align: 0.255em; + content: ""; + border-top: 0.3em solid transparent; + border-right: 0.3em solid; + border-bottom: 0.3em solid transparent; } -.input-group-sm > .form-control, -.input-group-sm > .custom-select, -.input-group-sm > .input-group-prepend > .input-group-text, -.input-group-sm > .input-group-append > .input-group-text, -.input-group-sm > .input-group-prepend > .btn, -.input-group-sm > .input-group-append > .btn { - padding: 0.25rem 0.5rem; - font-size: 0.875rem; - line-height: 1.5; - border-radius: 0.2rem; +.dropleft .dropdown-toggle:empty::after { + margin-left: 0; } -.input-group-lg > .custom-select, -.input-group-sm > .custom-select { - padding-right: 1.75rem; +.dropleft .dropdown-toggle::before { + vertical-align: 0; } -.input-group > .input-group-prepend > .btn, -.input-group > .input-group-prepend > .input-group-text, -.input-group > .input-group-append:not(:last-child) > .btn, -.input-group > .input-group-append:not(:last-child) > .input-group-text, -.input-group > .input-group-append:last-child > .btn:not(:last-child):not(.dropdown-toggle), -.input-group > .input-group-append:last-child > .input-group-text:not(:last-child) { - border-top-right-radius: 0; - border-bottom-right-radius: 0; +.dropdown-menu[x-placement^="top"], .dropdown-menu[x-placement^="right"], .dropdown-menu[x-placement^="bottom"], .dropdown-menu[x-placement^="left"] { + right: auto; + bottom: auto; } -.input-group > .input-group-append > .btn, -.input-group > .input-group-append > .input-group-text, -.input-group > .input-group-prepend:not(:first-child) > .btn, -.input-group > .input-group-prepend:not(:first-child) > .input-group-text, -.input-group > .input-group-prepend:first-child > .btn:not(:first-child), -.input-group > .input-group-prepend:first-child > .input-group-text:not(:first-child) { - border-top-left-radius: 0; - border-bottom-left-radius: 0; +.dropdown-divider { + height: 0; + margin: 0.5rem 0; + overflow: hidden; + border-top: 1px solid #e9ecef; } -.custom-control { - position: relative; +.dropdown-item { display: block; - min-height: 1.5rem; - padding-left: 1.5rem; -} - -.custom-control-inline { - display: inline-flex; - margin-right: 1rem; + width: 100%; + padding: 0.25rem 1.5rem; + clear: both; + font-weight: 400; + color: #212529; + text-align: inherit; + white-space: nowrap; + background-color: transparent; + border: 0; } -.custom-control-input { - position: absolute; - z-index: -1; - opacity: 0; +.dropdown-item:hover, .dropdown-item:focus { + color: #16181b; + text-decoration: none; + background-color: #f8f9fa; } -.custom-control-input:checked ~ .custom-control-label::before { +.dropdown-item.active, .dropdown-item:active { color: #fff; - border-color: #007bff; + text-decoration: none; background-color: #007bff; } -.custom-control-input:focus ~ .custom-control-label::before { - box-shadow: 0 0 0 0.2rem rgba(0, 123, 255, 0.25); -} - -.custom-control-input:focus:not(:checked) ~ .custom-control-label::before { - border-color: #80bdff; +.dropdown-item.disabled, .dropdown-item:disabled { + color: #6c757d; + pointer-events: none; + background-color: transparent; } -.custom-control-input:not(:disabled):active ~ .custom-control-label::before { - color: #fff; - background-color: #b3d7ff; - border-color: #b3d7ff; +.dropdown-menu.show { + display: block; } -.custom-control-input[disabled] ~ .custom-control-label { +.dropdown-header { + display: block; + padding: 0.5rem 1.5rem; + margin-bottom: 0; + font-size: 0.875rem; color: #6c757d; + white-space: nowrap; } -.custom-control-input[disabled] ~ .custom-control-label::before { - background-color: #e9ecef; -} - -.custom-control-label { - position: relative; - margin-bottom: 0; - vertical-align: top; +.dropdown-item-text { + display: block; + padding: 0.25rem 1.5rem; + color: #212529; } -.custom-control-label::before { - position: absolute; - top: 0.25rem; - left: -1.5rem; - display: block; - width: 1rem; - height: 1rem; - pointer-events: none; - content: ""; - background-color: #fff; - border: #adb5bd solid 1px; +.btn-group, +.btn-group-vertical { + position: relative; + display: inline-flex; + vertical-align: middle; } -.custom-control-label::after { - position: absolute; - top: 0.25rem; - left: -1.5rem; - display: block; - width: 1rem; - height: 1rem; - content: ""; - background: no-repeat 50% / 50% 50%; +.btn-group > .btn, +.btn-group-vertical > .btn { + position: relative; + flex: 1 1 auto; } -.custom-checkbox .custom-control-label::before { - border-radius: 0.25rem; +.btn-group > .btn:hover, .btn-group > .btn:focus, .btn-group > .btn:active, .btn-group > .btn.active, +.btn-group-vertical > .btn:hover, +.btn-group-vertical > .btn:focus, +.btn-group-vertical > .btn:active, +.btn-group-vertical > .btn.active { + z-index: 1; } -.custom-checkbox .custom-control-input:checked ~ .custom-control-label::after { - background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 8 8'%3e%3cpath fill='%23fff' d='M6.564.75l-3.59 3.612-1.538-1.55L0 4.26 2.974 7.25 8 2.193z'/%3e%3c/svg%3e"); +.btn-toolbar { + display: flex; + flex-wrap: wrap; + justify-content: flex-start; } -.custom-checkbox .custom-control-input:indeterminate ~ .custom-control-label::before { - border-color: #007bff; - background-color: #007bff; +.btn-toolbar .input-group { + width: auto; } -.custom-checkbox .custom-control-input:indeterminate ~ .custom-control-label::after { - background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 4 4'%3e%3cpath stroke='%23fff' d='M0 2h4'/%3e%3c/svg%3e"); +.btn-group > .btn:not(:first-child), +.btn-group > .btn-group:not(:first-child) { + margin-left: -1px; } -.custom-checkbox .custom-control-input:disabled:checked ~ .custom-control-label::before { - background-color: rgba(0, 123, 255, 0.5); +.btn-group > .btn:not(:last-child):not(.dropdown-toggle), +.btn-group > .btn-group:not(:last-child) > .btn { + border-top-right-radius: 0; + border-bottom-right-radius: 0; } -.custom-checkbox .custom-control-input:disabled:indeterminate ~ .custom-control-label::before { - background-color: rgba(0, 123, 255, 0.5); +.btn-group > .btn:not(:first-child), +.btn-group > .btn-group:not(:first-child) > .btn { + border-top-left-radius: 0; + border-bottom-left-radius: 0; } -.custom-radio .custom-control-label::before { - border-radius: 50%; +.dropdown-toggle-split { + padding-right: 0.5625rem; + padding-left: 0.5625rem; } -.custom-radio .custom-control-input:checked ~ .custom-control-label::after { - background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='-4 -4 8 8'%3e%3ccircle r='3' fill='%23fff'/%3e%3c/svg%3e"); +.dropdown-toggle-split::after, +.dropup .dropdown-toggle-split::after, +.dropright .dropdown-toggle-split::after { + margin-left: 0; } -.custom-radio .custom-control-input:disabled:checked ~ .custom-control-label::before { - background-color: rgba(0, 123, 255, 0.5); +.dropleft .dropdown-toggle-split::before { + margin-right: 0; } -.custom-switch { - padding-left: 2.25rem; +.btn-sm + .dropdown-toggle-split, .btn-group-sm > .btn + .dropdown-toggle-split { + padding-right: 0.375rem; + padding-left: 0.375rem; } -.custom-switch .custom-control-label::before { - left: -2.25rem; - width: 1.75rem; - pointer-events: all; - border-radius: 0.5rem; +.btn-lg + .dropdown-toggle-split, .btn-group-lg > .btn + .dropdown-toggle-split { + padding-right: 0.75rem; + padding-left: 0.75rem; } -.custom-switch .custom-control-label::after { - top: calc(0.25rem + 2px); - left: calc(-2.25rem + 2px); - width: calc(1rem - 4px); - height: calc(1rem - 4px); - background-color: #adb5bd; - border-radius: 0.5rem; - transition: background-color 0.15s ease-in-out, border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out, -webkit-transform 0.15s ease-in-out; - transition: transform 0.15s ease-in-out, background-color 0.15s ease-in-out, border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out; - transition: transform 0.15s ease-in-out, background-color 0.15s ease-in-out, border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out, -webkit-transform 0.15s ease-in-out; +.btn-group-vertical { + flex-direction: column; + align-items: flex-start; + justify-content: center; } -@media (prefers-reduced-motion: reduce) { - .custom-switch .custom-control-label::after { - transition: none; - } +.btn-group-vertical > .btn, +.btn-group-vertical > .btn-group { + width: 100%; } -.custom-switch .custom-control-input:checked ~ .custom-control-label::after { - background-color: #fff; - -webkit-transform: translateX(0.75rem); - transform: translateX(0.75rem); +.btn-group-vertical > .btn:not(:first-child), +.btn-group-vertical > .btn-group:not(:first-child) { + margin-top: -1px; } -.custom-switch .custom-control-input:disabled:checked ~ .custom-control-label::before { - background-color: rgba(0, 123, 255, 0.5); +.btn-group-vertical > .btn:not(:last-child):not(.dropdown-toggle), +.btn-group-vertical > .btn-group:not(:last-child) > .btn { + border-bottom-right-radius: 0; + border-bottom-left-radius: 0; } -.custom-select { - display: inline-block; - width: 100%; - height: calc(1.5em + 0.75rem + 2px); - padding: 0.375rem 1.75rem 0.375rem 0.75rem; - font-size: 1rem; - font-weight: 400; - line-height: 1.5; - color: #495057; - vertical-align: middle; - background: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 4 5'%3e%3cpath fill='%23343a40' d='M2 0L0 2h4zm0 5L0 3h4z'/%3e%3c/svg%3e") no-repeat right 0.75rem center/8px 10px; - background-color: #fff; - border: 1px solid #ced4da; - border-radius: 0.25rem; - -webkit-appearance: none; - -moz-appearance: none; - appearance: none; +.btn-group-vertical > .btn:not(:first-child), +.btn-group-vertical > .btn-group:not(:first-child) > .btn { + border-top-left-radius: 0; + border-top-right-radius: 0; } -.custom-select:focus { - border-color: #80bdff; - outline: 0; - box-shadow: 0 0 0 0.2rem rgba(0, 123, 255, 0.25); +.btn-group-toggle > .btn, +.btn-group-toggle > .btn-group > .btn { + margin-bottom: 0; } -.custom-select:focus::-ms-value { - color: #495057; - background-color: #fff; +.btn-group-toggle > .btn input[type="radio"], +.btn-group-toggle > .btn input[type="checkbox"], +.btn-group-toggle > .btn-group > .btn input[type="radio"], +.btn-group-toggle > .btn-group > .btn input[type="checkbox"] { + position: absolute; + clip: rect(0, 0, 0, 0); + pointer-events: none; } -.custom-select[multiple], .custom-select[size]:not([size="1"]) { - height: auto; - padding-right: 0.75rem; - background-image: none; +.nav { + display: flex; + flex-wrap: wrap; + padding-left: 0; + margin-bottom: 0; + list-style: none; } -.custom-select:disabled { - color: #6c757d; - background-color: #e9ecef; +.nav-link { + display: block; + padding: 0.5rem 1rem; } -.custom-select::-ms-expand { - display: none; +.nav-link:hover, .nav-link:focus { + text-decoration: none; } -.custom-select-sm { - height: calc(1.5em + 0.5rem + 2px); - padding-top: 0.25rem; - padding-bottom: 0.25rem; - padding-left: 0.5rem; - font-size: 0.875rem; +.nav-link.disabled { + color: #6c757d; + pointer-events: none; + cursor: default; } -.custom-select-lg { - height: calc(1.5em + 1rem + 2px); - padding-top: 0.5rem; - padding-bottom: 0.5rem; - padding-left: 1rem; - font-size: 1.25rem; +.nav-tabs { + border-bottom: 1px solid #dee2e6; } -.custom-file { - position: relative; - display: inline-block; - width: 100%; - height: calc(1.5em + 0.75rem + 2px); - margin-bottom: 0; +.nav-tabs .nav-item { + margin-bottom: -1px; } -.custom-file-input { - position: relative; - z-index: 2; - width: 100%; - height: calc(1.5em + 0.75rem + 2px); - margin: 0; - opacity: 0; +.nav-tabs .nav-link { + border: 1px solid transparent; + border-top-left-radius: 0.25rem; + border-top-right-radius: 0.25rem; } -.custom-file-input:focus ~ .custom-file-label { - border-color: #80bdff; - box-shadow: 0 0 0 0.2rem rgba(0, 123, 255, 0.25); +.nav-tabs .nav-link:hover, .nav-tabs .nav-link:focus { + border-color: #e9ecef #e9ecef #dee2e6; } -.custom-file-input[disabled] ~ .custom-file-label { - background-color: #e9ecef; +.nav-tabs .nav-link.disabled { + color: #6c757d; + background-color: transparent; + border-color: transparent; } -.custom-file-input:lang(en) ~ .custom-file-label::after { - content: "Browse"; +.nav-tabs .nav-link.active, +.nav-tabs .nav-item.show .nav-link { + color: #495057; + background-color: #fff; + border-color: #dee2e6 #dee2e6 #fff; } -.custom-file-input ~ .custom-file-label[data-browse]::after { - content: attr(data-browse); +.nav-tabs .dropdown-menu { + margin-top: -1px; + border-top-left-radius: 0; + border-top-right-radius: 0; } -.custom-file-label { - position: absolute; - top: 0; - right: 0; - left: 0; - z-index: 1; - height: calc(1.5em + 0.75rem + 2px); - padding: 0.375rem 0.75rem; - font-weight: 400; - line-height: 1.5; - color: #495057; - background-color: #fff; - border: 1px solid #ced4da; +.nav-pills .nav-link { border-radius: 0.25rem; } -.custom-file-label::after { - position: absolute; - top: 0; - right: 0; - bottom: 0; - z-index: 3; - display: block; - height: calc(1.5em + 0.75rem); - padding: 0.375rem 0.75rem; - line-height: 1.5; - color: #495057; - content: "Browse"; - background-color: #e9ecef; - border-left: inherit; - border-radius: 0 0.25rem 0.25rem 0; +.nav-pills .nav-link.active, +.nav-pills .show > .nav-link { + color: #fff; + background-color: #007bff; } -.custom-range { - width: 100%; - height: calc(1rem + 0.4rem); - padding: 0; - background-color: transparent; - -webkit-appearance: none; - -moz-appearance: none; - appearance: none; +.nav-fill .nav-item { + flex: 1 1 auto; + text-align: center; } -.custom-range:focus { - outline: none; +.nav-justified .nav-item { + flex-basis: 0; + flex-grow: 1; + text-align: center; } -.custom-range:focus::-webkit-slider-thumb { - box-shadow: 0 0 0 1px #fff, 0 0 0 0.2rem rgba(0, 123, 255, 0.25); +.tab-content > .tab-pane { + display: none; } -.custom-range:focus::-moz-range-thumb { - box-shadow: 0 0 0 1px #fff, 0 0 0 0.2rem rgba(0, 123, 255, 0.25); +.tab-content > .active { + display: block; } -.custom-range:focus::-ms-thumb { - box-shadow: 0 0 0 1px #fff, 0 0 0 0.2rem rgba(0, 123, 255, 0.25); +.navbar { + position: relative; + display: flex; + flex-wrap: wrap; + align-items: center; + justify-content: space-between; + padding: 0.5rem 1rem; } -.custom-range::-moz-focus-outer { - border: 0; -} - -.custom-range::-webkit-slider-thumb { - width: 1rem; - height: 1rem; - margin-top: -0.25rem; - background-color: #007bff; - border: 0; - border-radius: 1rem; - transition: background-color 0.15s ease-in-out, border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out; - -webkit-appearance: none; - appearance: none; -} - -@media (prefers-reduced-motion: reduce) { - .custom-range::-webkit-slider-thumb { - transition: none; - } -} - -.custom-range::-webkit-slider-thumb:active { - background-color: #b3d7ff; -} - -.custom-range::-webkit-slider-runnable-track { - width: 100%; - height: 0.5rem; - color: transparent; - cursor: pointer; - background-color: #dee2e6; - border-color: transparent; - border-radius: 1rem; -} - -.custom-range::-moz-range-thumb { - width: 1rem; - height: 1rem; - background-color: #007bff; - border: 0; - border-radius: 1rem; - transition: background-color 0.15s ease-in-out, border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out; - -moz-appearance: none; - appearance: none; -} - -@media (prefers-reduced-motion: reduce) { - .custom-range::-moz-range-thumb { - transition: none; - } -} - -.custom-range::-moz-range-thumb:active { - background-color: #b3d7ff; -} - -.custom-range::-moz-range-track { - width: 100%; - height: 0.5rem; - color: transparent; - cursor: pointer; - background-color: #dee2e6; - border-color: transparent; - border-radius: 1rem; -} - -.custom-range::-ms-thumb { - width: 1rem; - height: 1rem; - margin-top: 0; - margin-right: 0.2rem; - margin-left: 0.2rem; - background-color: #007bff; - border: 0; - border-radius: 1rem; - transition: background-color 0.15s ease-in-out, border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out; - appearance: none; -} - -@media (prefers-reduced-motion: reduce) { - .custom-range::-ms-thumb { - transition: none; - } -} - -.custom-range::-ms-thumb:active { - background-color: #b3d7ff; -} - -.custom-range::-ms-track { - width: 100%; - height: 0.5rem; - color: transparent; - cursor: pointer; - background-color: transparent; - border-color: transparent; - border-width: 0.5rem; -} - -.custom-range::-ms-fill-lower { - background-color: #dee2e6; - border-radius: 1rem; -} - -.custom-range::-ms-fill-upper { - margin-right: 15px; - background-color: #dee2e6; - border-radius: 1rem; -} - -.custom-range:disabled::-webkit-slider-thumb { - background-color: #adb5bd; -} - -.custom-range:disabled::-webkit-slider-runnable-track { - cursor: default; -} - -.custom-range:disabled::-moz-range-thumb { - background-color: #adb5bd; -} - -.custom-range:disabled::-moz-range-track { - cursor: default; -} - -.custom-range:disabled::-ms-thumb { - background-color: #adb5bd; -} - -.custom-control-label::before, -.custom-file-label, -.custom-select { - transition: background-color 0.15s ease-in-out, border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out; -} - -@media (prefers-reduced-motion: reduce) { - .custom-control-label::before, - .custom-file-label, - .custom-select { - transition: none; - } -} - -.nav { - display: flex; - flex-wrap: wrap; - padding-left: 0; - margin-bottom: 0; - list-style: none; -} - -.nav-link { - display: block; - padding: 0.5rem 1rem; -} - -.nav-link:hover, .nav-link:focus { - text-decoration: none; -} - -.nav-link.disabled { - color: #6c757d; - pointer-events: none; - cursor: default; -} - -.nav-tabs { - border-bottom: 1px solid #dee2e6; -} - -.nav-tabs .nav-item { - margin-bottom: -1px; -} - -.nav-tabs .nav-link { - border: 1px solid transparent; - border-top-left-radius: 0.25rem; - border-top-right-radius: 0.25rem; -} - -.nav-tabs .nav-link:hover, .nav-tabs .nav-link:focus { - border-color: #e9ecef #e9ecef #dee2e6; -} - -.nav-tabs .nav-link.disabled { - color: #6c757d; - background-color: transparent; - border-color: transparent; -} - -.nav-tabs .nav-link.active, -.nav-tabs .nav-item.show .nav-link { - color: #495057; - background-color: #fff; - border-color: #dee2e6 #dee2e6 #fff; -} - -.nav-tabs .dropdown-menu { - margin-top: -1px; - border-top-left-radius: 0; - border-top-right-radius: 0; -} - -.nav-pills .nav-link { - border-radius: 0.25rem; -} - -.nav-pills .nav-link.active, -.nav-pills .show > .nav-link { - color: #fff; - background-color: #007bff; -} - -.nav-fill .nav-item { - flex: 1 1 auto; - text-align: center; -} - -.nav-justified .nav-item { - flex-basis: 0; - flex-grow: 1; - text-align: center; -} - -.tab-content > .tab-pane { - display: none; -} - -.tab-content > .active { - display: block; -} - -.navbar { - position: relative; - display: flex; - flex-wrap: wrap; - align-items: center; - justify-content: space-between; - padding: 0.5rem 1rem; -} - -.navbar > .container, -.navbar > .container-fluid { - display: flex; - flex-wrap: wrap; - align-items: center; - justify-content: space-between; +.navbar > .container, +.navbar > .container-fluid { + display: flex; + flex-wrap: wrap; + align-items: center; + justify-content: space-between; } .navbar-brand { @@ -4019,7 +3609,6 @@ input[type="button"].btn-block { .navbar-nav .dropdown-menu { position: static; - float: none; } .navbar-text { @@ -4279,11 +3868,9 @@ input[type="button"].btn-block { color: rgba(0, 0, 0, 0.5); } -.navbar-light .navbar-text a { - color: rgba(0, 0, 0, 0.9); -} - -.navbar-light .navbar-text a:hover, .navbar-light .navbar-text a:focus { +.navbar-light .navbar-text a, +.navbar-light .navbar-text a:hover, +.navbar-light .navbar-text a:focus { color: rgba(0, 0, 0, 0.9); } @@ -4327,11 +3914,9 @@ input[type="button"].btn-block { color: rgba(255, 255, 255, 0.5); } -.navbar-dark .navbar-text a { - color: #fff; -} - -.navbar-dark .navbar-text a:hover, .navbar-dark .navbar-text a:focus { +.navbar-dark .navbar-text a, +.navbar-dark .navbar-text a:hover, +.navbar-dark .navbar-text a:focus { color: #fff; } @@ -4364,6 +3949,7 @@ input[type="button"].btn-block { .card-body { flex: 1 1 auto; + min-height: 1px; padding: 1.25rem; } @@ -4529,10 +4115,8 @@ input[type="button"].btn-block { @media (min-width: 576px) { .card-columns { - -webkit-column-count: 3; -moz-column-count: 3; column-count: 3; - -webkit-column-gap: 1.25rem; -moz-column-gap: 1.25rem; column-gap: 1.25rem; orphans: 1; @@ -4609,7 +4193,6 @@ input[type="button"].btn-block { display: flex; padding-left: 0; list-style: none; - border-radius: 0.25rem; } .page-link { @@ -4632,7 +4215,7 @@ input[type="button"].btn-block { } .page-link:focus { - z-index: 2; + z-index: 3; outline: 0; box-shadow: 0 0 0 0.2rem rgba(0, 123, 255, 0.25); } @@ -4649,7 +4232,7 @@ input[type="button"].btn-block { } .page-item.active .page-link { - z-index: 1; + z-index: 3; color: #fff; background-color: #007bff; border-color: #007bff; @@ -4717,25 +4300,6 @@ input[type="button"].btn-block { top: -1px; } -.jumbotron { - padding: 2rem 1rem; - margin-bottom: 2rem; - background-color: #e9ecef; - border-radius: 0.3rem; -} - -@media (min-width: 576px) { - .jumbotron { - padding: 4rem 2rem; - } -} - -.jumbotron-fluid { - padding-right: 0; - padding-left: 0; - border-radius: 0; -} - .alert { position: relative; padding: 0.75rem 1.25rem; @@ -4845,20 +4409,14 @@ input[type="button"].btn-block { } @-webkit-keyframes progress-bar-stripes { - from { - background-position: 1rem 0; - } - to { - background-position: 0 0; + 0% { + background-position-x: 1rem; } } @keyframes progress-bar-stripes { - from { - background-position: 1rem 0; - } - to { - background-position: 0 0; + 0% { + background-position-x: 1rem; } } @@ -4905,15 +4463,6 @@ input[type="button"].btn-block { } } -.media { - display: flex; - align-items: flex-start; -} - -.media-body { - flex: 1; -} - .list-group { display: flex; flex-direction: column; @@ -4943,7 +4492,6 @@ input[type="button"].btn-block { position: relative; display: block; padding: 0.75rem 1.25rem; - margin-bottom: -1px; background-color: #fff; border: 1px solid rgba(0, 0, 0, 0.125); } @@ -4954,7 +4502,6 @@ input[type="button"].btn-block { } .list-group-item:last-child { - margin-bottom: 0; border-bottom-right-radius: 0.25rem; border-bottom-left-radius: 0.25rem; } @@ -4972,129 +4519,155 @@ input[type="button"].btn-block { border-color: #007bff; } -.list-group-horizontal { - flex-direction: row; +.list-group-item + .list-group-item { + border-top-width: 0; } -.list-group-horizontal .list-group-item { - margin-right: -1px; - margin-bottom: 0; +.list-group-item + .list-group-item.active { + margin-top: -1px; + border-top-width: 1px; +} + +.list-group-horizontal { + flex-direction: row; } .list-group-horizontal .list-group-item:first-child { - border-top-left-radius: 0.25rem; border-bottom-left-radius: 0.25rem; border-top-right-radius: 0; } .list-group-horizontal .list-group-item:last-child { - margin-right: 0; border-top-right-radius: 0.25rem; - border-bottom-right-radius: 0.25rem; border-bottom-left-radius: 0; } +.list-group-horizontal .list-group-item.active { + margin-top: 0; +} + +.list-group-horizontal .list-group-item + .list-group-item { + border-top-width: 1px; + border-left-width: 0; +} + +.list-group-horizontal .list-group-item + .list-group-item.active { + margin-left: -1px; + border-left-width: 1px; +} + @media (min-width: 576px) { .list-group-horizontal-sm { flex-direction: row; } - .list-group-horizontal-sm .list-group-item { - margin-right: -1px; - margin-bottom: 0; - } .list-group-horizontal-sm .list-group-item:first-child { - border-top-left-radius: 0.25rem; border-bottom-left-radius: 0.25rem; border-top-right-radius: 0; } .list-group-horizontal-sm .list-group-item:last-child { - margin-right: 0; border-top-right-radius: 0.25rem; - border-bottom-right-radius: 0.25rem; border-bottom-left-radius: 0; } + .list-group-horizontal-sm .list-group-item.active { + margin-top: 0; + } + .list-group-horizontal-sm .list-group-item + .list-group-item { + border-top-width: 1px; + border-left-width: 0; + } + .list-group-horizontal-sm .list-group-item + .list-group-item.active { + margin-left: -1px; + border-left-width: 1px; + } } @media (min-width: 768px) { .list-group-horizontal-md { flex-direction: row; } - .list-group-horizontal-md .list-group-item { - margin-right: -1px; - margin-bottom: 0; - } .list-group-horizontal-md .list-group-item:first-child { - border-top-left-radius: 0.25rem; border-bottom-left-radius: 0.25rem; border-top-right-radius: 0; } .list-group-horizontal-md .list-group-item:last-child { - margin-right: 0; border-top-right-radius: 0.25rem; - border-bottom-right-radius: 0.25rem; border-bottom-left-radius: 0; } + .list-group-horizontal-md .list-group-item.active { + margin-top: 0; + } + .list-group-horizontal-md .list-group-item + .list-group-item { + border-top-width: 1px; + border-left-width: 0; + } + .list-group-horizontal-md .list-group-item + .list-group-item.active { + margin-left: -1px; + border-left-width: 1px; + } } @media (min-width: 992px) { .list-group-horizontal-lg { flex-direction: row; } - .list-group-horizontal-lg .list-group-item { - margin-right: -1px; - margin-bottom: 0; - } .list-group-horizontal-lg .list-group-item:first-child { - border-top-left-radius: 0.25rem; border-bottom-left-radius: 0.25rem; border-top-right-radius: 0; } .list-group-horizontal-lg .list-group-item:last-child { - margin-right: 0; border-top-right-radius: 0.25rem; - border-bottom-right-radius: 0.25rem; border-bottom-left-radius: 0; } + .list-group-horizontal-lg .list-group-item.active { + margin-top: 0; + } + .list-group-horizontal-lg .list-group-item + .list-group-item { + border-top-width: 1px; + border-left-width: 0; + } + .list-group-horizontal-lg .list-group-item + .list-group-item.active { + margin-left: -1px; + border-left-width: 1px; + } } @media (min-width: 1200px) { .list-group-horizontal-xl { flex-direction: row; } - .list-group-horizontal-xl .list-group-item { - margin-right: -1px; - margin-bottom: 0; - } .list-group-horizontal-xl .list-group-item:first-child { - border-top-left-radius: 0.25rem; border-bottom-left-radius: 0.25rem; border-top-right-radius: 0; } .list-group-horizontal-xl .list-group-item:last-child { - margin-right: 0; border-top-right-radius: 0.25rem; - border-bottom-right-radius: 0.25rem; border-bottom-left-radius: 0; } + .list-group-horizontal-xl .list-group-item.active { + margin-top: 0; + } + .list-group-horizontal-xl .list-group-item + .list-group-item { + border-top-width: 1px; + border-left-width: 0; + } + .list-group-horizontal-xl .list-group-item + .list-group-item.active { + margin-left: -1px; + border-left-width: 1px; + } } .list-group-flush .list-group-item { - border-right: 0; - border-left: 0; + border-right-width: 0; + border-left-width: 0; border-radius: 0; } -.list-group-flush .list-group-item:last-child { - margin-bottom: -1px; -} - -.list-group-flush:first-child .list-group-item:first-child { - border-top: 0; +.list-group-flush .list-group-item:first-child { + border-top-width: 0; } .list-group-flush:last-child .list-group-item:last-child { - margin-bottom: 0; - border-bottom: 0; + border-bottom-width: 0; } .list-group-item-primary { @@ -5226,7 +4799,6 @@ input[type="button"].btn-block { } .close { - float: right; font-size: 1.5rem; font-weight: 700; line-height: 1; @@ -5331,10 +4903,7 @@ a.close.disabled { } .modal.fade .modal-dialog { - transition: -webkit-transform 0.3s ease-out; transition: transform 0.3s ease-out; - transition: transform 0.3s ease-out, -webkit-transform 0.3s ease-out; - -webkit-transform: translate(0, -50px); transform: translate(0, -50px); } @@ -5345,7 +4914,6 @@ a.close.disabled { } .modal.show .modal-dialog { - -webkit-transform: none; transform: none; } @@ -5431,8 +4999,8 @@ a.close.disabled { justify-content: space-between; padding: 1rem 1rem; border-bottom: 1px solid #dee2e6; - border-top-left-radius: 0.3rem; - border-top-right-radius: 0.3rem; + border-top-left-radius: calc(0.3rem - 1px); + border-top-right-radius: calc(0.3rem - 1px); } .modal-header .close { @@ -5457,8 +5025,8 @@ a.close.disabled { justify-content: flex-end; padding: 1rem; border-top: 1px solid #dee2e6; - border-bottom-right-radius: 0.3rem; - border-bottom-left-radius: 0.3rem; + border-bottom-right-radius: calc(0.3rem - 1px); + border-bottom-left-radius: calc(0.3rem - 1px); } .modal-footer > :not(:first-child) { @@ -5812,9 +5380,7 @@ a.close.disabled { margin-right: -100%; -webkit-backface-visibility: hidden; backface-visibility: hidden; - transition: -webkit-transform 0.6s ease-in-out; transition: transform 0.6s ease-in-out; - transition: transform 0.6s ease-in-out, -webkit-transform 0.6s ease-in-out; } @media (prefers-reduced-motion: reduce) { @@ -5831,20 +5397,17 @@ a.close.disabled { .carousel-item-next:not(.carousel-item-left), .active.carousel-item-right { - -webkit-transform: translateX(100%); transform: translateX(100%); } .carousel-item-prev:not(.carousel-item-right), .active.carousel-item-left { - -webkit-transform: translateX(-100%); transform: translateX(-100%); } .carousel-fade .carousel-item { opacity: 0; transition-property: opacity; - -webkit-transform: none; transform: none; } @@ -5980,14 +5543,12 @@ a.close.disabled { @-webkit-keyframes spinner-border { to { - -webkit-transform: rotate(360deg); transform: rotate(360deg); } } @keyframes spinner-border { to { - -webkit-transform: rotate(360deg); transform: rotate(360deg); } } @@ -6012,7 +5573,6 @@ a.close.disabled { @-webkit-keyframes spinner-grow { 0% { - -webkit-transform: scale(0); transform: scale(0); } 50% { @@ -6022,7 +5582,6 @@ a.close.disabled { @keyframes spinner-grow { 0% { - -webkit-transform: scale(0); transform: scale(0); } 50% { @@ -6047,455 +5606,356 @@ a.close.disabled { height: 1rem; } -.align-baseline { - vertical-align: baseline !important; +.clearfix::after { + display: block; + clear: both; + content: ""; } -.align-top { - vertical-align: top !important; +.embed-responsive { + position: relative; + width: 100%; } -.align-middle { - vertical-align: middle !important; +.embed-responsive::before { + display: block; + content: ""; } -.align-bottom { - vertical-align: bottom !important; +.embed-responsive .embed-responsive-item, +.embed-responsive iframe, +.embed-responsive embed, +.embed-responsive object, +.embed-responsive video { + position: absolute; + top: 0; + left: 0; + width: 100%; + height: 100%; + border: 0; } -.align-text-bottom { - vertical-align: text-bottom !important; +.embed-responsive-21by9::before { + padding-top: 42.857143%; } -.align-text-top { - vertical-align: text-top !important; +.embed-responsive-16by9::before { + padding-top: 56.25%; } -.bg-primary { - background-color: #007bff !important; +.embed-responsive-4by3::before { + padding-top: 75%; } -.bg-secondary { - background-color: #6c757d !important; +.embed-responsive-1by1::before { + padding-top: 100%; } -.bg-success { - background-color: #28a745 !important; +.fixed-top { + position: fixed; + top: 0; + right: 0; + left: 0; + z-index: 1030; } -.bg-info { - background-color: #17a2b8 !important; +.fixed-bottom { + position: fixed; + right: 0; + bottom: 0; + left: 0; + z-index: 1030; } -.bg-warning { - background-color: #ffc107 !important; +@supports ((position: -webkit-sticky) or (position: sticky)) { + .sticky-top { + position: -webkit-sticky; + position: sticky; + top: 0; + z-index: 1020; + } } -.bg-danger { - background-color: #dc3545 !important; +.sr-only, +.sr-only-focusable:not(:focus) { + position: absolute !important; + width: 1px !important; + height: 1px !important; + padding: 0 !important; + margin: -1px !important; + overflow: hidden !important; + clip: rect(0, 0, 0, 0) !important; + white-space: nowrap !important; + border: 0 !important; } -.bg-light { - background-color: #f8f9fa !important; +.stretched-link::after { + position: absolute; + top: 0; + right: 0; + bottom: 0; + left: 0; + z-index: 1; + content: ""; } -.bg-dark { - background-color: #343a40 !important; +.text-truncate { + overflow: hidden; + text-overflow: ellipsis; + white-space: nowrap; } -.bg-white { - background-color: #fff !important; +.align-baseline { + vertical-align: baseline !important; } -.bg-transparent { - background-color: transparent !important; +.align-top { + vertical-align: top !important; } -.border { - border: 1px solid #dee2e6 !important; +.align-middle { + vertical-align: middle !important; } -.border-top { - border-top: 1px solid #dee2e6 !important; +.align-bottom { + vertical-align: bottom !important; } -.border-right { - border-right: 1px solid #dee2e6 !important; +.align-text-bottom { + vertical-align: text-bottom !important; } -.border-bottom { - border-bottom: 1px solid #dee2e6 !important; +.align-text-top { + vertical-align: text-top !important; } -.border-left { - border-left: 1px solid #dee2e6 !important; +.float-left { + float: left !important; } -.border-0 { - border: 0 !important; +.float-right { + float: right !important; } -.border-top-0 { - border-top: 0 !important; +.float-none { + float: none !important; } -.border-right-0 { - border-right: 0 !important; +.overflow-auto { + overflow: auto !important; } -.border-bottom-0 { - border-bottom: 0 !important; +.overflow-hidden { + overflow: hidden !important; } -.border-left-0 { - border-left: 0 !important; +.d-none { + display: none !important; } -.border-primary { - border-color: #007bff !important; +.d-inline { + display: inline !important; } -.border-secondary { - border-color: #6c757d !important; +.d-inline-block { + display: inline-block !important; } -.border-success { - border-color: #28a745 !important; +.d-block { + display: block !important; } -.border-info { - border-color: #17a2b8 !important; +.d-table { + display: table !important; } -.border-warning { - border-color: #ffc107 !important; +.d-table-row { + display: table-row !important; } -.border-danger { - border-color: #dc3545 !important; +.d-table-cell { + display: table-cell !important; } -.border-light { - border-color: #f8f9fa !important; +.d-flex { + display: flex !important; } -.border-dark { - border-color: #343a40 !important; +.d-inline-flex { + display: inline-flex !important; } -.border-white { - border-color: #fff !important; +.shadow-sm { + box-shadow: 0 0.125rem 0.25rem rgba(0, 0, 0, 0.075) !important; } -.rounded-sm { - border-radius: 0.2rem !important; +.shadow { + box-shadow: 0 0.5rem 1rem rgba(0, 0, 0, 0.15) !important; } -.rounded { - border-radius: 0.25rem !important; +.shadow-lg { + box-shadow: 0 1rem 3rem rgba(0, 0, 0, 0.175) !important; } -.rounded-top { - border-top-left-radius: 0.25rem !important; - border-top-right-radius: 0.25rem !important; +.shadow-none { + box-shadow: none !important; } -.rounded-right { - border-top-right-radius: 0.25rem !important; - border-bottom-right-radius: 0.25rem !important; +.position-static { + position: static !important; } -.rounded-bottom { - border-bottom-right-radius: 0.25rem !important; - border-bottom-left-radius: 0.25rem !important; +.position-relative { + position: relative !important; } -.rounded-left { - border-top-left-radius: 0.25rem !important; - border-bottom-left-radius: 0.25rem !important; +.position-absolute { + position: absolute !important; } -.rounded-lg { - border-radius: 0.3rem !important; +.position-fixed { + position: fixed !important; } -.rounded-circle { - border-radius: 50% !important; +.position-sticky { + position: -webkit-sticky !important; + position: sticky !important; } -.rounded-pill { - border-radius: 50rem !important; +.border { + border: 1px solid #dee2e6 !important; } -.rounded-0 { - border-radius: 0 !important; +.border-0 { + border: 0 !important; } -.clearfix::after { - display: block; - clear: both; - content: ""; +.border-top { + border-top: 1px solid #dee2e6 !important; } -.d-none { - display: none !important; +.border-top-0 { + border-top: 0 !important; } -.d-inline { - display: inline !important; +.border-right { + border-right: 1px solid #dee2e6 !important; } -.d-inline-block { - display: inline-block !important; +.border-right-0 { + border-right: 0 !important; } -.d-block { - display: block !important; +.border-bottom { + border-bottom: 1px solid #dee2e6 !important; } -.d-table { - display: table !important; +.border-bottom-0 { + border-bottom: 0 !important; } -.d-table-row { - display: table-row !important; +.border-left { + border-left: 1px solid #dee2e6 !important; } -.d-table-cell { - display: table-cell !important; +.border-left-0 { + border-left: 0 !important; } -.d-flex { - display: flex !important; +.border-primary { + border-color: #007bff !important; } -.d-inline-flex { - display: inline-flex !important; +.border-secondary { + border-color: #6c757d !important; } -@media (min-width: 576px) { - .d-sm-none { - display: none !important; - } - .d-sm-inline { - display: inline !important; - } - .d-sm-inline-block { - display: inline-block !important; - } - .d-sm-block { - display: block !important; - } - .d-sm-table { - display: table !important; - } - .d-sm-table-row { - display: table-row !important; - } - .d-sm-table-cell { - display: table-cell !important; - } - .d-sm-flex { - display: flex !important; - } - .d-sm-inline-flex { - display: inline-flex !important; - } +.border-success { + border-color: #28a745 !important; } -@media (min-width: 768px) { - .d-md-none { - display: none !important; - } - .d-md-inline { - display: inline !important; - } - .d-md-inline-block { - display: inline-block !important; - } - .d-md-block { - display: block !important; - } - .d-md-table { - display: table !important; - } - .d-md-table-row { - display: table-row !important; - } - .d-md-table-cell { - display: table-cell !important; - } - .d-md-flex { - display: flex !important; - } - .d-md-inline-flex { - display: inline-flex !important; - } +.border-info { + border-color: #17a2b8 !important; } -@media (min-width: 992px) { - .d-lg-none { - display: none !important; - } - .d-lg-inline { - display: inline !important; - } - .d-lg-inline-block { - display: inline-block !important; - } - .d-lg-block { - display: block !important; - } - .d-lg-table { - display: table !important; - } - .d-lg-table-row { - display: table-row !important; - } - .d-lg-table-cell { - display: table-cell !important; - } - .d-lg-flex { - display: flex !important; - } - .d-lg-inline-flex { - display: inline-flex !important; - } +.border-warning { + border-color: #ffc107 !important; } -@media (min-width: 1200px) { - .d-xl-none { - display: none !important; - } - .d-xl-inline { - display: inline !important; - } - .d-xl-inline-block { - display: inline-block !important; - } - .d-xl-block { - display: block !important; - } - .d-xl-table { - display: table !important; - } - .d-xl-table-row { - display: table-row !important; - } - .d-xl-table-cell { - display: table-cell !important; - } - .d-xl-flex { - display: flex !important; - } - .d-xl-inline-flex { - display: inline-flex !important; - } +.border-danger { + border-color: #dc3545 !important; } -@media print { - .d-print-none { - display: none !important; - } - .d-print-inline { - display: inline !important; - } - .d-print-inline-block { - display: inline-block !important; - } - .d-print-block { - display: block !important; - } - .d-print-table { - display: table !important; - } - .d-print-table-row { - display: table-row !important; - } - .d-print-table-cell { - display: table-cell !important; - } - .d-print-flex { - display: flex !important; - } - .d-print-inline-flex { - display: inline-flex !important; - } +.border-light { + border-color: #f8f9fa !important; } -.embed-responsive { - position: relative; - display: block; - width: 100%; - padding: 0; - overflow: hidden; +.border-dark { + border-color: #343a40 !important; } -.embed-responsive::before { - display: block; - content: ""; +.border-white { + border-color: #fff !important; } -.embed-responsive .embed-responsive-item, -.embed-responsive iframe, -.embed-responsive embed, -.embed-responsive object, -.embed-responsive video { - position: absolute; - top: 0; - bottom: 0; - left: 0; - width: 100%; - height: 100%; - border: 0; +.w-25 { + width: 25% !important; } -.embed-responsive-21by9::before { - padding-top: 42.857143%; +.w-50 { + width: 50% !important; } -.embed-responsive-16by9::before { - padding-top: 56.25%; +.w-75 { + width: 75% !important; } -.embed-responsive-4by3::before { - padding-top: 75%; +.w-100 { + width: 100% !important; } -.embed-responsive-1by1::before { - padding-top: 100%; +.w-auto { + width: auto !important; } -.flex-row { - flex-direction: row !important; +.h-25 { + height: 25% !important; } -.flex-column { - flex-direction: column !important; +.h-50 { + height: 50% !important; } -.flex-row-reverse { - flex-direction: row-reverse !important; +.h-75 { + height: 75% !important; } -.flex-column-reverse { - flex-direction: column-reverse !important; +.h-100 { + height: 100% !important; } -.flex-wrap { - flex-wrap: wrap !important; +.h-auto { + height: auto !important; } -.flex-nowrap { - flex-wrap: nowrap !important; +.flex-fill { + flex: 1 1 auto !important; } -.flex-wrap-reverse { - flex-wrap: wrap-reverse !important; +.flex-row { + flex-direction: row !important; } -.flex-fill { - flex: 1 1 auto !important; +.flex-column { + flex-direction: column !important; +} + +.flex-row-reverse { + flex-direction: row-reverse !important; +} + +.flex-column-reverse { + flex-direction: column-reverse !important; } .flex-grow-0 { @@ -6514,6 +5974,18 @@ a.close.disabled { flex-shrink: 1 !important; } +.flex-wrap { + flex-wrap: wrap !important; +} + +.flex-nowrap { + flex-wrap: nowrap !important; +} + +.flex-wrap-reverse { + flex-wrap: wrap-reverse !important; +} + .justify-content-start { justify-content: flex-start !important; } @@ -6602,2584 +6074,3175 @@ a.close.disabled { align-self: stretch !important; } -@media (min-width: 576px) { - .flex-sm-row { - flex-direction: row !important; - } - .flex-sm-column { - flex-direction: column !important; - } - .flex-sm-row-reverse { - flex-direction: row-reverse !important; - } - .flex-sm-column-reverse { - flex-direction: column-reverse !important; - } - .flex-sm-wrap { - flex-wrap: wrap !important; - } - .flex-sm-nowrap { - flex-wrap: nowrap !important; - } - .flex-sm-wrap-reverse { - flex-wrap: wrap-reverse !important; - } - .flex-sm-fill { - flex: 1 1 auto !important; - } - .flex-sm-grow-0 { - flex-grow: 0 !important; - } - .flex-sm-grow-1 { - flex-grow: 1 !important; - } - .flex-sm-shrink-0 { - flex-shrink: 0 !important; - } - .flex-sm-shrink-1 { - flex-shrink: 1 !important; - } - .justify-content-sm-start { - justify-content: flex-start !important; - } - .justify-content-sm-end { - justify-content: flex-end !important; - } - .justify-content-sm-center { - justify-content: center !important; - } - .justify-content-sm-between { - justify-content: space-between !important; - } - .justify-content-sm-around { - justify-content: space-around !important; - } - .align-items-sm-start { - align-items: flex-start !important; - } - .align-items-sm-end { - align-items: flex-end !important; - } - .align-items-sm-center { - align-items: center !important; - } - .align-items-sm-baseline { - align-items: baseline !important; - } - .align-items-sm-stretch { - align-items: stretch !important; - } - .align-content-sm-start { - align-content: flex-start !important; - } - .align-content-sm-end { - align-content: flex-end !important; - } - .align-content-sm-center { - align-content: center !important; - } - .align-content-sm-between { - align-content: space-between !important; - } - .align-content-sm-around { - align-content: space-around !important; - } - .align-content-sm-stretch { - align-content: stretch !important; - } - .align-self-sm-auto { - align-self: auto !important; - } - .align-self-sm-start { - align-self: flex-start !important; - } - .align-self-sm-end { - align-self: flex-end !important; - } - .align-self-sm-center { - align-self: center !important; - } - .align-self-sm-baseline { - align-self: baseline !important; - } - .align-self-sm-stretch { - align-self: stretch !important; - } +.order-first { + order: -1 !important; } -@media (min-width: 768px) { - .flex-md-row { - flex-direction: row !important; - } - .flex-md-column { - flex-direction: column !important; - } - .flex-md-row-reverse { - flex-direction: row-reverse !important; - } - .flex-md-column-reverse { - flex-direction: column-reverse !important; - } - .flex-md-wrap { - flex-wrap: wrap !important; - } - .flex-md-nowrap { - flex-wrap: nowrap !important; - } - .flex-md-wrap-reverse { - flex-wrap: wrap-reverse !important; - } - .flex-md-fill { - flex: 1 1 auto !important; - } - .flex-md-grow-0 { - flex-grow: 0 !important; - } - .flex-md-grow-1 { - flex-grow: 1 !important; - } - .flex-md-shrink-0 { - flex-shrink: 0 !important; - } - .flex-md-shrink-1 { - flex-shrink: 1 !important; - } - .justify-content-md-start { - justify-content: flex-start !important; - } - .justify-content-md-end { - justify-content: flex-end !important; - } - .justify-content-md-center { - justify-content: center !important; - } - .justify-content-md-between { - justify-content: space-between !important; - } - .justify-content-md-around { - justify-content: space-around !important; - } - .align-items-md-start { - align-items: flex-start !important; - } - .align-items-md-end { - align-items: flex-end !important; - } - .align-items-md-center { - align-items: center !important; - } - .align-items-md-baseline { - align-items: baseline !important; - } - .align-items-md-stretch { - align-items: stretch !important; - } - .align-content-md-start { - align-content: flex-start !important; - } - .align-content-md-end { - align-content: flex-end !important; - } - .align-content-md-center { - align-content: center !important; - } - .align-content-md-between { - align-content: space-between !important; - } - .align-content-md-around { - align-content: space-around !important; - } - .align-content-md-stretch { - align-content: stretch !important; - } - .align-self-md-auto { - align-self: auto !important; - } - .align-self-md-start { - align-self: flex-start !important; - } - .align-self-md-end { - align-self: flex-end !important; - } - .align-self-md-center { - align-self: center !important; - } - .align-self-md-baseline { - align-self: baseline !important; - } - .align-self-md-stretch { - align-self: stretch !important; - } +.order-0 { + order: 0 !important; } -@media (min-width: 992px) { - .flex-lg-row { - flex-direction: row !important; - } - .flex-lg-column { - flex-direction: column !important; - } - .flex-lg-row-reverse { - flex-direction: row-reverse !important; - } - .flex-lg-column-reverse { - flex-direction: column-reverse !important; - } - .flex-lg-wrap { - flex-wrap: wrap !important; - } - .flex-lg-nowrap { - flex-wrap: nowrap !important; - } - .flex-lg-wrap-reverse { - flex-wrap: wrap-reverse !important; - } - .flex-lg-fill { - flex: 1 1 auto !important; - } - .flex-lg-grow-0 { - flex-grow: 0 !important; - } - .flex-lg-grow-1 { - flex-grow: 1 !important; - } - .flex-lg-shrink-0 { - flex-shrink: 0 !important; - } - .flex-lg-shrink-1 { - flex-shrink: 1 !important; - } - .justify-content-lg-start { - justify-content: flex-start !important; - } - .justify-content-lg-end { - justify-content: flex-end !important; - } - .justify-content-lg-center { - justify-content: center !important; - } - .justify-content-lg-between { - justify-content: space-between !important; - } - .justify-content-lg-around { - justify-content: space-around !important; - } - .align-items-lg-start { - align-items: flex-start !important; - } - .align-items-lg-end { - align-items: flex-end !important; - } - .align-items-lg-center { - align-items: center !important; - } - .align-items-lg-baseline { - align-items: baseline !important; - } - .align-items-lg-stretch { - align-items: stretch !important; - } - .align-content-lg-start { - align-content: flex-start !important; - } - .align-content-lg-end { - align-content: flex-end !important; - } - .align-content-lg-center { - align-content: center !important; - } - .align-content-lg-between { - align-content: space-between !important; - } - .align-content-lg-around { - align-content: space-around !important; - } - .align-content-lg-stretch { - align-content: stretch !important; - } - .align-self-lg-auto { - align-self: auto !important; - } - .align-self-lg-start { - align-self: flex-start !important; - } - .align-self-lg-end { - align-self: flex-end !important; - } - .align-self-lg-center { - align-self: center !important; - } - .align-self-lg-baseline { - align-self: baseline !important; - } - .align-self-lg-stretch { - align-self: stretch !important; - } +.order-1 { + order: 1 !important; } -@media (min-width: 1200px) { - .flex-xl-row { - flex-direction: row !important; - } - .flex-xl-column { - flex-direction: column !important; - } - .flex-xl-row-reverse { - flex-direction: row-reverse !important; - } - .flex-xl-column-reverse { - flex-direction: column-reverse !important; - } - .flex-xl-wrap { - flex-wrap: wrap !important; - } - .flex-xl-nowrap { - flex-wrap: nowrap !important; - } - .flex-xl-wrap-reverse { - flex-wrap: wrap-reverse !important; - } - .flex-xl-fill { - flex: 1 1 auto !important; - } - .flex-xl-grow-0 { - flex-grow: 0 !important; - } - .flex-xl-grow-1 { - flex-grow: 1 !important; - } - .flex-xl-shrink-0 { - flex-shrink: 0 !important; - } - .flex-xl-shrink-1 { - flex-shrink: 1 !important; - } - .justify-content-xl-start { - justify-content: flex-start !important; - } - .justify-content-xl-end { - justify-content: flex-end !important; - } - .justify-content-xl-center { - justify-content: center !important; - } - .justify-content-xl-between { - justify-content: space-between !important; - } - .justify-content-xl-around { - justify-content: space-around !important; - } - .align-items-xl-start { - align-items: flex-start !important; - } - .align-items-xl-end { - align-items: flex-end !important; - } - .align-items-xl-center { - align-items: center !important; - } - .align-items-xl-baseline { - align-items: baseline !important; - } - .align-items-xl-stretch { - align-items: stretch !important; - } - .align-content-xl-start { - align-content: flex-start !important; - } - .align-content-xl-end { - align-content: flex-end !important; - } - .align-content-xl-center { - align-content: center !important; - } - .align-content-xl-between { - align-content: space-between !important; - } - .align-content-xl-around { - align-content: space-around !important; - } - .align-content-xl-stretch { - align-content: stretch !important; - } - .align-self-xl-auto { - align-self: auto !important; - } - .align-self-xl-start { - align-self: flex-start !important; - } - .align-self-xl-end { - align-self: flex-end !important; - } - .align-self-xl-center { - align-self: center !important; - } - .align-self-xl-baseline { - align-self: baseline !important; - } - .align-self-xl-stretch { - align-self: stretch !important; - } +.order-2 { + order: 2 !important; } -.float-left { - float: left !important; +.order-3 { + order: 3 !important; } -.float-right { - float: right !important; +.order-4 { + order: 4 !important; } -.float-none { - float: none !important; +.order-5 { + order: 5 !important; } -@media (min-width: 576px) { - .float-sm-left { - float: left !important; - } - .float-sm-right { - float: right !important; - } - .float-sm-none { - float: none !important; - } +.order-last { + order: 6 !important; } -@media (min-width: 768px) { - .float-md-left { - float: left !important; - } - .float-md-right { - float: right !important; - } - .float-md-none { - float: none !important; - } +.m-0 { + margin: 0 !important; } -@media (min-width: 992px) { - .float-lg-left { - float: left !important; - } - .float-lg-right { - float: right !important; - } - .float-lg-none { - float: none !important; - } +.m-1 { + margin: 0.25rem !important; } -@media (min-width: 1200px) { - .float-xl-left { - float: left !important; - } - .float-xl-right { - float: right !important; - } - .float-xl-none { - float: none !important; - } +.m-2 { + margin: 0.5rem !important; } -.overflow-auto { - overflow: auto !important; +.m-3 { + margin: 1rem !important; } -.overflow-hidden { - overflow: hidden !important; +.m-4 { + margin: 1.5rem !important; } -.position-static { - position: static !important; +.m-5 { + margin: 3rem !important; } -.position-relative { - position: relative !important; +.m-auto { + margin: auto !important; } -.position-absolute { - position: absolute !important; +.mx-0 { + margin-right: 0 !important; + margin-left: 0 !important; } -.position-fixed { - position: fixed !important; +.mx-1 { + margin-right: 0.25rem !important; + margin-left: 0.25rem !important; } -.position-sticky { - position: -webkit-sticky !important; - position: sticky !important; +.mx-2 { + margin-right: 0.5rem !important; + margin-left: 0.5rem !important; } -.fixed-top { - position: fixed; - top: 0; - right: 0; - left: 0; - z-index: 1030; +.mx-3 { + margin-right: 1rem !important; + margin-left: 1rem !important; } -.fixed-bottom { - position: fixed; - right: 0; - bottom: 0; - left: 0; - z-index: 1030; +.mx-4 { + margin-right: 1.5rem !important; + margin-left: 1.5rem !important; } -@supports ((position: -webkit-sticky) or (position: sticky)) { - .sticky-top { - position: -webkit-sticky; - position: sticky; - top: 0; - z-index: 1020; - } +.mx-5 { + margin-right: 3rem !important; + margin-left: 3rem !important; } -.sr-only { - position: absolute; - width: 1px; - height: 1px; - padding: 0; - overflow: hidden; - clip: rect(0, 0, 0, 0); - white-space: nowrap; - border: 0; +.mx-auto { + margin-right: auto !important; + margin-left: auto !important; } -.sr-only-focusable:active, .sr-only-focusable:focus { - position: static; - width: auto; - height: auto; - overflow: visible; - clip: auto; - white-space: normal; +.my-0 { + margin-top: 0 !important; + margin-bottom: 0 !important; } -.shadow-sm { - box-shadow: 0 0.125rem 0.25rem rgba(0, 0, 0, 0.075) !important; +.my-1 { + margin-top: 0.25rem !important; + margin-bottom: 0.25rem !important; } -.shadow { - box-shadow: 0 0.5rem 1rem rgba(0, 0, 0, 0.15) !important; +.my-2 { + margin-top: 0.5rem !important; + margin-bottom: 0.5rem !important; } -.shadow-lg { - box-shadow: 0 1rem 3rem rgba(0, 0, 0, 0.175) !important; +.my-3 { + margin-top: 1rem !important; + margin-bottom: 1rem !important; } -.shadow-none { - box-shadow: none !important; +.my-4 { + margin-top: 1.5rem !important; + margin-bottom: 1.5rem !important; } -.w-25 { - width: 25% !important; +.my-5 { + margin-top: 3rem !important; + margin-bottom: 3rem !important; } -.w-50 { - width: 50% !important; +.my-auto { + margin-top: auto !important; + margin-bottom: auto !important; } -.w-75 { - width: 75% !important; +.mt-0 { + margin-top: 0 !important; } -.w-100 { - width: 100% !important; +.mt-1 { + margin-top: 0.25rem !important; } -.w-auto { - width: auto !important; +.mt-2 { + margin-top: 0.5rem !important; } -.h-25 { - height: 25% !important; +.mt-3 { + margin-top: 1rem !important; } -.h-50 { - height: 50% !important; +.mt-4 { + margin-top: 1.5rem !important; } -.h-75 { - height: 75% !important; +.mt-5 { + margin-top: 3rem !important; } -.h-100 { - height: 100% !important; +.mt-auto { + margin-top: auto !important; } -.h-auto { - height: auto !important; +.mr-0 { + margin-right: 0 !important; } -.mw-100 { - max-width: 100% !important; +.mr-1 { + margin-right: 0.25rem !important; } -.mh-100 { - max-height: 100% !important; +.mr-2 { + margin-right: 0.5rem !important; } -.min-vw-100 { - min-width: 100vw !important; +.mr-3 { + margin-right: 1rem !important; } -.min-vh-100 { - min-height: 100vh !important; +.mr-4 { + margin-right: 1.5rem !important; } -.vw-100 { - width: 100vw !important; +.mr-5 { + margin-right: 3rem !important; } -.vh-100 { - height: 100vh !important; +.mr-auto { + margin-right: auto !important; } -.stretched-link::after { - position: absolute; - top: 0; - right: 0; - bottom: 0; - left: 0; - z-index: 1; - pointer-events: auto; - content: ""; - background-color: rgba(0, 0, 0, 0); +.mb-0 { + margin-bottom: 0 !important; } -.m-0 { - margin: 0 !important; +.mb-1 { + margin-bottom: 0.25rem !important; } -.mt-0, -.my-0 { - margin-top: 0 !important; +.mb-2 { + margin-bottom: 0.5rem !important; } -.mr-0, -.mx-0 { - margin-right: 0 !important; +.mb-3 { + margin-bottom: 1rem !important; } -.mb-0, -.my-0 { - margin-bottom: 0 !important; +.mb-4 { + margin-bottom: 1.5rem !important; } -.ml-0, -.mx-0 { - margin-left: 0 !important; +.mb-5 { + margin-bottom: 3rem !important; } -.m-1 { - margin: 0.25rem !important; +.mb-auto { + margin-bottom: auto !important; } -.mt-1, -.my-1 { - margin-top: 0.25rem !important; +.ml-0 { + margin-left: 0 !important; } -.mr-1, -.mx-1 { - margin-right: 0.25rem !important; +.ml-1 { + margin-left: 0.25rem !important; } -.mb-1, -.my-1 { - margin-bottom: 0.25rem !important; +.ml-2 { + margin-left: 0.5rem !important; } -.ml-1, -.mx-1 { - margin-left: 0.25rem !important; +.ml-3 { + margin-left: 1rem !important; } -.m-2 { - margin: 0.5rem !important; +.ml-4 { + margin-left: 1.5rem !important; } -.mt-2, -.my-2 { - margin-top: 0.5rem !important; +.ml-5 { + margin-left: 3rem !important; } -.mr-2, -.mx-2 { - margin-right: 0.5rem !important; +.ml-auto { + margin-left: auto !important; } -.mb-2, -.my-2 { - margin-bottom: 0.5rem !important; +.m-n1 { + margin: -0.25rem !important; } -.ml-2, -.mx-2 { - margin-left: 0.5rem !important; +.m-n2 { + margin: -0.5rem !important; } -.m-3 { - margin: 1rem !important; +.m-n3 { + margin: -1rem !important; } -.mt-3, -.my-3 { - margin-top: 1rem !important; +.m-n4 { + margin: -1.5rem !important; } -.mr-3, -.mx-3 { - margin-right: 1rem !important; +.m-n5 { + margin: -3rem !important; } -.mb-3, -.my-3 { - margin-bottom: 1rem !important; +.mx-n1 { + margin-right: -0.25rem !important; + margin-left: -0.25rem !important; } -.ml-3, -.mx-3 { - margin-left: 1rem !important; +.mx-n2 { + margin-right: -0.5rem !important; + margin-left: -0.5rem !important; } -.m-4 { - margin: 1.5rem !important; +.mx-n3 { + margin-right: -1rem !important; + margin-left: -1rem !important; } -.mt-4, -.my-4 { - margin-top: 1.5rem !important; +.mx-n4 { + margin-right: -1.5rem !important; + margin-left: -1.5rem !important; } -.mr-4, -.mx-4 { - margin-right: 1.5rem !important; +.mx-n5 { + margin-right: -3rem !important; + margin-left: -3rem !important; } -.mb-4, -.my-4 { - margin-bottom: 1.5rem !important; +.my-n1 { + margin-top: -0.25rem !important; + margin-bottom: -0.25rem !important; } -.ml-4, -.mx-4 { - margin-left: 1.5rem !important; +.my-n2 { + margin-top: -0.5rem !important; + margin-bottom: -0.5rem !important; } -.m-5 { - margin: 3rem !important; +.my-n3 { + margin-top: -1rem !important; + margin-bottom: -1rem !important; } -.mt-5, -.my-5 { - margin-top: 3rem !important; +.my-n4 { + margin-top: -1.5rem !important; + margin-bottom: -1.5rem !important; } -.mr-5, -.mx-5 { - margin-right: 3rem !important; +.my-n5 { + margin-top: -3rem !important; + margin-bottom: -3rem !important; } -.mb-5, -.my-5 { - margin-bottom: 3rem !important; +.mt-n1 { + margin-top: -0.25rem !important; } -.ml-5, -.mx-5 { - margin-left: 3rem !important; +.mt-n2 { + margin-top: -0.5rem !important; } -.p-0 { - padding: 0 !important; +.mt-n3 { + margin-top: -1rem !important; } -.pt-0, -.py-0 { - padding-top: 0 !important; +.mt-n4 { + margin-top: -1.5rem !important; } -.pr-0, -.px-0 { - padding-right: 0 !important; +.mt-n5 { + margin-top: -3rem !important; } -.pb-0, -.py-0 { - padding-bottom: 0 !important; +.mr-n1 { + margin-right: -0.25rem !important; } -.pl-0, -.px-0 { - padding-left: 0 !important; +.mr-n2 { + margin-right: -0.5rem !important; } -.p-1 { - padding: 0.25rem !important; +.mr-n3 { + margin-right: -1rem !important; } -.pt-1, -.py-1 { - padding-top: 0.25rem !important; +.mr-n4 { + margin-right: -1.5rem !important; } -.pr-1, -.px-1 { - padding-right: 0.25rem !important; +.mr-n5 { + margin-right: -3rem !important; } -.pb-1, -.py-1 { - padding-bottom: 0.25rem !important; +.mb-n1 { + margin-bottom: -0.25rem !important; } -.pl-1, -.px-1 { - padding-left: 0.25rem !important; +.mb-n2 { + margin-bottom: -0.5rem !important; } -.p-2 { - padding: 0.5rem !important; +.mb-n3 { + margin-bottom: -1rem !important; } -.pt-2, -.py-2 { - padding-top: 0.5rem !important; +.mb-n4 { + margin-bottom: -1.5rem !important; } -.pr-2, -.px-2 { - padding-right: 0.5rem !important; +.mb-n5 { + margin-bottom: -3rem !important; } -.pb-2, -.py-2 { - padding-bottom: 0.5rem !important; +.ml-n1 { + margin-left: -0.25rem !important; } -.pl-2, -.px-2 { - padding-left: 0.5rem !important; +.ml-n2 { + margin-left: -0.5rem !important; } -.p-3 { - padding: 1rem !important; +.ml-n3 { + margin-left: -1rem !important; } -.pt-3, -.py-3 { - padding-top: 1rem !important; +.ml-n4 { + margin-left: -1.5rem !important; } -.pr-3, -.px-3 { - padding-right: 1rem !important; +.ml-n5 { + margin-left: -3rem !important; } -.pb-3, -.py-3 { - padding-bottom: 1rem !important; +.p-0 { + padding: 0 !important; } -.pl-3, -.px-3 { - padding-left: 1rem !important; +.p-1 { + padding: 0.25rem !important; +} + +.p-2 { + padding: 0.5rem !important; +} + +.p-3 { + padding: 1rem !important; } .p-4 { padding: 1.5rem !important; } -.pt-4, -.py-4 { - padding-top: 1.5rem !important; +.p-5 { + padding: 3rem !important; } -.pr-4, -.px-4 { - padding-right: 1.5rem !important; +.px-0 { + padding-right: 0 !important; + padding-left: 0 !important; } -.pb-4, -.py-4 { - padding-bottom: 1.5rem !important; +.px-1 { + padding-right: 0.25rem !important; + padding-left: 0.25rem !important; } -.pl-4, -.px-4 { - padding-left: 1.5rem !important; +.px-2 { + padding-right: 0.5rem !important; + padding-left: 0.5rem !important; } -.p-5 { - padding: 3rem !important; +.px-3 { + padding-right: 1rem !important; + padding-left: 1rem !important; } -.pt-5, -.py-5 { - padding-top: 3rem !important; +.px-4 { + padding-right: 1.5rem !important; + padding-left: 1.5rem !important; } -.pr-5, .px-5 { padding-right: 3rem !important; + padding-left: 3rem !important; } -.pb-5, -.py-5 { - padding-bottom: 3rem !important; +.py-0 { + padding-top: 0 !important; + padding-bottom: 0 !important; } -.pl-5, -.px-5 { - padding-left: 3rem !important; +.py-1 { + padding-top: 0.25rem !important; + padding-bottom: 0.25rem !important; } -.m-n1 { - margin: -0.25rem !important; +.py-2 { + padding-top: 0.5rem !important; + padding-bottom: 0.5rem !important; } -.mt-n1, -.my-n1 { - margin-top: -0.25rem !important; +.py-3 { + padding-top: 1rem !important; + padding-bottom: 1rem !important; } -.mr-n1, -.mx-n1 { - margin-right: -0.25rem !important; +.py-4 { + padding-top: 1.5rem !important; + padding-bottom: 1.5rem !important; } -.mb-n1, -.my-n1 { - margin-bottom: -0.25rem !important; +.py-5 { + padding-top: 3rem !important; + padding-bottom: 3rem !important; } -.ml-n1, -.mx-n1 { - margin-left: -0.25rem !important; +.pt-0 { + padding-top: 0 !important; } -.m-n2 { - margin: -0.5rem !important; +.pt-1 { + padding-top: 0.25rem !important; } -.mt-n2, -.my-n2 { - margin-top: -0.5rem !important; +.pt-2 { + padding-top: 0.5rem !important; } -.mr-n2, -.mx-n2 { - margin-right: -0.5rem !important; +.pt-3 { + padding-top: 1rem !important; } -.mb-n2, -.my-n2 { - margin-bottom: -0.5rem !important; +.pt-4 { + padding-top: 1.5rem !important; } -.ml-n2, -.mx-n2 { - margin-left: -0.5rem !important; +.pt-5 { + padding-top: 3rem !important; } -.m-n3 { - margin: -1rem !important; +.pr-0 { + padding-right: 0 !important; } -.mt-n3, -.my-n3 { - margin-top: -1rem !important; +.pr-1 { + padding-right: 0.25rem !important; } -.mr-n3, -.mx-n3 { - margin-right: -1rem !important; +.pr-2 { + padding-right: 0.5rem !important; } -.mb-n3, -.my-n3 { - margin-bottom: -1rem !important; +.pr-3 { + padding-right: 1rem !important; } -.ml-n3, -.mx-n3 { - margin-left: -1rem !important; +.pr-4 { + padding-right: 1.5rem !important; } -.m-n4 { - margin: -1.5rem !important; +.pr-5 { + padding-right: 3rem !important; } -.mt-n4, -.my-n4 { - margin-top: -1.5rem !important; +.pb-0 { + padding-bottom: 0 !important; } -.mr-n4, -.mx-n4 { - margin-right: -1.5rem !important; +.pb-1 { + padding-bottom: 0.25rem !important; } -.mb-n4, -.my-n4 { - margin-bottom: -1.5rem !important; +.pb-2 { + padding-bottom: 0.5rem !important; } -.ml-n4, -.mx-n4 { - margin-left: -1.5rem !important; +.pb-3 { + padding-bottom: 1rem !important; } -.m-n5 { - margin: -3rem !important; +.pb-4 { + padding-bottom: 1.5rem !important; } -.mt-n5, -.my-n5 { - margin-top: -3rem !important; +.pb-5 { + padding-bottom: 3rem !important; } -.mr-n5, -.mx-n5 { - margin-right: -3rem !important; +.pl-0 { + padding-left: 0 !important; } -.mb-n5, -.my-n5 { - margin-bottom: -3rem !important; +.pl-1 { + padding-left: 0.25rem !important; } -.ml-n5, -.mx-n5 { - margin-left: -3rem !important; +.pl-2 { + padding-left: 0.5rem !important; } -.m-auto { - margin: auto !important; +.pl-3 { + padding-left: 1rem !important; } -.mt-auto, -.my-auto { - margin-top: auto !important; +.pl-4 { + padding-left: 1.5rem !important; } -.mr-auto, -.mx-auto { - margin-right: auto !important; +.pl-5 { + padding-left: 3rem !important; } -.mb-auto, -.my-auto { - margin-bottom: auto !important; +.font-weight-light { + font-weight: 300 !important; } -.ml-auto, -.mx-auto { - margin-left: auto !important; +.font-weight-lighter { + font-weight: lighter !important; } -@media (min-width: 576px) { - .m-sm-0 { - margin: 0 !important; +.font-weight-normal { + font-weight: 400 !important; +} + +.font-weight-bold { + font-weight: 700 !important; +} + +.font-weight-bolder { + font-weight: bolder !important; +} + +.text-lowercase { + text-transform: lowercase !important; +} + +.text-uppercase { + text-transform: uppercase !important; +} + +.text-capitalize { + text-transform: capitalize !important; +} + +.text-left { + text-align: left !important; +} + +.text-right { + text-align: right !important; +} + +.text-center { + text-align: center !important; +} + +.text-justify { + text-align: justify !important; +} + +.text-white { + color: #fff !important; +} + +.text-body { + color: #212529 !important; +} + +.text-muted { + color: #6c757d !important; +} + +.text-black-50 { + color: rgba(0, 0, 0, 0.5) !important; +} + +.text-white-50 { + color: rgba(255, 255, 255, 0.5) !important; +} + +.text-reset { + color: inherit !important; +} + +.bg-primary { + background-color: #007bff !important; +} + +.bg-secondary { + background-color: #6c757d !important; +} + +.bg-success { + background-color: #28a745 !important; +} + +.bg-info { + background-color: #17a2b8 !important; +} + +.bg-warning { + background-color: #ffc107 !important; +} + +.bg-danger { + background-color: #dc3545 !important; +} + +.bg-light { + background-color: #f8f9fa !important; +} + +.bg-dark { + background-color: #343a40 !important; +} + +.bg-white { + background-color: #fff !important; +} + +.bg-transparent { + background-color: transparent !important; +} + +.text-wrap { + white-space: normal !important; +} + +.text-nowrap { + white-space: nowrap !important; +} + +.text-decoration-none { + text-decoration: none !important; +} + +.font-italic { + font-style: italic !important; +} + +.text-break { + overflow-wrap: break-word !important; + word-break: break-word !important; +} + +.font-monospace { + font-family: SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace !important; +} + +.rounded { + border-radius: 0.25rem !important; +} + +.rounded-sm { + border-radius: 0.2rem !important; +} + +.rounded-lg { + border-radius: 0.3rem !important; +} + +.rounded-circle { + border-radius: 50% !important; +} + +.rounded-pill { + border-radius: 50rem !important; +} + +.rounded-0 { + border-radius: 0 !important; +} + +.rounded-top { + border-top-left-radius: 0.25rem !important; + border-top-right-radius: 0.25rem !important; +} + +.rounded-right { + border-top-right-radius: 0.25rem !important; + border-bottom-right-radius: 0.25rem !important; +} + +.rounded-bottom { + border-bottom-right-radius: 0.25rem !important; + border-bottom-left-radius: 0.25rem !important; +} + +.rounded-left { + border-bottom-left-radius: 0.25rem !important; + border-top-left-radius: 0.25rem !important; +} + +@media (min-width: 576px) { + .float-sm-left { + float: left !important; + } + .float-sm-right { + float: right !important; + } + .float-sm-none { + float: none !important; + } + .d-sm-none { + display: none !important; + } + .d-sm-inline { + display: inline !important; + } + .d-sm-inline-block { + display: inline-block !important; + } + .d-sm-block { + display: block !important; + } + .d-sm-table { + display: table !important; + } + .d-sm-table-row { + display: table-row !important; + } + .d-sm-table-cell { + display: table-cell !important; + } + .d-sm-flex { + display: flex !important; + } + .d-sm-inline-flex { + display: inline-flex !important; + } + .flex-sm-fill { + flex: 1 1 auto !important; + } + .flex-sm-row { + flex-direction: row !important; + } + .flex-sm-column { + flex-direction: column !important; + } + .flex-sm-row-reverse { + flex-direction: row-reverse !important; + } + .flex-sm-column-reverse { + flex-direction: column-reverse !important; + } + .flex-sm-grow-0 { + flex-grow: 0 !important; + } + .flex-sm-grow-1 { + flex-grow: 1 !important; + } + .flex-sm-shrink-0 { + flex-shrink: 0 !important; + } + .flex-sm-shrink-1 { + flex-shrink: 1 !important; + } + .flex-sm-wrap { + flex-wrap: wrap !important; + } + .flex-sm-nowrap { + flex-wrap: nowrap !important; + } + .flex-sm-wrap-reverse { + flex-wrap: wrap-reverse !important; + } + .justify-content-sm-start { + justify-content: flex-start !important; + } + .justify-content-sm-end { + justify-content: flex-end !important; + } + .justify-content-sm-center { + justify-content: center !important; + } + .justify-content-sm-between { + justify-content: space-between !important; + } + .justify-content-sm-around { + justify-content: space-around !important; + } + .align-items-sm-start { + align-items: flex-start !important; + } + .align-items-sm-end { + align-items: flex-end !important; + } + .align-items-sm-center { + align-items: center !important; + } + .align-items-sm-baseline { + align-items: baseline !important; + } + .align-items-sm-stretch { + align-items: stretch !important; + } + .align-content-sm-start { + align-content: flex-start !important; + } + .align-content-sm-end { + align-content: flex-end !important; + } + .align-content-sm-center { + align-content: center !important; + } + .align-content-sm-between { + align-content: space-between !important; + } + .align-content-sm-around { + align-content: space-around !important; + } + .align-content-sm-stretch { + align-content: stretch !important; + } + .align-self-sm-auto { + align-self: auto !important; + } + .align-self-sm-start { + align-self: flex-start !important; + } + .align-self-sm-end { + align-self: flex-end !important; + } + .align-self-sm-center { + align-self: center !important; + } + .align-self-sm-baseline { + align-self: baseline !important; + } + .align-self-sm-stretch { + align-self: stretch !important; + } + .order-sm-first { + order: -1 !important; + } + .order-sm-0 { + order: 0 !important; + } + .order-sm-1 { + order: 1 !important; + } + .order-sm-2 { + order: 2 !important; + } + .order-sm-3 { + order: 3 !important; + } + .order-sm-4 { + order: 4 !important; + } + .order-sm-5 { + order: 5 !important; + } + .order-sm-last { + order: 6 !important; + } + .m-sm-0 { + margin: 0 !important; + } + .m-sm-1 { + margin: 0.25rem !important; + } + .m-sm-2 { + margin: 0.5rem !important; + } + .m-sm-3 { + margin: 1rem !important; + } + .m-sm-4 { + margin: 1.5rem !important; + } + .m-sm-5 { + margin: 3rem !important; + } + .m-sm-auto { + margin: auto !important; + } + .mx-sm-0 { + margin-right: 0 !important; + margin-left: 0 !important; + } + .mx-sm-1 { + margin-right: 0.25rem !important; + margin-left: 0.25rem !important; + } + .mx-sm-2 { + margin-right: 0.5rem !important; + margin-left: 0.5rem !important; + } + .mx-sm-3 { + margin-right: 1rem !important; + margin-left: 1rem !important; + } + .mx-sm-4 { + margin-right: 1.5rem !important; + margin-left: 1.5rem !important; + } + .mx-sm-5 { + margin-right: 3rem !important; + margin-left: 3rem !important; + } + .mx-sm-auto { + margin-right: auto !important; + margin-left: auto !important; + } + .my-sm-0 { + margin-top: 0 !important; + margin-bottom: 0 !important; + } + .my-sm-1 { + margin-top: 0.25rem !important; + margin-bottom: 0.25rem !important; + } + .my-sm-2 { + margin-top: 0.5rem !important; + margin-bottom: 0.5rem !important; + } + .my-sm-3 { + margin-top: 1rem !important; + margin-bottom: 1rem !important; + } + .my-sm-4 { + margin-top: 1.5rem !important; + margin-bottom: 1.5rem !important; + } + .my-sm-5 { + margin-top: 3rem !important; + margin-bottom: 3rem !important; + } + .my-sm-auto { + margin-top: auto !important; + margin-bottom: auto !important; + } + .mt-sm-0 { + margin-top: 0 !important; + } + .mt-sm-1 { + margin-top: 0.25rem !important; + } + .mt-sm-2 { + margin-top: 0.5rem !important; + } + .mt-sm-3 { + margin-top: 1rem !important; + } + .mt-sm-4 { + margin-top: 1.5rem !important; + } + .mt-sm-5 { + margin-top: 3rem !important; + } + .mt-sm-auto { + margin-top: auto !important; + } + .mr-sm-0 { + margin-right: 0 !important; + } + .mr-sm-1 { + margin-right: 0.25rem !important; + } + .mr-sm-2 { + margin-right: 0.5rem !important; + } + .mr-sm-3 { + margin-right: 1rem !important; + } + .mr-sm-4 { + margin-right: 1.5rem !important; + } + .mr-sm-5 { + margin-right: 3rem !important; + } + .mr-sm-auto { + margin-right: auto !important; + } + .mb-sm-0 { + margin-bottom: 0 !important; + } + .mb-sm-1 { + margin-bottom: 0.25rem !important; + } + .mb-sm-2 { + margin-bottom: 0.5rem !important; + } + .mb-sm-3 { + margin-bottom: 1rem !important; + } + .mb-sm-4 { + margin-bottom: 1.5rem !important; + } + .mb-sm-5 { + margin-bottom: 3rem !important; + } + .mb-sm-auto { + margin-bottom: auto !important; + } + .ml-sm-0 { + margin-left: 0 !important; + } + .ml-sm-1 { + margin-left: 0.25rem !important; + } + .ml-sm-2 { + margin-left: 0.5rem !important; + } + .ml-sm-3 { + margin-left: 1rem !important; + } + .ml-sm-4 { + margin-left: 1.5rem !important; + } + .ml-sm-5 { + margin-left: 3rem !important; + } + .ml-sm-auto { + margin-left: auto !important; + } + .m-sm-n1 { + margin: -0.25rem !important; + } + .m-sm-n2 { + margin: -0.5rem !important; + } + .m-sm-n3 { + margin: -1rem !important; + } + .m-sm-n4 { + margin: -1.5rem !important; + } + .m-sm-n5 { + margin: -3rem !important; + } + .mx-sm-n1 { + margin-right: -0.25rem !important; + margin-left: -0.25rem !important; + } + .mx-sm-n2 { + margin-right: -0.5rem !important; + margin-left: -0.5rem !important; + } + .mx-sm-n3 { + margin-right: -1rem !important; + margin-left: -1rem !important; + } + .mx-sm-n4 { + margin-right: -1.5rem !important; + margin-left: -1.5rem !important; + } + .mx-sm-n5 { + margin-right: -3rem !important; + margin-left: -3rem !important; + } + .my-sm-n1 { + margin-top: -0.25rem !important; + margin-bottom: -0.25rem !important; + } + .my-sm-n2 { + margin-top: -0.5rem !important; + margin-bottom: -0.5rem !important; + } + .my-sm-n3 { + margin-top: -1rem !important; + margin-bottom: -1rem !important; + } + .my-sm-n4 { + margin-top: -1.5rem !important; + margin-bottom: -1.5rem !important; + } + .my-sm-n5 { + margin-top: -3rem !important; + margin-bottom: -3rem !important; + } + .mt-sm-n1 { + margin-top: -0.25rem !important; + } + .mt-sm-n2 { + margin-top: -0.5rem !important; + } + .mt-sm-n3 { + margin-top: -1rem !important; + } + .mt-sm-n4 { + margin-top: -1.5rem !important; + } + .mt-sm-n5 { + margin-top: -3rem !important; + } + .mr-sm-n1 { + margin-right: -0.25rem !important; + } + .mr-sm-n2 { + margin-right: -0.5rem !important; + } + .mr-sm-n3 { + margin-right: -1rem !important; + } + .mr-sm-n4 { + margin-right: -1.5rem !important; + } + .mr-sm-n5 { + margin-right: -3rem !important; + } + .mb-sm-n1 { + margin-bottom: -0.25rem !important; + } + .mb-sm-n2 { + margin-bottom: -0.5rem !important; + } + .mb-sm-n3 { + margin-bottom: -1rem !important; + } + .mb-sm-n4 { + margin-bottom: -1.5rem !important; + } + .mb-sm-n5 { + margin-bottom: -3rem !important; + } + .ml-sm-n1 { + margin-left: -0.25rem !important; + } + .ml-sm-n2 { + margin-left: -0.5rem !important; + } + .ml-sm-n3 { + margin-left: -1rem !important; + } + .ml-sm-n4 { + margin-left: -1.5rem !important; + } + .ml-sm-n5 { + margin-left: -3rem !important; + } + .p-sm-0 { + padding: 0 !important; + } + .p-sm-1 { + padding: 0.25rem !important; + } + .p-sm-2 { + padding: 0.5rem !important; + } + .p-sm-3 { + padding: 1rem !important; + } + .p-sm-4 { + padding: 1.5rem !important; + } + .p-sm-5 { + padding: 3rem !important; + } + .px-sm-0 { + padding-right: 0 !important; + padding-left: 0 !important; + } + .px-sm-1 { + padding-right: 0.25rem !important; + padding-left: 0.25rem !important; + } + .px-sm-2 { + padding-right: 0.5rem !important; + padding-left: 0.5rem !important; + } + .px-sm-3 { + padding-right: 1rem !important; + padding-left: 1rem !important; + } + .px-sm-4 { + padding-right: 1.5rem !important; + padding-left: 1.5rem !important; + } + .px-sm-5 { + padding-right: 3rem !important; + padding-left: 3rem !important; + } + .py-sm-0 { + padding-top: 0 !important; + padding-bottom: 0 !important; + } + .py-sm-1 { + padding-top: 0.25rem !important; + padding-bottom: 0.25rem !important; + } + .py-sm-2 { + padding-top: 0.5rem !important; + padding-bottom: 0.5rem !important; + } + .py-sm-3 { + padding-top: 1rem !important; + padding-bottom: 1rem !important; + } + .py-sm-4 { + padding-top: 1.5rem !important; + padding-bottom: 1.5rem !important; + } + .py-sm-5 { + padding-top: 3rem !important; + padding-bottom: 3rem !important; + } + .pt-sm-0 { + padding-top: 0 !important; + } + .pt-sm-1 { + padding-top: 0.25rem !important; + } + .pt-sm-2 { + padding-top: 0.5rem !important; + } + .pt-sm-3 { + padding-top: 1rem !important; + } + .pt-sm-4 { + padding-top: 1.5rem !important; + } + .pt-sm-5 { + padding-top: 3rem !important; + } + .pr-sm-0 { + padding-right: 0 !important; + } + .pr-sm-1 { + padding-right: 0.25rem !important; + } + .pr-sm-2 { + padding-right: 0.5rem !important; + } + .pr-sm-3 { + padding-right: 1rem !important; + } + .pr-sm-4 { + padding-right: 1.5rem !important; + } + .pr-sm-5 { + padding-right: 3rem !important; + } + .pb-sm-0 { + padding-bottom: 0 !important; + } + .pb-sm-1 { + padding-bottom: 0.25rem !important; + } + .pb-sm-2 { + padding-bottom: 0.5rem !important; + } + .pb-sm-3 { + padding-bottom: 1rem !important; + } + .pb-sm-4 { + padding-bottom: 1.5rem !important; + } + .pb-sm-5 { + padding-bottom: 3rem !important; + } + .pl-sm-0 { + padding-left: 0 !important; + } + .pl-sm-1 { + padding-left: 0.25rem !important; + } + .pl-sm-2 { + padding-left: 0.5rem !important; + } + .pl-sm-3 { + padding-left: 1rem !important; + } + .pl-sm-4 { + padding-left: 1.5rem !important; + } + .pl-sm-5 { + padding-left: 3rem !important; + } + .text-sm-left { + text-align: left !important; + } + .text-sm-right { + text-align: right !important; + } + .text-sm-center { + text-align: center !important; + } + .text-sm-justify { + text-align: justify !important; + } +} + +@media (min-width: 768px) { + .float-md-left { + float: left !important; + } + .float-md-right { + float: right !important; + } + .float-md-none { + float: none !important; + } + .d-md-none { + display: none !important; + } + .d-md-inline { + display: inline !important; + } + .d-md-inline-block { + display: inline-block !important; + } + .d-md-block { + display: block !important; + } + .d-md-table { + display: table !important; + } + .d-md-table-row { + display: table-row !important; + } + .d-md-table-cell { + display: table-cell !important; + } + .d-md-flex { + display: flex !important; + } + .d-md-inline-flex { + display: inline-flex !important; + } + .flex-md-fill { + flex: 1 1 auto !important; + } + .flex-md-row { + flex-direction: row !important; + } + .flex-md-column { + flex-direction: column !important; + } + .flex-md-row-reverse { + flex-direction: row-reverse !important; + } + .flex-md-column-reverse { + flex-direction: column-reverse !important; + } + .flex-md-grow-0 { + flex-grow: 0 !important; + } + .flex-md-grow-1 { + flex-grow: 1 !important; + } + .flex-md-shrink-0 { + flex-shrink: 0 !important; + } + .flex-md-shrink-1 { + flex-shrink: 1 !important; + } + .flex-md-wrap { + flex-wrap: wrap !important; + } + .flex-md-nowrap { + flex-wrap: nowrap !important; + } + .flex-md-wrap-reverse { + flex-wrap: wrap-reverse !important; + } + .justify-content-md-start { + justify-content: flex-start !important; + } + .justify-content-md-end { + justify-content: flex-end !important; + } + .justify-content-md-center { + justify-content: center !important; + } + .justify-content-md-between { + justify-content: space-between !important; + } + .justify-content-md-around { + justify-content: space-around !important; + } + .align-items-md-start { + align-items: flex-start !important; + } + .align-items-md-end { + align-items: flex-end !important; + } + .align-items-md-center { + align-items: center !important; + } + .align-items-md-baseline { + align-items: baseline !important; + } + .align-items-md-stretch { + align-items: stretch !important; + } + .align-content-md-start { + align-content: flex-start !important; + } + .align-content-md-end { + align-content: flex-end !important; + } + .align-content-md-center { + align-content: center !important; + } + .align-content-md-between { + align-content: space-between !important; + } + .align-content-md-around { + align-content: space-around !important; + } + .align-content-md-stretch { + align-content: stretch !important; + } + .align-self-md-auto { + align-self: auto !important; + } + .align-self-md-start { + align-self: flex-start !important; + } + .align-self-md-end { + align-self: flex-end !important; + } + .align-self-md-center { + align-self: center !important; + } + .align-self-md-baseline { + align-self: baseline !important; + } + .align-self-md-stretch { + align-self: stretch !important; + } + .order-md-first { + order: -1 !important; + } + .order-md-0 { + order: 0 !important; + } + .order-md-1 { + order: 1 !important; + } + .order-md-2 { + order: 2 !important; + } + .order-md-3 { + order: 3 !important; + } + .order-md-4 { + order: 4 !important; + } + .order-md-5 { + order: 5 !important; + } + .order-md-last { + order: 6 !important; + } + .m-md-0 { + margin: 0 !important; + } + .m-md-1 { + margin: 0.25rem !important; + } + .m-md-2 { + margin: 0.5rem !important; + } + .m-md-3 { + margin: 1rem !important; + } + .m-md-4 { + margin: 1.5rem !important; + } + .m-md-5 { + margin: 3rem !important; + } + .m-md-auto { + margin: auto !important; + } + .mx-md-0 { + margin-right: 0 !important; + margin-left: 0 !important; + } + .mx-md-1 { + margin-right: 0.25rem !important; + margin-left: 0.25rem !important; + } + .mx-md-2 { + margin-right: 0.5rem !important; + margin-left: 0.5rem !important; + } + .mx-md-3 { + margin-right: 1rem !important; + margin-left: 1rem !important; + } + .mx-md-4 { + margin-right: 1.5rem !important; + margin-left: 1.5rem !important; + } + .mx-md-5 { + margin-right: 3rem !important; + margin-left: 3rem !important; + } + .mx-md-auto { + margin-right: auto !important; + margin-left: auto !important; + } + .my-md-0 { + margin-top: 0 !important; + margin-bottom: 0 !important; + } + .my-md-1 { + margin-top: 0.25rem !important; + margin-bottom: 0.25rem !important; + } + .my-md-2 { + margin-top: 0.5rem !important; + margin-bottom: 0.5rem !important; + } + .my-md-3 { + margin-top: 1rem !important; + margin-bottom: 1rem !important; + } + .my-md-4 { + margin-top: 1.5rem !important; + margin-bottom: 1.5rem !important; + } + .my-md-5 { + margin-top: 3rem !important; + margin-bottom: 3rem !important; + } + .my-md-auto { + margin-top: auto !important; + margin-bottom: auto !important; + } + .mt-md-0 { + margin-top: 0 !important; + } + .mt-md-1 { + margin-top: 0.25rem !important; + } + .mt-md-2 { + margin-top: 0.5rem !important; + } + .mt-md-3 { + margin-top: 1rem !important; + } + .mt-md-4 { + margin-top: 1.5rem !important; + } + .mt-md-5 { + margin-top: 3rem !important; + } + .mt-md-auto { + margin-top: auto !important; + } + .mr-md-0 { + margin-right: 0 !important; + } + .mr-md-1 { + margin-right: 0.25rem !important; + } + .mr-md-2 { + margin-right: 0.5rem !important; + } + .mr-md-3 { + margin-right: 1rem !important; + } + .mr-md-4 { + margin-right: 1.5rem !important; + } + .mr-md-5 { + margin-right: 3rem !important; + } + .mr-md-auto { + margin-right: auto !important; + } + .mb-md-0 { + margin-bottom: 0 !important; + } + .mb-md-1 { + margin-bottom: 0.25rem !important; + } + .mb-md-2 { + margin-bottom: 0.5rem !important; + } + .mb-md-3 { + margin-bottom: 1rem !important; + } + .mb-md-4 { + margin-bottom: 1.5rem !important; + } + .mb-md-5 { + margin-bottom: 3rem !important; + } + .mb-md-auto { + margin-bottom: auto !important; + } + .ml-md-0 { + margin-left: 0 !important; + } + .ml-md-1 { + margin-left: 0.25rem !important; + } + .ml-md-2 { + margin-left: 0.5rem !important; + } + .ml-md-3 { + margin-left: 1rem !important; + } + .ml-md-4 { + margin-left: 1.5rem !important; + } + .ml-md-5 { + margin-left: 3rem !important; + } + .ml-md-auto { + margin-left: auto !important; + } + .m-md-n1 { + margin: -0.25rem !important; + } + .m-md-n2 { + margin: -0.5rem !important; + } + .m-md-n3 { + margin: -1rem !important; + } + .m-md-n4 { + margin: -1.5rem !important; + } + .m-md-n5 { + margin: -3rem !important; + } + .mx-md-n1 { + margin-right: -0.25rem !important; + margin-left: -0.25rem !important; + } + .mx-md-n2 { + margin-right: -0.5rem !important; + margin-left: -0.5rem !important; + } + .mx-md-n3 { + margin-right: -1rem !important; + margin-left: -1rem !important; + } + .mx-md-n4 { + margin-right: -1.5rem !important; + margin-left: -1.5rem !important; + } + .mx-md-n5 { + margin-right: -3rem !important; + margin-left: -3rem !important; + } + .my-md-n1 { + margin-top: -0.25rem !important; + margin-bottom: -0.25rem !important; + } + .my-md-n2 { + margin-top: -0.5rem !important; + margin-bottom: -0.5rem !important; + } + .my-md-n3 { + margin-top: -1rem !important; + margin-bottom: -1rem !important; + } + .my-md-n4 { + margin-top: -1.5rem !important; + margin-bottom: -1.5rem !important; + } + .my-md-n5 { + margin-top: -3rem !important; + margin-bottom: -3rem !important; + } + .mt-md-n1 { + margin-top: -0.25rem !important; + } + .mt-md-n2 { + margin-top: -0.5rem !important; + } + .mt-md-n3 { + margin-top: -1rem !important; + } + .mt-md-n4 { + margin-top: -1.5rem !important; + } + .mt-md-n5 { + margin-top: -3rem !important; + } + .mr-md-n1 { + margin-right: -0.25rem !important; + } + .mr-md-n2 { + margin-right: -0.5rem !important; + } + .mr-md-n3 { + margin-right: -1rem !important; + } + .mr-md-n4 { + margin-right: -1.5rem !important; + } + .mr-md-n5 { + margin-right: -3rem !important; + } + .mb-md-n1 { + margin-bottom: -0.25rem !important; + } + .mb-md-n2 { + margin-bottom: -0.5rem !important; + } + .mb-md-n3 { + margin-bottom: -1rem !important; + } + .mb-md-n4 { + margin-bottom: -1.5rem !important; + } + .mb-md-n5 { + margin-bottom: -3rem !important; + } + .ml-md-n1 { + margin-left: -0.25rem !important; + } + .ml-md-n2 { + margin-left: -0.5rem !important; + } + .ml-md-n3 { + margin-left: -1rem !important; + } + .ml-md-n4 { + margin-left: -1.5rem !important; + } + .ml-md-n5 { + margin-left: -3rem !important; + } + .p-md-0 { + padding: 0 !important; + } + .p-md-1 { + padding: 0.25rem !important; + } + .p-md-2 { + padding: 0.5rem !important; + } + .p-md-3 { + padding: 1rem !important; + } + .p-md-4 { + padding: 1.5rem !important; + } + .p-md-5 { + padding: 3rem !important; + } + .px-md-0 { + padding-right: 0 !important; + padding-left: 0 !important; + } + .px-md-1 { + padding-right: 0.25rem !important; + padding-left: 0.25rem !important; + } + .px-md-2 { + padding-right: 0.5rem !important; + padding-left: 0.5rem !important; + } + .px-md-3 { + padding-right: 1rem !important; + padding-left: 1rem !important; + } + .px-md-4 { + padding-right: 1.5rem !important; + padding-left: 1.5rem !important; + } + .px-md-5 { + padding-right: 3rem !important; + padding-left: 3rem !important; + } + .py-md-0 { + padding-top: 0 !important; + padding-bottom: 0 !important; + } + .py-md-1 { + padding-top: 0.25rem !important; + padding-bottom: 0.25rem !important; + } + .py-md-2 { + padding-top: 0.5rem !important; + padding-bottom: 0.5rem !important; + } + .py-md-3 { + padding-top: 1rem !important; + padding-bottom: 1rem !important; + } + .py-md-4 { + padding-top: 1.5rem !important; + padding-bottom: 1.5rem !important; + } + .py-md-5 { + padding-top: 3rem !important; + padding-bottom: 3rem !important; + } + .pt-md-0 { + padding-top: 0 !important; + } + .pt-md-1 { + padding-top: 0.25rem !important; + } + .pt-md-2 { + padding-top: 0.5rem !important; + } + .pt-md-3 { + padding-top: 1rem !important; + } + .pt-md-4 { + padding-top: 1.5rem !important; + } + .pt-md-5 { + padding-top: 3rem !important; + } + .pr-md-0 { + padding-right: 0 !important; + } + .pr-md-1 { + padding-right: 0.25rem !important; + } + .pr-md-2 { + padding-right: 0.5rem !important; + } + .pr-md-3 { + padding-right: 1rem !important; + } + .pr-md-4 { + padding-right: 1.5rem !important; + } + .pr-md-5 { + padding-right: 3rem !important; + } + .pb-md-0 { + padding-bottom: 0 !important; + } + .pb-md-1 { + padding-bottom: 0.25rem !important; + } + .pb-md-2 { + padding-bottom: 0.5rem !important; + } + .pb-md-3 { + padding-bottom: 1rem !important; + } + .pb-md-4 { + padding-bottom: 1.5rem !important; + } + .pb-md-5 { + padding-bottom: 3rem !important; + } + .pl-md-0 { + padding-left: 0 !important; + } + .pl-md-1 { + padding-left: 0.25rem !important; + } + .pl-md-2 { + padding-left: 0.5rem !important; + } + .pl-md-3 { + padding-left: 1rem !important; + } + .pl-md-4 { + padding-left: 1.5rem !important; + } + .pl-md-5 { + padding-left: 3rem !important; + } + .text-md-left { + text-align: left !important; + } + .text-md-right { + text-align: right !important; + } + .text-md-center { + text-align: center !important; + } + .text-md-justify { + text-align: justify !important; + } +} + +@media (min-width: 992px) { + .float-lg-left { + float: left !important; + } + .float-lg-right { + float: right !important; } - .mt-sm-0, - .my-sm-0 { - margin-top: 0 !important; + .float-lg-none { + float: none !important; } - .mr-sm-0, - .mx-sm-0 { - margin-right: 0 !important; + .d-lg-none { + display: none !important; } - .mb-sm-0, - .my-sm-0 { - margin-bottom: 0 !important; + .d-lg-inline { + display: inline !important; } - .ml-sm-0, - .mx-sm-0 { - margin-left: 0 !important; + .d-lg-inline-block { + display: inline-block !important; } - .m-sm-1 { - margin: 0.25rem !important; + .d-lg-block { + display: block !important; } - .mt-sm-1, - .my-sm-1 { - margin-top: 0.25rem !important; + .d-lg-table { + display: table !important; } - .mr-sm-1, - .mx-sm-1 { - margin-right: 0.25rem !important; + .d-lg-table-row { + display: table-row !important; } - .mb-sm-1, - .my-sm-1 { - margin-bottom: 0.25rem !important; + .d-lg-table-cell { + display: table-cell !important; } - .ml-sm-1, - .mx-sm-1 { - margin-left: 0.25rem !important; + .d-lg-flex { + display: flex !important; } - .m-sm-2 { - margin: 0.5rem !important; + .d-lg-inline-flex { + display: inline-flex !important; } - .mt-sm-2, - .my-sm-2 { - margin-top: 0.5rem !important; + .flex-lg-fill { + flex: 1 1 auto !important; } - .mr-sm-2, - .mx-sm-2 { - margin-right: 0.5rem !important; + .flex-lg-row { + flex-direction: row !important; } - .mb-sm-2, - .my-sm-2 { - margin-bottom: 0.5rem !important; + .flex-lg-column { + flex-direction: column !important; } - .ml-sm-2, - .mx-sm-2 { - margin-left: 0.5rem !important; + .flex-lg-row-reverse { + flex-direction: row-reverse !important; } - .m-sm-3 { - margin: 1rem !important; + .flex-lg-column-reverse { + flex-direction: column-reverse !important; } - .mt-sm-3, - .my-sm-3 { - margin-top: 1rem !important; + .flex-lg-grow-0 { + flex-grow: 0 !important; } - .mr-sm-3, - .mx-sm-3 { - margin-right: 1rem !important; + .flex-lg-grow-1 { + flex-grow: 1 !important; } - .mb-sm-3, - .my-sm-3 { - margin-bottom: 1rem !important; + .flex-lg-shrink-0 { + flex-shrink: 0 !important; } - .ml-sm-3, - .mx-sm-3 { - margin-left: 1rem !important; + .flex-lg-shrink-1 { + flex-shrink: 1 !important; } - .m-sm-4 { - margin: 1.5rem !important; + .flex-lg-wrap { + flex-wrap: wrap !important; } - .mt-sm-4, - .my-sm-4 { - margin-top: 1.5rem !important; + .flex-lg-nowrap { + flex-wrap: nowrap !important; } - .mr-sm-4, - .mx-sm-4 { - margin-right: 1.5rem !important; + .flex-lg-wrap-reverse { + flex-wrap: wrap-reverse !important; } - .mb-sm-4, - .my-sm-4 { - margin-bottom: 1.5rem !important; + .justify-content-lg-start { + justify-content: flex-start !important; } - .ml-sm-4, - .mx-sm-4 { - margin-left: 1.5rem !important; + .justify-content-lg-end { + justify-content: flex-end !important; } - .m-sm-5 { - margin: 3rem !important; + .justify-content-lg-center { + justify-content: center !important; } - .mt-sm-5, - .my-sm-5 { - margin-top: 3rem !important; + .justify-content-lg-between { + justify-content: space-between !important; } - .mr-sm-5, - .mx-sm-5 { - margin-right: 3rem !important; + .justify-content-lg-around { + justify-content: space-around !important; } - .mb-sm-5, - .my-sm-5 { - margin-bottom: 3rem !important; + .align-items-lg-start { + align-items: flex-start !important; } - .ml-sm-5, - .mx-sm-5 { - margin-left: 3rem !important; + .align-items-lg-end { + align-items: flex-end !important; } - .p-sm-0 { - padding: 0 !important; + .align-items-lg-center { + align-items: center !important; } - .pt-sm-0, - .py-sm-0 { - padding-top: 0 !important; + .align-items-lg-baseline { + align-items: baseline !important; } - .pr-sm-0, - .px-sm-0 { - padding-right: 0 !important; + .align-items-lg-stretch { + align-items: stretch !important; } - .pb-sm-0, - .py-sm-0 { - padding-bottom: 0 !important; + .align-content-lg-start { + align-content: flex-start !important; } - .pl-sm-0, - .px-sm-0 { - padding-left: 0 !important; + .align-content-lg-end { + align-content: flex-end !important; } - .p-sm-1 { - padding: 0.25rem !important; + .align-content-lg-center { + align-content: center !important; } - .pt-sm-1, - .py-sm-1 { - padding-top: 0.25rem !important; + .align-content-lg-between { + align-content: space-between !important; } - .pr-sm-1, - .px-sm-1 { - padding-right: 0.25rem !important; + .align-content-lg-around { + align-content: space-around !important; } - .pb-sm-1, - .py-sm-1 { - padding-bottom: 0.25rem !important; + .align-content-lg-stretch { + align-content: stretch !important; } - .pl-sm-1, - .px-sm-1 { - padding-left: 0.25rem !important; + .align-self-lg-auto { + align-self: auto !important; } - .p-sm-2 { - padding: 0.5rem !important; + .align-self-lg-start { + align-self: flex-start !important; } - .pt-sm-2, - .py-sm-2 { - padding-top: 0.5rem !important; + .align-self-lg-end { + align-self: flex-end !important; } - .pr-sm-2, - .px-sm-2 { - padding-right: 0.5rem !important; + .align-self-lg-center { + align-self: center !important; } - .pb-sm-2, - .py-sm-2 { - padding-bottom: 0.5rem !important; + .align-self-lg-baseline { + align-self: baseline !important; } - .pl-sm-2, - .px-sm-2 { - padding-left: 0.5rem !important; + .align-self-lg-stretch { + align-self: stretch !important; } - .p-sm-3 { - padding: 1rem !important; + .order-lg-first { + order: -1 !important; } - .pt-sm-3, - .py-sm-3 { - padding-top: 1rem !important; + .order-lg-0 { + order: 0 !important; } - .pr-sm-3, - .px-sm-3 { - padding-right: 1rem !important; + .order-lg-1 { + order: 1 !important; } - .pb-sm-3, - .py-sm-3 { - padding-bottom: 1rem !important; + .order-lg-2 { + order: 2 !important; } - .pl-sm-3, - .px-sm-3 { - padding-left: 1rem !important; + .order-lg-3 { + order: 3 !important; } - .p-sm-4 { - padding: 1.5rem !important; + .order-lg-4 { + order: 4 !important; } - .pt-sm-4, - .py-sm-4 { - padding-top: 1.5rem !important; + .order-lg-5 { + order: 5 !important; } - .pr-sm-4, - .px-sm-4 { - padding-right: 1.5rem !important; + .order-lg-last { + order: 6 !important; } - .pb-sm-4, - .py-sm-4 { - padding-bottom: 1.5rem !important; + .m-lg-0 { + margin: 0 !important; } - .pl-sm-4, - .px-sm-4 { - padding-left: 1.5rem !important; + .m-lg-1 { + margin: 0.25rem !important; } - .p-sm-5 { - padding: 3rem !important; + .m-lg-2 { + margin: 0.5rem !important; + } + .m-lg-3 { + margin: 1rem !important; + } + .m-lg-4 { + margin: 1.5rem !important; + } + .m-lg-5 { + margin: 3rem !important; + } + .m-lg-auto { + margin: auto !important; + } + .mx-lg-0 { + margin-right: 0 !important; + margin-left: 0 !important; + } + .mx-lg-1 { + margin-right: 0.25rem !important; + margin-left: 0.25rem !important; + } + .mx-lg-2 { + margin-right: 0.5rem !important; + margin-left: 0.5rem !important; + } + .mx-lg-3 { + margin-right: 1rem !important; + margin-left: 1rem !important; + } + .mx-lg-4 { + margin-right: 1.5rem !important; + margin-left: 1.5rem !important; + } + .mx-lg-5 { + margin-right: 3rem !important; + margin-left: 3rem !important; + } + .mx-lg-auto { + margin-right: auto !important; + margin-left: auto !important; + } + .my-lg-0 { + margin-top: 0 !important; + margin-bottom: 0 !important; } - .pt-sm-5, - .py-sm-5 { - padding-top: 3rem !important; + .my-lg-1 { + margin-top: 0.25rem !important; + margin-bottom: 0.25rem !important; } - .pr-sm-5, - .px-sm-5 { - padding-right: 3rem !important; + .my-lg-2 { + margin-top: 0.5rem !important; + margin-bottom: 0.5rem !important; } - .pb-sm-5, - .py-sm-5 { - padding-bottom: 3rem !important; + .my-lg-3 { + margin-top: 1rem !important; + margin-bottom: 1rem !important; } - .pl-sm-5, - .px-sm-5 { - padding-left: 3rem !important; + .my-lg-4 { + margin-top: 1.5rem !important; + margin-bottom: 1.5rem !important; } - .m-sm-n1 { - margin: -0.25rem !important; + .my-lg-5 { + margin-top: 3rem !important; + margin-bottom: 3rem !important; } - .mt-sm-n1, - .my-sm-n1 { - margin-top: -0.25rem !important; + .my-lg-auto { + margin-top: auto !important; + margin-bottom: auto !important; } - .mr-sm-n1, - .mx-sm-n1 { - margin-right: -0.25rem !important; + .mt-lg-0 { + margin-top: 0 !important; } - .mb-sm-n1, - .my-sm-n1 { - margin-bottom: -0.25rem !important; + .mt-lg-1 { + margin-top: 0.25rem !important; } - .ml-sm-n1, - .mx-sm-n1 { - margin-left: -0.25rem !important; + .mt-lg-2 { + margin-top: 0.5rem !important; } - .m-sm-n2 { - margin: -0.5rem !important; + .mt-lg-3 { + margin-top: 1rem !important; } - .mt-sm-n2, - .my-sm-n2 { - margin-top: -0.5rem !important; + .mt-lg-4 { + margin-top: 1.5rem !important; } - .mr-sm-n2, - .mx-sm-n2 { - margin-right: -0.5rem !important; + .mt-lg-5 { + margin-top: 3rem !important; } - .mb-sm-n2, - .my-sm-n2 { - margin-bottom: -0.5rem !important; + .mt-lg-auto { + margin-top: auto !important; } - .ml-sm-n2, - .mx-sm-n2 { - margin-left: -0.5rem !important; + .mr-lg-0 { + margin-right: 0 !important; } - .m-sm-n3 { - margin: -1rem !important; + .mr-lg-1 { + margin-right: 0.25rem !important; } - .mt-sm-n3, - .my-sm-n3 { - margin-top: -1rem !important; + .mr-lg-2 { + margin-right: 0.5rem !important; } - .mr-sm-n3, - .mx-sm-n3 { - margin-right: -1rem !important; + .mr-lg-3 { + margin-right: 1rem !important; } - .mb-sm-n3, - .my-sm-n3 { - margin-bottom: -1rem !important; + .mr-lg-4 { + margin-right: 1.5rem !important; } - .ml-sm-n3, - .mx-sm-n3 { - margin-left: -1rem !important; + .mr-lg-5 { + margin-right: 3rem !important; } - .m-sm-n4 { - margin: -1.5rem !important; + .mr-lg-auto { + margin-right: auto !important; } - .mt-sm-n4, - .my-sm-n4 { - margin-top: -1.5rem !important; + .mb-lg-0 { + margin-bottom: 0 !important; } - .mr-sm-n4, - .mx-sm-n4 { - margin-right: -1.5rem !important; + .mb-lg-1 { + margin-bottom: 0.25rem !important; } - .mb-sm-n4, - .my-sm-n4 { - margin-bottom: -1.5rem !important; + .mb-lg-2 { + margin-bottom: 0.5rem !important; } - .ml-sm-n4, - .mx-sm-n4 { - margin-left: -1.5rem !important; + .mb-lg-3 { + margin-bottom: 1rem !important; } - .m-sm-n5 { - margin: -3rem !important; + .mb-lg-4 { + margin-bottom: 1.5rem !important; } - .mt-sm-n5, - .my-sm-n5 { - margin-top: -3rem !important; + .mb-lg-5 { + margin-bottom: 3rem !important; } - .mr-sm-n5, - .mx-sm-n5 { - margin-right: -3rem !important; + .mb-lg-auto { + margin-bottom: auto !important; } - .mb-sm-n5, - .my-sm-n5 { - margin-bottom: -3rem !important; + .ml-lg-0 { + margin-left: 0 !important; } - .ml-sm-n5, - .mx-sm-n5 { - margin-left: -3rem !important; + .ml-lg-1 { + margin-left: 0.25rem !important; } - .m-sm-auto { - margin: auto !important; + .ml-lg-2 { + margin-left: 0.5rem !important; } - .mt-sm-auto, - .my-sm-auto { - margin-top: auto !important; + .ml-lg-3 { + margin-left: 1rem !important; } - .mr-sm-auto, - .mx-sm-auto { - margin-right: auto !important; + .ml-lg-4 { + margin-left: 1.5rem !important; } - .mb-sm-auto, - .my-sm-auto { - margin-bottom: auto !important; + .ml-lg-5 { + margin-left: 3rem !important; } - .ml-sm-auto, - .mx-sm-auto { + .ml-lg-auto { margin-left: auto !important; } -} - -@media (min-width: 768px) { - .m-md-0 { - margin: 0 !important; + .m-lg-n1 { + margin: -0.25rem !important; } - .mt-md-0, - .my-md-0 { - margin-top: 0 !important; + .m-lg-n2 { + margin: -0.5rem !important; } - .mr-md-0, - .mx-md-0 { - margin-right: 0 !important; + .m-lg-n3 { + margin: -1rem !important; } - .mb-md-0, - .my-md-0 { - margin-bottom: 0 !important; + .m-lg-n4 { + margin: -1.5rem !important; } - .ml-md-0, - .mx-md-0 { - margin-left: 0 !important; + .m-lg-n5 { + margin: -3rem !important; } - .m-md-1 { - margin: 0.25rem !important; + .mx-lg-n1 { + margin-right: -0.25rem !important; + margin-left: -0.25rem !important; } - .mt-md-1, - .my-md-1 { - margin-top: 0.25rem !important; + .mx-lg-n2 { + margin-right: -0.5rem !important; + margin-left: -0.5rem !important; } - .mr-md-1, - .mx-md-1 { - margin-right: 0.25rem !important; + .mx-lg-n3 { + margin-right: -1rem !important; + margin-left: -1rem !important; } - .mb-md-1, - .my-md-1 { - margin-bottom: 0.25rem !important; + .mx-lg-n4 { + margin-right: -1.5rem !important; + margin-left: -1.5rem !important; } - .ml-md-1, - .mx-md-1 { - margin-left: 0.25rem !important; + .mx-lg-n5 { + margin-right: -3rem !important; + margin-left: -3rem !important; } - .m-md-2 { - margin: 0.5rem !important; + .my-lg-n1 { + margin-top: -0.25rem !important; + margin-bottom: -0.25rem !important; } - .mt-md-2, - .my-md-2 { - margin-top: 0.5rem !important; + .my-lg-n2 { + margin-top: -0.5rem !important; + margin-bottom: -0.5rem !important; } - .mr-md-2, - .mx-md-2 { - margin-right: 0.5rem !important; + .my-lg-n3 { + margin-top: -1rem !important; + margin-bottom: -1rem !important; } - .mb-md-2, - .my-md-2 { - margin-bottom: 0.5rem !important; + .my-lg-n4 { + margin-top: -1.5rem !important; + margin-bottom: -1.5rem !important; } - .ml-md-2, - .mx-md-2 { - margin-left: 0.5rem !important; + .my-lg-n5 { + margin-top: -3rem !important; + margin-bottom: -3rem !important; } - .m-md-3 { - margin: 1rem !important; + .mt-lg-n1 { + margin-top: -0.25rem !important; } - .mt-md-3, - .my-md-3 { - margin-top: 1rem !important; + .mt-lg-n2 { + margin-top: -0.5rem !important; } - .mr-md-3, - .mx-md-3 { - margin-right: 1rem !important; + .mt-lg-n3 { + margin-top: -1rem !important; } - .mb-md-3, - .my-md-3 { - margin-bottom: 1rem !important; + .mt-lg-n4 { + margin-top: -1.5rem !important; } - .ml-md-3, - .mx-md-3 { - margin-left: 1rem !important; + .mt-lg-n5 { + margin-top: -3rem !important; } - .m-md-4 { - margin: 1.5rem !important; + .mr-lg-n1 { + margin-right: -0.25rem !important; } - .mt-md-4, - .my-md-4 { - margin-top: 1.5rem !important; + .mr-lg-n2 { + margin-right: -0.5rem !important; } - .mr-md-4, - .mx-md-4 { - margin-right: 1.5rem !important; + .mr-lg-n3 { + margin-right: -1rem !important; } - .mb-md-4, - .my-md-4 { - margin-bottom: 1.5rem !important; + .mr-lg-n4 { + margin-right: -1.5rem !important; } - .ml-md-4, - .mx-md-4 { - margin-left: 1.5rem !important; + .mr-lg-n5 { + margin-right: -3rem !important; } - .m-md-5 { - margin: 3rem !important; + .mb-lg-n1 { + margin-bottom: -0.25rem !important; } - .mt-md-5, - .my-md-5 { - margin-top: 3rem !important; + .mb-lg-n2 { + margin-bottom: -0.5rem !important; } - .mr-md-5, - .mx-md-5 { - margin-right: 3rem !important; + .mb-lg-n3 { + margin-bottom: -1rem !important; } - .mb-md-5, - .my-md-5 { - margin-bottom: 3rem !important; + .mb-lg-n4 { + margin-bottom: -1.5rem !important; } - .ml-md-5, - .mx-md-5 { - margin-left: 3rem !important; + .mb-lg-n5 { + margin-bottom: -3rem !important; } - .p-md-0 { - padding: 0 !important; + .ml-lg-n1 { + margin-left: -0.25rem !important; } - .pt-md-0, - .py-md-0 { - padding-top: 0 !important; + .ml-lg-n2 { + margin-left: -0.5rem !important; } - .pr-md-0, - .px-md-0 { - padding-right: 0 !important; + .ml-lg-n3 { + margin-left: -1rem !important; } - .pb-md-0, - .py-md-0 { - padding-bottom: 0 !important; + .ml-lg-n4 { + margin-left: -1.5rem !important; } - .pl-md-0, - .px-md-0 { - padding-left: 0 !important; + .ml-lg-n5 { + margin-left: -3rem !important; } - .p-md-1 { + .p-lg-0 { + padding: 0 !important; + } + .p-lg-1 { padding: 0.25rem !important; } - .pt-md-1, - .py-md-1 { - padding-top: 0.25rem !important; + .p-lg-2 { + padding: 0.5rem !important; } - .pr-md-1, - .px-md-1 { - padding-right: 0.25rem !important; + .p-lg-3 { + padding: 1rem !important; } - .pb-md-1, - .py-md-1 { - padding-bottom: 0.25rem !important; + .p-lg-4 { + padding: 1.5rem !important; } - .pl-md-1, - .px-md-1 { - padding-left: 0.25rem !important; + .p-lg-5 { + padding: 3rem !important; } - .p-md-2 { - padding: 0.5rem !important; + .px-lg-0 { + padding-right: 0 !important; + padding-left: 0 !important; } - .pt-md-2, - .py-md-2 { - padding-top: 0.5rem !important; + .px-lg-1 { + padding-right: 0.25rem !important; + padding-left: 0.25rem !important; } - .pr-md-2, - .px-md-2 { + .px-lg-2 { padding-right: 0.5rem !important; + padding-left: 0.5rem !important; } - .pb-md-2, - .py-md-2 { - padding-bottom: 0.5rem !important; + .px-lg-3 { + padding-right: 1rem !important; + padding-left: 1rem !important; } - .pl-md-2, - .px-md-2 { - padding-left: 0.5rem !important; + .px-lg-4 { + padding-right: 1.5rem !important; + padding-left: 1.5rem !important; } - .p-md-3 { - padding: 1rem !important; + .px-lg-5 { + padding-right: 3rem !important; + padding-left: 3rem !important; } - .pt-md-3, - .py-md-3 { - padding-top: 1rem !important; + .py-lg-0 { + padding-top: 0 !important; + padding-bottom: 0 !important; } - .pr-md-3, - .px-md-3 { - padding-right: 1rem !important; + .py-lg-1 { + padding-top: 0.25rem !important; + padding-bottom: 0.25rem !important; } - .pb-md-3, - .py-md-3 { + .py-lg-2 { + padding-top: 0.5rem !important; + padding-bottom: 0.5rem !important; + } + .py-lg-3 { + padding-top: 1rem !important; padding-bottom: 1rem !important; } - .pl-md-3, - .px-md-3 { - padding-left: 1rem !important; + .py-lg-4 { + padding-top: 1.5rem !important; + padding-bottom: 1.5rem !important; } - .p-md-4 { - padding: 1.5rem !important; + .py-lg-5 { + padding-top: 3rem !important; + padding-bottom: 3rem !important; } - .pt-md-4, - .py-md-4 { - padding-top: 1.5rem !important; + .pt-lg-0 { + padding-top: 0 !important; } - .pr-md-4, - .px-md-4 { - padding-right: 1.5rem !important; + .pt-lg-1 { + padding-top: 0.25rem !important; } - .pb-md-4, - .py-md-4 { - padding-bottom: 1.5rem !important; + .pt-lg-2 { + padding-top: 0.5rem !important; } - .pl-md-4, - .px-md-4 { - padding-left: 1.5rem !important; + .pt-lg-3 { + padding-top: 1rem !important; } - .p-md-5 { - padding: 3rem !important; + .pt-lg-4 { + padding-top: 1.5rem !important; } - .pt-md-5, - .py-md-5 { + .pt-lg-5 { padding-top: 3rem !important; } - .pr-md-5, - .px-md-5 { - padding-right: 3rem !important; + .pr-lg-0 { + padding-right: 0 !important; } - .pb-md-5, - .py-md-5 { - padding-bottom: 3rem !important; + .pr-lg-1 { + padding-right: 0.25rem !important; } - .pl-md-5, - .px-md-5 { - padding-left: 3rem !important; + .pr-lg-2 { + padding-right: 0.5rem !important; } - .m-md-n1 { - margin: -0.25rem !important; + .pr-lg-3 { + padding-right: 1rem !important; } - .mt-md-n1, - .my-md-n1 { - margin-top: -0.25rem !important; + .pr-lg-4 { + padding-right: 1.5rem !important; } - .mr-md-n1, - .mx-md-n1 { - margin-right: -0.25rem !important; + .pr-lg-5 { + padding-right: 3rem !important; } - .mb-md-n1, - .my-md-n1 { - margin-bottom: -0.25rem !important; + .pb-lg-0 { + padding-bottom: 0 !important; } - .ml-md-n1, - .mx-md-n1 { - margin-left: -0.25rem !important; + .pb-lg-1 { + padding-bottom: 0.25rem !important; } - .m-md-n2 { - margin: -0.5rem !important; + .pb-lg-2 { + padding-bottom: 0.5rem !important; } - .mt-md-n2, - .my-md-n2 { - margin-top: -0.5rem !important; + .pb-lg-3 { + padding-bottom: 1rem !important; } - .mr-md-n2, - .mx-md-n2 { - margin-right: -0.5rem !important; + .pb-lg-4 { + padding-bottom: 1.5rem !important; } - .mb-md-n2, - .my-md-n2 { - margin-bottom: -0.5rem !important; + .pb-lg-5 { + padding-bottom: 3rem !important; } - .ml-md-n2, - .mx-md-n2 { - margin-left: -0.5rem !important; + .pl-lg-0 { + padding-left: 0 !important; } - .m-md-n3 { - margin: -1rem !important; + .pl-lg-1 { + padding-left: 0.25rem !important; } - .mt-md-n3, - .my-md-n3 { - margin-top: -1rem !important; + .pl-lg-2 { + padding-left: 0.5rem !important; } - .mr-md-n3, - .mx-md-n3 { - margin-right: -1rem !important; + .pl-lg-3 { + padding-left: 1rem !important; } - .mb-md-n3, - .my-md-n3 { - margin-bottom: -1rem !important; + .pl-lg-4 { + padding-left: 1.5rem !important; } - .ml-md-n3, - .mx-md-n3 { - margin-left: -1rem !important; + .pl-lg-5 { + padding-left: 3rem !important; } - .m-md-n4 { - margin: -1.5rem !important; + .text-lg-left { + text-align: left !important; } - .mt-md-n4, - .my-md-n4 { - margin-top: -1.5rem !important; + .text-lg-right { + text-align: right !important; } - .mr-md-n4, - .mx-md-n4 { - margin-right: -1.5rem !important; + .text-lg-center { + text-align: center !important; } - .mb-md-n4, - .my-md-n4 { - margin-bottom: -1.5rem !important; + .text-lg-justify { + text-align: justify !important; } - .ml-md-n4, - .mx-md-n4 { - margin-left: -1.5rem !important; +} + +@media (min-width: 1200px) { + .float-xl-left { + float: left !important; } - .m-md-n5 { - margin: -3rem !important; + .float-xl-right { + float: right !important; } - .mt-md-n5, - .my-md-n5 { - margin-top: -3rem !important; + .float-xl-none { + float: none !important; } - .mr-md-n5, - .mx-md-n5 { - margin-right: -3rem !important; + .d-xl-none { + display: none !important; } - .mb-md-n5, - .my-md-n5 { - margin-bottom: -3rem !important; + .d-xl-inline { + display: inline !important; } - .ml-md-n5, - .mx-md-n5 { - margin-left: -3rem !important; + .d-xl-inline-block { + display: inline-block !important; } - .m-md-auto { - margin: auto !important; + .d-xl-block { + display: block !important; } - .mt-md-auto, - .my-md-auto { - margin-top: auto !important; + .d-xl-table { + display: table !important; } - .mr-md-auto, - .mx-md-auto { - margin-right: auto !important; + .d-xl-table-row { + display: table-row !important; } - .mb-md-auto, - .my-md-auto { - margin-bottom: auto !important; + .d-xl-table-cell { + display: table-cell !important; } - .ml-md-auto, - .mx-md-auto { - margin-left: auto !important; + .d-xl-flex { + display: flex !important; } -} - -@media (min-width: 992px) { - .m-lg-0 { - margin: 0 !important; + .d-xl-inline-flex { + display: inline-flex !important; } - .mt-lg-0, - .my-lg-0 { - margin-top: 0 !important; + .flex-xl-fill { + flex: 1 1 auto !important; } - .mr-lg-0, - .mx-lg-0 { - margin-right: 0 !important; + .flex-xl-row { + flex-direction: row !important; } - .mb-lg-0, - .my-lg-0 { - margin-bottom: 0 !important; + .flex-xl-column { + flex-direction: column !important; } - .ml-lg-0, - .mx-lg-0 { - margin-left: 0 !important; + .flex-xl-row-reverse { + flex-direction: row-reverse !important; } - .m-lg-1 { - margin: 0.25rem !important; + .flex-xl-column-reverse { + flex-direction: column-reverse !important; } - .mt-lg-1, - .my-lg-1 { - margin-top: 0.25rem !important; + .flex-xl-grow-0 { + flex-grow: 0 !important; } - .mr-lg-1, - .mx-lg-1 { - margin-right: 0.25rem !important; + .flex-xl-grow-1 { + flex-grow: 1 !important; } - .mb-lg-1, - .my-lg-1 { - margin-bottom: 0.25rem !important; + .flex-xl-shrink-0 { + flex-shrink: 0 !important; } - .ml-lg-1, - .mx-lg-1 { - margin-left: 0.25rem !important; + .flex-xl-shrink-1 { + flex-shrink: 1 !important; } - .m-lg-2 { - margin: 0.5rem !important; + .flex-xl-wrap { + flex-wrap: wrap !important; } - .mt-lg-2, - .my-lg-2 { - margin-top: 0.5rem !important; + .flex-xl-nowrap { + flex-wrap: nowrap !important; } - .mr-lg-2, - .mx-lg-2 { - margin-right: 0.5rem !important; + .flex-xl-wrap-reverse { + flex-wrap: wrap-reverse !important; + } + .justify-content-xl-start { + justify-content: flex-start !important; + } + .justify-content-xl-end { + justify-content: flex-end !important; } - .mb-lg-2, - .my-lg-2 { - margin-bottom: 0.5rem !important; + .justify-content-xl-center { + justify-content: center !important; } - .ml-lg-2, - .mx-lg-2 { - margin-left: 0.5rem !important; + .justify-content-xl-between { + justify-content: space-between !important; } - .m-lg-3 { - margin: 1rem !important; + .justify-content-xl-around { + justify-content: space-around !important; } - .mt-lg-3, - .my-lg-3 { - margin-top: 1rem !important; + .align-items-xl-start { + align-items: flex-start !important; } - .mr-lg-3, - .mx-lg-3 { - margin-right: 1rem !important; + .align-items-xl-end { + align-items: flex-end !important; } - .mb-lg-3, - .my-lg-3 { - margin-bottom: 1rem !important; + .align-items-xl-center { + align-items: center !important; } - .ml-lg-3, - .mx-lg-3 { - margin-left: 1rem !important; + .align-items-xl-baseline { + align-items: baseline !important; } - .m-lg-4 { - margin: 1.5rem !important; + .align-items-xl-stretch { + align-items: stretch !important; } - .mt-lg-4, - .my-lg-4 { - margin-top: 1.5rem !important; + .align-content-xl-start { + align-content: flex-start !important; } - .mr-lg-4, - .mx-lg-4 { - margin-right: 1.5rem !important; + .align-content-xl-end { + align-content: flex-end !important; } - .mb-lg-4, - .my-lg-4 { - margin-bottom: 1.5rem !important; + .align-content-xl-center { + align-content: center !important; } - .ml-lg-4, - .mx-lg-4 { - margin-left: 1.5rem !important; + .align-content-xl-between { + align-content: space-between !important; } - .m-lg-5 { - margin: 3rem !important; + .align-content-xl-around { + align-content: space-around !important; } - .mt-lg-5, - .my-lg-5 { - margin-top: 3rem !important; + .align-content-xl-stretch { + align-content: stretch !important; } - .mr-lg-5, - .mx-lg-5 { - margin-right: 3rem !important; + .align-self-xl-auto { + align-self: auto !important; } - .mb-lg-5, - .my-lg-5 { - margin-bottom: 3rem !important; + .align-self-xl-start { + align-self: flex-start !important; } - .ml-lg-5, - .mx-lg-5 { - margin-left: 3rem !important; + .align-self-xl-end { + align-self: flex-end !important; } - .p-lg-0 { - padding: 0 !important; + .align-self-xl-center { + align-self: center !important; } - .pt-lg-0, - .py-lg-0 { - padding-top: 0 !important; + .align-self-xl-baseline { + align-self: baseline !important; } - .pr-lg-0, - .px-lg-0 { - padding-right: 0 !important; + .align-self-xl-stretch { + align-self: stretch !important; } - .pb-lg-0, - .py-lg-0 { - padding-bottom: 0 !important; + .order-xl-first { + order: -1 !important; } - .pl-lg-0, - .px-lg-0 { - padding-left: 0 !important; + .order-xl-0 { + order: 0 !important; } - .p-lg-1 { - padding: 0.25rem !important; + .order-xl-1 { + order: 1 !important; } - .pt-lg-1, - .py-lg-1 { - padding-top: 0.25rem !important; + .order-xl-2 { + order: 2 !important; } - .pr-lg-1, - .px-lg-1 { - padding-right: 0.25rem !important; + .order-xl-3 { + order: 3 !important; } - .pb-lg-1, - .py-lg-1 { - padding-bottom: 0.25rem !important; + .order-xl-4 { + order: 4 !important; } - .pl-lg-1, - .px-lg-1 { - padding-left: 0.25rem !important; + .order-xl-5 { + order: 5 !important; } - .p-lg-2 { - padding: 0.5rem !important; + .order-xl-last { + order: 6 !important; } - .pt-lg-2, - .py-lg-2 { - padding-top: 0.5rem !important; + .m-xl-0 { + margin: 0 !important; } - .pr-lg-2, - .px-lg-2 { - padding-right: 0.5rem !important; + .m-xl-1 { + margin: 0.25rem !important; } - .pb-lg-2, - .py-lg-2 { - padding-bottom: 0.5rem !important; + .m-xl-2 { + margin: 0.5rem !important; } - .pl-lg-2, - .px-lg-2 { - padding-left: 0.5rem !important; + .m-xl-3 { + margin: 1rem !important; } - .p-lg-3 { - padding: 1rem !important; + .m-xl-4 { + margin: 1.5rem !important; } - .pt-lg-3, - .py-lg-3 { - padding-top: 1rem !important; + .m-xl-5 { + margin: 3rem !important; } - .pr-lg-3, - .px-lg-3 { - padding-right: 1rem !important; + .m-xl-auto { + margin: auto !important; } - .pb-lg-3, - .py-lg-3 { - padding-bottom: 1rem !important; + .mx-xl-0 { + margin-right: 0 !important; + margin-left: 0 !important; } - .pl-lg-3, - .px-lg-3 { - padding-left: 1rem !important; + .mx-xl-1 { + margin-right: 0.25rem !important; + margin-left: 0.25rem !important; } - .p-lg-4 { - padding: 1.5rem !important; + .mx-xl-2 { + margin-right: 0.5rem !important; + margin-left: 0.5rem !important; } - .pt-lg-4, - .py-lg-4 { - padding-top: 1.5rem !important; + .mx-xl-3 { + margin-right: 1rem !important; + margin-left: 1rem !important; } - .pr-lg-4, - .px-lg-4 { - padding-right: 1.5rem !important; + .mx-xl-4 { + margin-right: 1.5rem !important; + margin-left: 1.5rem !important; } - .pb-lg-4, - .py-lg-4 { - padding-bottom: 1.5rem !important; + .mx-xl-5 { + margin-right: 3rem !important; + margin-left: 3rem !important; } - .pl-lg-4, - .px-lg-4 { - padding-left: 1.5rem !important; + .mx-xl-auto { + margin-right: auto !important; + margin-left: auto !important; } - .p-lg-5 { - padding: 3rem !important; + .my-xl-0 { + margin-top: 0 !important; + margin-bottom: 0 !important; } - .pt-lg-5, - .py-lg-5 { - padding-top: 3rem !important; + .my-xl-1 { + margin-top: 0.25rem !important; + margin-bottom: 0.25rem !important; } - .pr-lg-5, - .px-lg-5 { - padding-right: 3rem !important; + .my-xl-2 { + margin-top: 0.5rem !important; + margin-bottom: 0.5rem !important; } - .pb-lg-5, - .py-lg-5 { - padding-bottom: 3rem !important; + .my-xl-3 { + margin-top: 1rem !important; + margin-bottom: 1rem !important; } - .pl-lg-5, - .px-lg-5 { - padding-left: 3rem !important; + .my-xl-4 { + margin-top: 1.5rem !important; + margin-bottom: 1.5rem !important; } - .m-lg-n1 { - margin: -0.25rem !important; + .my-xl-5 { + margin-top: 3rem !important; + margin-bottom: 3rem !important; } - .mt-lg-n1, - .my-lg-n1 { - margin-top: -0.25rem !important; + .my-xl-auto { + margin-top: auto !important; + margin-bottom: auto !important; } - .mr-lg-n1, - .mx-lg-n1 { - margin-right: -0.25rem !important; + .mt-xl-0 { + margin-top: 0 !important; } - .mb-lg-n1, - .my-lg-n1 { - margin-bottom: -0.25rem !important; + .mt-xl-1 { + margin-top: 0.25rem !important; } - .ml-lg-n1, - .mx-lg-n1 { - margin-left: -0.25rem !important; + .mt-xl-2 { + margin-top: 0.5rem !important; } - .m-lg-n2 { - margin: -0.5rem !important; + .mt-xl-3 { + margin-top: 1rem !important; } - .mt-lg-n2, - .my-lg-n2 { - margin-top: -0.5rem !important; + .mt-xl-4 { + margin-top: 1.5rem !important; } - .mr-lg-n2, - .mx-lg-n2 { - margin-right: -0.5rem !important; + .mt-xl-5 { + margin-top: 3rem !important; } - .mb-lg-n2, - .my-lg-n2 { - margin-bottom: -0.5rem !important; + .mt-xl-auto { + margin-top: auto !important; } - .ml-lg-n2, - .mx-lg-n2 { - margin-left: -0.5rem !important; + .mr-xl-0 { + margin-right: 0 !important; } - .m-lg-n3 { - margin: -1rem !important; + .mr-xl-1 { + margin-right: 0.25rem !important; } - .mt-lg-n3, - .my-lg-n3 { - margin-top: -1rem !important; + .mr-xl-2 { + margin-right: 0.5rem !important; } - .mr-lg-n3, - .mx-lg-n3 { - margin-right: -1rem !important; + .mr-xl-3 { + margin-right: 1rem !important; } - .mb-lg-n3, - .my-lg-n3 { - margin-bottom: -1rem !important; + .mr-xl-4 { + margin-right: 1.5rem !important; } - .ml-lg-n3, - .mx-lg-n3 { - margin-left: -1rem !important; + .mr-xl-5 { + margin-right: 3rem !important; } - .m-lg-n4 { - margin: -1.5rem !important; + .mr-xl-auto { + margin-right: auto !important; } - .mt-lg-n4, - .my-lg-n4 { - margin-top: -1.5rem !important; + .mb-xl-0 { + margin-bottom: 0 !important; } - .mr-lg-n4, - .mx-lg-n4 { - margin-right: -1.5rem !important; + .mb-xl-1 { + margin-bottom: 0.25rem !important; } - .mb-lg-n4, - .my-lg-n4 { - margin-bottom: -1.5rem !important; + .mb-xl-2 { + margin-bottom: 0.5rem !important; } - .ml-lg-n4, - .mx-lg-n4 { - margin-left: -1.5rem !important; + .mb-xl-3 { + margin-bottom: 1rem !important; } - .m-lg-n5 { - margin: -3rem !important; + .mb-xl-4 { + margin-bottom: 1.5rem !important; } - .mt-lg-n5, - .my-lg-n5 { - margin-top: -3rem !important; + .mb-xl-5 { + margin-bottom: 3rem !important; } - .mr-lg-n5, - .mx-lg-n5 { - margin-right: -3rem !important; + .mb-xl-auto { + margin-bottom: auto !important; } - .mb-lg-n5, - .my-lg-n5 { - margin-bottom: -3rem !important; + .ml-xl-0 { + margin-left: 0 !important; } - .ml-lg-n5, - .mx-lg-n5 { - margin-left: -3rem !important; + .ml-xl-1 { + margin-left: 0.25rem !important; } - .m-lg-auto { - margin: auto !important; + .ml-xl-2 { + margin-left: 0.5rem !important; } - .mt-lg-auto, - .my-lg-auto { - margin-top: auto !important; + .ml-xl-3 { + margin-left: 1rem !important; } - .mr-lg-auto, - .mx-lg-auto { - margin-right: auto !important; + .ml-xl-4 { + margin-left: 1.5rem !important; } - .mb-lg-auto, - .my-lg-auto { - margin-bottom: auto !important; + .ml-xl-5 { + margin-left: 3rem !important; } - .ml-lg-auto, - .mx-lg-auto { + .ml-xl-auto { margin-left: auto !important; } -} - -@media (min-width: 1200px) { - .m-xl-0 { - margin: 0 !important; + .m-xl-n1 { + margin: -0.25rem !important; } - .mt-xl-0, - .my-xl-0 { - margin-top: 0 !important; + .m-xl-n2 { + margin: -0.5rem !important; } - .mr-xl-0, - .mx-xl-0 { - margin-right: 0 !important; + .m-xl-n3 { + margin: -1rem !important; } - .mb-xl-0, - .my-xl-0 { - margin-bottom: 0 !important; + .m-xl-n4 { + margin: -1.5rem !important; } - .ml-xl-0, - .mx-xl-0 { - margin-left: 0 !important; + .m-xl-n5 { + margin: -3rem !important; } - .m-xl-1 { - margin: 0.25rem !important; + .mx-xl-n1 { + margin-right: -0.25rem !important; + margin-left: -0.25rem !important; } - .mt-xl-1, - .my-xl-1 { - margin-top: 0.25rem !important; + .mx-xl-n2 { + margin-right: -0.5rem !important; + margin-left: -0.5rem !important; } - .mr-xl-1, - .mx-xl-1 { - margin-right: 0.25rem !important; + .mx-xl-n3 { + margin-right: -1rem !important; + margin-left: -1rem !important; } - .mb-xl-1, - .my-xl-1 { - margin-bottom: 0.25rem !important; + .mx-xl-n4 { + margin-right: -1.5rem !important; + margin-left: -1.5rem !important; } - .ml-xl-1, - .mx-xl-1 { - margin-left: 0.25rem !important; + .mx-xl-n5 { + margin-right: -3rem !important; + margin-left: -3rem !important; } - .m-xl-2 { - margin: 0.5rem !important; + .my-xl-n1 { + margin-top: -0.25rem !important; + margin-bottom: -0.25rem !important; } - .mt-xl-2, - .my-xl-2 { - margin-top: 0.5rem !important; + .my-xl-n2 { + margin-top: -0.5rem !important; + margin-bottom: -0.5rem !important; } - .mr-xl-2, - .mx-xl-2 { - margin-right: 0.5rem !important; + .my-xl-n3 { + margin-top: -1rem !important; + margin-bottom: -1rem !important; } - .mb-xl-2, - .my-xl-2 { - margin-bottom: 0.5rem !important; + .my-xl-n4 { + margin-top: -1.5rem !important; + margin-bottom: -1.5rem !important; } - .ml-xl-2, - .mx-xl-2 { - margin-left: 0.5rem !important; + .my-xl-n5 { + margin-top: -3rem !important; + margin-bottom: -3rem !important; } - .m-xl-3 { - margin: 1rem !important; + .mt-xl-n1 { + margin-top: -0.25rem !important; } - .mt-xl-3, - .my-xl-3 { - margin-top: 1rem !important; + .mt-xl-n2 { + margin-top: -0.5rem !important; } - .mr-xl-3, - .mx-xl-3 { - margin-right: 1rem !important; + .mt-xl-n3 { + margin-top: -1rem !important; } - .mb-xl-3, - .my-xl-3 { - margin-bottom: 1rem !important; + .mt-xl-n4 { + margin-top: -1.5rem !important; } - .ml-xl-3, - .mx-xl-3 { - margin-left: 1rem !important; + .mt-xl-n5 { + margin-top: -3rem !important; } - .m-xl-4 { - margin: 1.5rem !important; + .mr-xl-n1 { + margin-right: -0.25rem !important; } - .mt-xl-4, - .my-xl-4 { - margin-top: 1.5rem !important; + .mr-xl-n2 { + margin-right: -0.5rem !important; } - .mr-xl-4, - .mx-xl-4 { - margin-right: 1.5rem !important; + .mr-xl-n3 { + margin-right: -1rem !important; } - .mb-xl-4, - .my-xl-4 { - margin-bottom: 1.5rem !important; + .mr-xl-n4 { + margin-right: -1.5rem !important; } - .ml-xl-4, - .mx-xl-4 { - margin-left: 1.5rem !important; + .mr-xl-n5 { + margin-right: -3rem !important; } - .m-xl-5 { - margin: 3rem !important; + .mb-xl-n1 { + margin-bottom: -0.25rem !important; } - .mt-xl-5, - .my-xl-5 { - margin-top: 3rem !important; + .mb-xl-n2 { + margin-bottom: -0.5rem !important; } - .mr-xl-5, - .mx-xl-5 { - margin-right: 3rem !important; + .mb-xl-n3 { + margin-bottom: -1rem !important; } - .mb-xl-5, - .my-xl-5 { - margin-bottom: 3rem !important; + .mb-xl-n4 { + margin-bottom: -1.5rem !important; } - .ml-xl-5, - .mx-xl-5 { - margin-left: 3rem !important; + .mb-xl-n5 { + margin-bottom: -3rem !important; } - .p-xl-0 { - padding: 0 !important; + .ml-xl-n1 { + margin-left: -0.25rem !important; } - .pt-xl-0, - .py-xl-0 { - padding-top: 0 !important; + .ml-xl-n2 { + margin-left: -0.5rem !important; } - .pr-xl-0, - .px-xl-0 { - padding-right: 0 !important; + .ml-xl-n3 { + margin-left: -1rem !important; } - .pb-xl-0, - .py-xl-0 { - padding-bottom: 0 !important; + .ml-xl-n4 { + margin-left: -1.5rem !important; } - .pl-xl-0, - .px-xl-0 { - padding-left: 0 !important; + .ml-xl-n5 { + margin-left: -3rem !important; + } + .p-xl-0 { + padding: 0 !important; } .p-xl-1 { padding: 0.25rem !important; } - .pt-xl-1, - .py-xl-1 { - padding-top: 0.25rem !important; + .p-xl-2 { + padding: 0.5rem !important; } - .pr-xl-1, - .px-xl-1 { - padding-right: 0.25rem !important; + .p-xl-3 { + padding: 1rem !important; } - .pb-xl-1, - .py-xl-1 { - padding-bottom: 0.25rem !important; + .p-xl-4 { + padding: 1.5rem !important; } - .pl-xl-1, - .px-xl-1 { - padding-left: 0.25rem !important; + .p-xl-5 { + padding: 3rem !important; } - .p-xl-2 { - padding: 0.5rem !important; + .px-xl-0 { + padding-right: 0 !important; + padding-left: 0 !important; } - .pt-xl-2, - .py-xl-2 { - padding-top: 0.5rem !important; + .px-xl-1 { + padding-right: 0.25rem !important; + padding-left: 0.25rem !important; } - .pr-xl-2, .px-xl-2 { padding-right: 0.5rem !important; - } - .pb-xl-2, - .py-xl-2 { - padding-bottom: 0.5rem !important; - } - .pl-xl-2, - .px-xl-2 { padding-left: 0.5rem !important; } - .p-xl-3 { - padding: 1rem !important; - } - .pt-xl-3, - .py-xl-3 { - padding-top: 1rem !important; - } - .pr-xl-3, .px-xl-3 { padding-right: 1rem !important; - } - .pb-xl-3, - .py-xl-3 { - padding-bottom: 1rem !important; - } - .pl-xl-3, - .px-xl-3 { padding-left: 1rem !important; } - .p-xl-4 { - padding: 1.5rem !important; - } - .pt-xl-4, - .py-xl-4 { - padding-top: 1.5rem !important; - } - .pr-xl-4, .px-xl-4 { padding-right: 1.5rem !important; - } - .pb-xl-4, - .py-xl-4 { - padding-bottom: 1.5rem !important; - } - .pl-xl-4, - .px-xl-4 { padding-left: 1.5rem !important; } - .p-xl-5 { - padding: 3rem !important; - } - .pt-xl-5, - .py-xl-5 { - padding-top: 3rem !important; - } - .pr-xl-5, .px-xl-5 { padding-right: 3rem !important; - } - .pb-xl-5, - .py-xl-5 { - padding-bottom: 3rem !important; - } - .pl-xl-5, - .px-xl-5 { padding-left: 3rem !important; } - .m-xl-n1 { - margin: -0.25rem !important; + .py-xl-0 { + padding-top: 0 !important; + padding-bottom: 0 !important; } - .mt-xl-n1, - .my-xl-n1 { - margin-top: -0.25rem !important; + .py-xl-1 { + padding-top: 0.25rem !important; + padding-bottom: 0.25rem !important; } - .mr-xl-n1, - .mx-xl-n1 { - margin-right: -0.25rem !important; + .py-xl-2 { + padding-top: 0.5rem !important; + padding-bottom: 0.5rem !important; } - .mb-xl-n1, - .my-xl-n1 { - margin-bottom: -0.25rem !important; + .py-xl-3 { + padding-top: 1rem !important; + padding-bottom: 1rem !important; } - .ml-xl-n1, - .mx-xl-n1 { - margin-left: -0.25rem !important; + .py-xl-4 { + padding-top: 1.5rem !important; + padding-bottom: 1.5rem !important; } - .m-xl-n2 { - margin: -0.5rem !important; + .py-xl-5 { + padding-top: 3rem !important; + padding-bottom: 3rem !important; } - .mt-xl-n2, - .my-xl-n2 { - margin-top: -0.5rem !important; + .pt-xl-0 { + padding-top: 0 !important; } - .mr-xl-n2, - .mx-xl-n2 { - margin-right: -0.5rem !important; + .pt-xl-1 { + padding-top: 0.25rem !important; } - .mb-xl-n2, - .my-xl-n2 { - margin-bottom: -0.5rem !important; + .pt-xl-2 { + padding-top: 0.5rem !important; } - .ml-xl-n2, - .mx-xl-n2 { - margin-left: -0.5rem !important; + .pt-xl-3 { + padding-top: 1rem !important; } - .m-xl-n3 { - margin: -1rem !important; + .pt-xl-4 { + padding-top: 1.5rem !important; } - .mt-xl-n3, - .my-xl-n3 { - margin-top: -1rem !important; + .pt-xl-5 { + padding-top: 3rem !important; } - .mr-xl-n3, - .mx-xl-n3 { - margin-right: -1rem !important; + .pr-xl-0 { + padding-right: 0 !important; } - .mb-xl-n3, - .my-xl-n3 { - margin-bottom: -1rem !important; + .pr-xl-1 { + padding-right: 0.25rem !important; } - .ml-xl-n3, - .mx-xl-n3 { - margin-left: -1rem !important; + .pr-xl-2 { + padding-right: 0.5rem !important; } - .m-xl-n4 { - margin: -1.5rem !important; + .pr-xl-3 { + padding-right: 1rem !important; } - .mt-xl-n4, - .my-xl-n4 { - margin-top: -1.5rem !important; + .pr-xl-4 { + padding-right: 1.5rem !important; } - .mr-xl-n4, - .mx-xl-n4 { - margin-right: -1.5rem !important; + .pr-xl-5 { + padding-right: 3rem !important; } - .mb-xl-n4, - .my-xl-n4 { - margin-bottom: -1.5rem !important; + .pb-xl-0 { + padding-bottom: 0 !important; } - .ml-xl-n4, - .mx-xl-n4 { - margin-left: -1.5rem !important; + .pb-xl-1 { + padding-bottom: 0.25rem !important; } - .m-xl-n5 { - margin: -3rem !important; + .pb-xl-2 { + padding-bottom: 0.5rem !important; } - .mt-xl-n5, - .my-xl-n5 { - margin-top: -3rem !important; + .pb-xl-3 { + padding-bottom: 1rem !important; } - .mr-xl-n5, - .mx-xl-n5 { - margin-right: -3rem !important; + .pb-xl-4 { + padding-bottom: 1.5rem !important; } - .mb-xl-n5, - .my-xl-n5 { - margin-bottom: -3rem !important; + .pb-xl-5 { + padding-bottom: 3rem !important; } - .ml-xl-n5, - .mx-xl-n5 { - margin-left: -3rem !important; + .pl-xl-0 { + padding-left: 0 !important; } - .m-xl-auto { - margin: auto !important; + .pl-xl-1 { + padding-left: 0.25rem !important; } - .mt-xl-auto, - .my-xl-auto { - margin-top: auto !important; + .pl-xl-2 { + padding-left: 0.5rem !important; } - .mr-xl-auto, - .mx-xl-auto { - margin-right: auto !important; + .pl-xl-3 { + padding-left: 1rem !important; } - .mb-xl-auto, - .my-xl-auto { - margin-bottom: auto !important; + .pl-xl-4 { + padding-left: 1.5rem !important; } - .ml-xl-auto, - .mx-xl-auto { - margin-left: auto !important; + .pl-xl-5 { + padding-left: 3rem !important; } -} - -.text-monospace { - font-family: SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace !important; -} - -.text-justify { - text-align: justify !important; -} - -.text-wrap { - white-space: normal !important; -} - -.text-nowrap { - white-space: nowrap !important; -} - -.text-truncate { - overflow: hidden; - text-overflow: ellipsis; - white-space: nowrap; -} - -.text-left { - text-align: left !important; -} - -.text-right { - text-align: right !important; -} - -.text-center { - text-align: center !important; -} - -@media (min-width: 576px) { - .text-sm-left { + .text-xl-left { text-align: left !important; } - .text-sm-right { + .text-xl-right { text-align: right !important; } - .text-sm-center { + .text-xl-center { text-align: center !important; } + .text-xl-justify { + text-align: justify !important; + } } -@media (min-width: 768px) { - .text-md-left { - text-align: left !important; +@media print { + .d-print-none { + display: none !important; } - .text-md-right { - text-align: right !important; + .d-print-inline { + display: inline !important; } - .text-md-center { - text-align: center !important; + .d-print-inline-block { + display: inline-block !important; } -} - -@media (min-width: 992px) { - .text-lg-left { - text-align: left !important; + .d-print-block { + display: block !important; } - .text-lg-right { - text-align: right !important; + .d-print-table { + display: table !important; } - .text-lg-center { - text-align: center !important; + .d-print-table-row { + display: table-row !important; } -} - -@media (min-width: 1200px) { - .text-xl-left { - text-align: left !important; + .d-print-table-cell { + display: table-cell !important; } - .text-xl-right { - text-align: right !important; + .d-print-flex { + display: flex !important; } - .text-xl-center { - text-align: center !important; + .d-print-inline-flex { + display: inline-flex !important; } } -.text-lowercase { - text-transform: lowercase !important; -} - -.text-uppercase { - text-transform: uppercase !important; -} - -.text-capitalize { - text-transform: capitalize !important; -} - -.font-weight-light { - font-weight: 300 !important; -} - -.font-weight-lighter { - font-weight: lighter !important; +.mw-100 { + max-width: 100% !important; } -.font-weight-normal { - font-weight: 400 !important; +.mh-100 { + max-height: 100% !important; } -.font-weight-bold { - font-weight: 700 !important; +.min-vw-100 { + min-width: 100vw !important; } -.font-weight-bolder { - font-weight: bolder !important; +.min-vh-100 { + min-height: 100vh !important; } -.font-italic { - font-style: italic !important; +.vw-100 { + width: 100vw !important; } -.text-white { - color: #fff !important; +.vh-100 { + height: 100vh !important; } .text-primary { @@ -9246,35 +9309,6 @@ a.text-dark:hover, a.text-dark:focus { color: #121416 !important; } -.text-body { - color: #212529 !important; -} - -.text-muted { - color: #6c757d !important; -} - -.text-black-50 { - color: rgba(0, 0, 0, 0.5) !important; -} - -.text-white-50 { - color: rgba(255, 255, 255, 0.5) !important; -} - -.text-decoration-none { - text-decoration: none !important; -} - -.text-break { - word-break: break-word !important; - overflow-wrap: break-word !important; -} - -.text-reset { - color: inherit !important; -} - .visible { visibility: visible !important; } @@ -9282,83 +9316,4 @@ a.text-dark:hover, a.text-dark:focus { .invisible { visibility: hidden !important; } - -@media print { - *, - *::before, - *::after { - text-shadow: none !important; - box-shadow: none !important; - } - a:not(.btn) { - text-decoration: underline; - } - abbr[title]::after { - content: " (" attr(title) ")"; - } - pre { - white-space: pre-wrap !important; - } - pre, - blockquote { - border: 1px solid #adb5bd; - page-break-inside: avoid; - } - thead { - display: table-header-group; - } - tr, - img { - page-break-inside: avoid; - } - p, - h2, - h3 { - orphans: 3; - widows: 3; - } - h2, - h3 { - page-break-after: avoid; - } - @page { - size: a3; - } - body { - min-width: 992px !important; - } - .container { - min-width: 992px !important; - } - .navbar { - display: none; - } - .badge { - border: 1px solid #000; - } - .table { - border-collapse: collapse !important; - } - .table td, - .table th { - background-color: #fff !important; - } - .table-bordered th, - .table-bordered td { - border: 1px solid #dee2e6 !important; - } - .table-dark { - color: inherit; - } - .table-dark th, - .table-dark td, - .table-dark thead th, - .table-dark tbody + tbody { - border-color: #dee2e6; - } - .table .thead-dark th { - color: inherit; - border-color: #dee2e6; - } -} /*# sourceMappingURL=bootstrap.css.map */ \ No newline at end of file -- cgit v1.2.3