* Copyright 2011-2020 Twitter, Inc.
* Licensed under MIT (https://github.com/twbs/bootstrap/blob/main/LICENSE)
*/
-/*
-Caller should import variables (which in turn includes functions..)
-@import "functions";
-@import "variables";
-*/
:root {
--blue: #007bff;
--indigo: #6610f2;
--breakpoint-md: 768px;
--breakpoint-lg: 992px;
--breakpoint-xl: 1200px;
- --font-family-sans-serif: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, "Noto Sans", sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";
+ --font-family-sans-serif: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, "Noto Sans", "Liberation Sans", sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";
--font-family-monospace: SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace; }
*,
body {
margin: 0;
- font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, "Noto Sans", sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";
+ font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, "Noto Sans", "Liberation Sans", sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";
font-size: 1rem;
font-weight: 400;
line-height: 1.5;
border-radius: 0; }
button:focus {
- outline: 1px dotted;
- outline: 5px auto -webkit-focus-ring-color; }
+ outline: dotted 1px;
+ outline: -webkit-focus-ring-color auto 5px; }
input,
button,
color: #fff;
background-color: rgba(40, 167, 69, 0.9);
border-radius: 0.25rem; }
+ .form-row > .col > .valid-tooltip, .form-row > [class*="col-"] > .valid-tooltip {
+ left: 5px; }
.was-validated :valid ~ .valid-feedback,
.was-validated :valid ~ .valid-tooltip,
.was-validated .custom-select:valid, .custom-select.is-valid {
border-color: #28a745;
padding-right: calc(0.75em + 2.3125rem);
- background: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' width='4' height='5' 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' width='8' height='8' 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); }
+ background: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' width='4' height='5' viewBox='0 0 4 5'%3e%3cpath fill='%23343a40' d='M2 0L0 2h4zm0 5L0 3h4z'/%3e%3c/svg%3e") right 0.75rem center/8px 10px no-repeat, #fff url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' width='8' height='8' 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") center right 1.75rem/calc(0.75em + 0.375rem) calc(0.75em + 0.375rem) no-repeat; }
.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); }
color: #fff;
background-color: rgba(220, 53, 69, 0.9);
border-radius: 0.25rem; }
+ .form-row > .col > .invalid-tooltip, .form-row > [class*="col-"] > .invalid-tooltip {
+ left: 5px; }
.was-validated :invalid ~ .invalid-feedback,
.was-validated :invalid ~ .invalid-tooltip,
.was-validated .custom-select:invalid, .custom-select.is-invalid {
border-color: #dc3545;
padding-right: calc(0.75em + 2.3125rem);
- background: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' width='4' height='5' 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' width='12' height='12' fill='none' stroke='%23dc3545' viewBox='0 0 12 12'%3e%3ccircle cx='6' cy='6' r='4.5'/%3e%3cpath stroke-linejoin='round' d='M5.8 3.6h.4L6 6.5z'/%3e%3ccircle cx='6' cy='8.2' r='.6' fill='%23dc3545' stroke='none'/%3e%3c/svg%3e") #fff no-repeat center right 1.75rem/calc(0.75em + 0.375rem) calc(0.75em + 0.375rem); }
+ background: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' width='4' height='5' viewBox='0 0 4 5'%3e%3cpath fill='%23343a40' d='M2 0L0 2h4zm0 5L0 3h4z'/%3e%3c/svg%3e") right 0.75rem center/8px 10px no-repeat, #fff url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' fill='none' stroke='%23dc3545' viewBox='0 0 12 12'%3e%3ccircle cx='6' cy='6' r='4.5'/%3e%3cpath stroke-linejoin='round' d='M5.8 3.6h.4L6 6.5z'/%3e%3ccircle cx='6' cy='8.2' r='.6' fill='%23dc3545' stroke='none'/%3e%3c/svg%3e") center right 1.75rem/calc(0.75em + 0.375rem) calc(0.75em + 0.375rem) no-repeat; }
.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); }
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; }
.input-group > .form-control:not(:first-child),
.input-group > .custom-select:not(:first-child) {
border-top-left-radius: 0;
.input-group > .custom-file {
display: flex;
align-items: center; }
- .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; }
- .input-group > .custom-file:not(:first-child) .custom-file-label {
+ .input-group > .custom-file:not(:last-child) .custom-file-label, .input-group > .custom-file:not(:first-child) .custom-file-label {
border-top-left-radius: 0;
border-bottom-left-radius: 0; }
+ .input-group:not(.has-validation) > .form-control:not(:last-child),
+ .input-group:not(.has-validation) > .custom-select:not(:last-child),
+ .input-group:not(.has-validation) > .custom-file:not(:last-child) .custom-file-label::after {
+ border-top-right-radius: 0;
+ border-bottom-right-radius: 0; }
+ .input-group.has-validation > .form-control:nth-last-child(n + 3),
+ .input-group.has-validation > .custom-select:nth-last-child(n + 3),
+ .input-group.has-validation > .custom-file:nth-last-child(n + 3) .custom-file-label::after {
+ border-top-right-radius: 0;
+ border-bottom-right-radius: 0; }
.input-group-prepend,
.input-group-append {
.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:not(.has-validation) > .input-group-append:not(:last-child) > .btn,
+.input-group:not(.has-validation) > .input-group-append:not(:last-child) > .input-group-text,
+.input-group.has-validation > .input-group-append:nth-last-child(n + 3) > .btn,
+.input-group.has-validation > .input-group-append:nth-last-child(n + 3) > .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;
width: 1rem;
height: 1rem;
content: "";
- background: no-repeat 50% / 50% 50%; }
+ background: 50% / 50% 50% no-repeat; }
.custom-checkbox .custom-control-label::before {
border-radius: 0.25rem; }
line-height: 1.5;
color: #495057;
vertical-align: middle;
- background: #fff url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' width='4' height='5' 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: #fff url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' width='4' height='5' viewBox='0 0 4 5'%3e%3cpath fill='%23343a40' d='M2 0L0 2h4zm0 5L0 3h4z'/%3e%3c/svg%3e") right 0.75rem center/8px 10px no-repeat;
border: 1px solid #ced4da;
border-radius: 0.25rem;
appearance: none; }
width: 100%;
height: calc(1.5em + 0.75rem + 2px);
margin: 0;
+ overflow: hidden;
opacity: 0; }
.custom-file-input:focus ~ .custom-file-label {
border-color: #80bdff;
z-index: 1;
height: calc(1.5em + 0.75rem + 2px);
padding: 0.375rem 0.75rem;
+ overflow: hidden;
font-weight: 400;
line-height: 1.5;
color: #495057;
height: 1.5em;
vertical-align: middle;
content: "";
- background: no-repeat center center;
- background-size: 100% 100%; }
+ background: 50% / 100% 100% no-repeat; }
@media (max-width: 575.98px) {
.navbar-expand-sm > .container,
background-color: #e9ecef;
border-radius: 0.25rem; }
-.breadcrumb-item {
- display: flex; }
- .breadcrumb-item + .breadcrumb-item {
- padding-left: 0.5rem; }
- .breadcrumb-item + .breadcrumb-item::before {
- display: inline-block;
- padding-right: 0.5rem;
- color: #6c757d;
- content: "/"; }
- .breadcrumb-item + .breadcrumb-item:hover::before {
- text-decoration: underline; }
- .breadcrumb-item + .breadcrumb-item:hover::before {
- text-decoration: none; }
- .breadcrumb-item.active {
- color: #6c757d; }
+.breadcrumb-item + .breadcrumb-item {
+ padding-left: 0.5rem; }
+ .breadcrumb-item + .breadcrumb-item::before {
+ float: left;
+ padding-right: 0.5rem;
+ color: #6c757d;
+ content: "/"; }
+
+.breadcrumb-item + .breadcrumb-item:hover::before {
+ text-decoration: underline; }
+
+.breadcrumb-item + .breadcrumb-item:hover::before {
+ text-decoration: none; }
+
+.breadcrumb-item.active {
+ color: #6c757d; }
.pagination {
display: flex;
white-space: nowrap;
vertical-align: baseline;
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;
- /*
- @at-root a.badge {
- @include hover-focus() {
- text-decoration: none;
- }
- }
-*/ }
+ 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; }
@media (prefers-reduced-motion: reduce) {
.badge {
transition: none; } }
+ a.badge:hover, a.badge:focus {
+ text-decoration: none; }
.badge:empty {
display: none; }
.badge-primary {
color: #fff;
- background-color: #007bff;
- /* @at-root a.badge-primary { */ }
- .badge-primary[href]:hover, .badge-primary[href]:focus {
+ background-color: #007bff; }
+ a.badge-primary:hover, a.badge-primary:focus {
color: #fff;
background-color: #0062cc; }
- .badge-primary[href]:focus, .badge-primary.focus[href] {
+ a.badge-primary:focus, a.badge-primary.focus {
outline: 0;
box-shadow: 0 0 0 0.2rem rgba(0, 123, 255, 0.5); }
.badge-secondary {
color: #fff;
- background-color: #6c757d;
- /* @at-root a.badge-secondary { */ }
- .badge-secondary[href]:hover, .badge-secondary[href]:focus {
+ background-color: #6c757d; }
+ a.badge-secondary:hover, a.badge-secondary:focus {
color: #fff;
background-color: #545b62; }
- .badge-secondary[href]:focus, .badge-secondary.focus[href] {
+ a.badge-secondary:focus, a.badge-secondary.focus {
outline: 0;
box-shadow: 0 0 0 0.2rem rgba(108, 117, 125, 0.5); }
.badge-success {
color: #fff;
- background-color: #28a745;
- /* @at-root a.badge-success { */ }
- .badge-success[href]:hover, .badge-success[href]:focus {
+ background-color: #28a745; }
+ a.badge-success:hover, a.badge-success:focus {
color: #fff;
background-color: #1e7e34; }
- .badge-success[href]:focus, .badge-success.focus[href] {
+ a.badge-success:focus, a.badge-success.focus {
outline: 0;
box-shadow: 0 0 0 0.2rem rgba(40, 167, 69, 0.5); }
.badge-info {
color: #fff;
- background-color: #17a2b8;
- /* @at-root a.badge-info { */ }
- .badge-info[href]:hover, .badge-info[href]:focus {
+ background-color: #17a2b8; }
+ a.badge-info:hover, a.badge-info:focus {
color: #fff;
background-color: #117a8b; }
- .badge-info[href]:focus, .badge-info.focus[href] {
+ a.badge-info:focus, a.badge-info.focus {
outline: 0;
box-shadow: 0 0 0 0.2rem rgba(23, 162, 184, 0.5); }
.badge-warning {
color: #212529;
- background-color: #ffc107;
- /* @at-root a.badge-warning { */ }
- .badge-warning[href]:hover, .badge-warning[href]:focus {
+ background-color: #ffc107; }
+ a.badge-warning:hover, a.badge-warning:focus {
color: #212529;
background-color: #d39e00; }
- .badge-warning[href]:focus, .badge-warning.focus[href] {
+ a.badge-warning:focus, a.badge-warning.focus {
outline: 0;
box-shadow: 0 0 0 0.2rem rgba(255, 193, 7, 0.5); }
.badge-danger {
color: #fff;
- background-color: #dc3545;
- /* @at-root a.badge-danger { */ }
- .badge-danger[href]:hover, .badge-danger[href]:focus {
+ background-color: #dc3545; }
+ a.badge-danger:hover, a.badge-danger:focus {
color: #fff;
background-color: #bd2130; }
- .badge-danger[href]:focus, .badge-danger.focus[href] {
+ a.badge-danger:focus, a.badge-danger.focus {
outline: 0;
box-shadow: 0 0 0 0.2rem rgba(220, 53, 69, 0.5); }
.badge-light {
color: #212529;
- background-color: #f8f9fa;
- /* @at-root a.badge-light { */ }
- .badge-light[href]:hover, .badge-light[href]:focus {
+ background-color: #f8f9fa; }
+ a.badge-light:hover, a.badge-light:focus {
color: #212529;
background-color: #dae0e5; }
- .badge-light[href]:focus, .badge-light.focus[href] {
+ a.badge-light:focus, a.badge-light.focus {
outline: 0;
box-shadow: 0 0 0 0.2rem rgba(248, 249, 250, 0.5); }
.badge-dark {
color: #fff;
- background-color: #343a40;
- /* @at-root a.badge-dark { */ }
- .badge-dark[href]:hover, .badge-dark[href]:focus {
+ background-color: #343a40; }
+ a.badge-dark:hover, a.badge-dark:focus {
color: #fff;
background-color: #1d2124; }
- .badge-dark[href]:focus, .badge-dark.focus[href] {
+ a.badge-dark:focus, a.badge-dark.focus {
outline: 0;
box-shadow: 0 0 0 0.2rem rgba(52, 58, 64, 0.5); }
background-size: 1rem 1rem; }
.progress-bar-animated {
- animation: progress-bar-stripes 1s linear infinite; }
+ animation: 1s linear infinite progress-bar-stripes; }
@media (prefers-reduced-motion: reduce) {
.progress-bar-animated {
animation: none; } }
z-index: 1070;
display: block;
margin: 0;
- font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, "Noto Sans", sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";
+ font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, "Noto Sans", "Liberation Sans", sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";
font-style: normal;
font-weight: 400;
line-height: 1.5;
z-index: 1060;
display: block;
max-width: 276px;
- font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, "Noto Sans", sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";
+ font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, "Noto Sans", "Liberation Sans", sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";
font-style: normal;
font-weight: 400;
line-height: 1.5;
display: inline-block;
width: 20px;
height: 20px;
- background: no-repeat 50% / 100% 100%; }
+ background: 50% / 100% 100% no-repeat; }
.carousel-control-prev-icon {
background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' fill='%23fff' width='8' height='8' viewBox='0 0 8 8'%3e%3cpath d='M5.25 0l-4 4 4 4 1.5-1.5L4.25 4l2.5-2.5L5.25 0z'/%3e%3c/svg%3e"); }
border: 0.25em solid currentColor;
border-right-color: transparent;
border-radius: 50%;
- animation: spinner-border .75s linear infinite; }
+ animation: .75s linear infinite spinner-border; }
.spinner-border-sm {
width: 1rem;
background-color: currentColor;
border-radius: 50%;
opacity: 0;
- animation: spinner-grow .75s linear infinite; }
+ animation: .75s linear infinite spinner-grow; }
.spinner-grow-sm {
width: 1rem;
height: 1rem; }
+@media (prefers-reduced-motion: reduce) {
+ .spinner-border,
+ .spinner-grow {
+ animation-duration: 1.5s; } }
+
.align-baseline {
vertical-align: baseline !important; }