From 91481768fb27473ab3e8d3b9fa97f82247d68623 Mon Sep 17 00:00:00 2001 From: Alex Speaker Date: Wed, 24 Jun 2026 21:25:46 +0200 Subject: [PATCH] vers. 2.5.1 --- css/bootstrap.css | 1860 ++++++++++++++++++++++-------- css/style.css | 6 +- data/changelog.xml | 8 + pages/page/404.php | 18 +- pages/page/about.php | 25 +- pages/page/changelog.php | 22 +- pages/page/contact.php | 22 +- pages/page/copyright.php | 23 +- pages/page/home.php | 6 +- pages/page/podcast.php | 22 +- pages/page/policyprivacy.php | 24 +- pages/page/radio.php | 23 +- pages/page/terminicondizioni.php | 25 +- pages/page/tv.php | 23 +- 14 files changed, 1523 insertions(+), 584 deletions(-) diff --git a/css/bootstrap.css b/css/bootstrap.css index f75560b..23813c5 100644 --- a/css/bootstrap.css +++ b/css/bootstrap.css @@ -1,4 +1,5 @@ @charset "UTF-8"; + /*! * Bootstrap v5.1.3 (https://getbootstrap.com/) * Copyright 2011-2021 The Bootstrap Authors @@ -96,54 +97,83 @@ hr:not([size]) { height: 1px; } -h6, .h6, h5, .h5, h4, .h4, h3, .h3, h2, .h2, h1, .h1 { +h6, +.h6, +h5, +.h5, +h4, +.h4, +h3, +.h3, +h2, +.h2, +h1, +.h1 { margin-top: 0; margin-bottom: 0.5rem; font-weight: 500; line-height: 1.2; } -h1, .h1 { +h1, +.h1 { font-size: calc(1.375rem + 1.5vw); } + @media (min-width: 1200px) { - h1, .h1 { + + h1, + .h1 { font-size: 2.5rem; } } -h2, .h2 { +h2, +.h2 { font-size: calc(1.325rem + 0.9vw); } + @media (min-width: 1200px) { - h2, .h2 { + + h2, + .h2 { font-size: 2rem; } } -h3, .h3 { +h3, +.h3 { font-size: 1rem; } + @media (min-width: 1200px) { - h3, .h3 { + + h3, + .h3 { font-size: 1.75rem; } } -h4, .h4 { +h4, +.h4 { font-size: calc(1.275rem + 0.3vw); } + @media (min-width: 1200px) { - h4, .h4 { + + h4, + .h4 { font-size: 1.5rem; } } -h5, .h5 { +h5, +.h5 { font-size: 1.25rem; } -h6, .h6 { +h6, +.h6 { font-size: 1rem; } @@ -204,11 +234,13 @@ strong { font-weight: bolder; } -small, .small { +small, +.small { font-size: 0.875em; } -mark, .mark { +mark, +.mark { padding: 0.2em; background-color: #fcf8e3; } @@ -233,11 +265,13 @@ a { color: #0d6efd; text-decoration: underline; } + a:hover { color: #0a58ca; } -a:not([href]):not([class]), a:not([href]):not([class]):hover { +a:not([href]):not([class]), +a:not([href]):not([class]):hover { color: inherit; text-decoration: none; } @@ -248,7 +282,9 @@ kbd, samp { font-family: var(--bs-font-monospace); font-size: 1em; - direction: ltr /* rtl:ignore */; + direction: ltr + /* rtl:ignore */ + ; unicode-bidi: bidi-override; } @@ -259,6 +295,7 @@ pre { overflow: auto; font-size: 0.875em; } + pre code { font-size: inherit; color: inherit; @@ -270,7 +307,8 @@ code { color: #d63384; word-wrap: break-word; } -a > code { + +a>code { color: inherit; } @@ -281,6 +319,7 @@ kbd { background-color: #212529; border-radius: 0.2rem; } + kbd kbd { padding: 0; font-size: 1em; @@ -359,6 +398,7 @@ select { select { word-wrap: normal; } + select:disabled { opacity: 1; } @@ -373,6 +413,7 @@ button, [type=submit] { -webkit-appearance: button; } + button:not(:disabled), [type=button]:not(:disabled), [type=reset]:not(:disabled), @@ -404,12 +445,14 @@ legend { font-size: calc(1.275rem + 0.3vw); line-height: inherit; } + @media (min-width: 1200px) { legend { font-size: 1.5rem; } } -legend + * { + +legend+* { clear: left; } @@ -492,6 +535,7 @@ progress { font-weight: 300; line-height: 1.2; } + @media (min-width: 1200px) { .display-1 { font-size: 5rem; @@ -503,6 +547,7 @@ progress { font-weight: 300; line-height: 1.2; } + @media (min-width: 1200px) { .display-2 { font-size: 4.5rem; @@ -514,6 +559,7 @@ progress { font-weight: 300; line-height: 1.2; } + @media (min-width: 1200px) { .display-3 { font-size: 4rem; @@ -525,6 +571,7 @@ progress { font-weight: 300; line-height: 1.2; } + @media (min-width: 1200px) { .display-4 { font-size: 3.5rem; @@ -536,6 +583,7 @@ progress { font-weight: 300; line-height: 1.2; } + @media (min-width: 1200px) { .display-5 { font-size: 3rem; @@ -547,6 +595,7 @@ progress { font-weight: 300; line-height: 1.2; } + @media (min-width: 1200px) { .display-6 { font-size: 2.5rem; @@ -566,6 +615,7 @@ progress { .list-inline-item { display: inline-block; } + .list-inline-item:not(:last-child) { margin-right: 0.5rem; } @@ -579,7 +629,8 @@ progress { margin-bottom: 1rem; font-size: 1.25rem; } -.blockquote > :last-child { + +.blockquote> :last-child { margin-bottom: 0; } @@ -589,6 +640,7 @@ progress { font-size: 0.875em; color: #6c757d; } + .blockquote-footer::before { content: "— "; } @@ -636,30 +688,55 @@ progress { } @media (min-width: 576px) { - .container-sm, .container { + + .container-sm, + .container { max-width: 540px; } } + @media (min-width: 768px) { - .container-md, .container-sm, .container { + + .container-md, + .container-sm, + .container { max-width: 720px; } } + @media (min-width: 992px) { - .container-lg, .container-md, .container-sm, .container { + + .container-lg, + .container-md, + .container-sm, + .container { max-width: 960px; } } + @media (min-width: 1200px) { - .container-xl, .container-lg, .container-md, .container-sm, .container { + + .container-xl, + .container-lg, + .container-md, + .container-sm, + .container { max-width: 1140px; } } + @media (min-width: 1400px) { - .container-xxl, .container-xl, .container-lg, .container-md, .container-sm, .container { + + .container-xxl, + .container-xl, + .container-lg, + .container-md, + .container-sm, + .container { max-width: 1320px; } } + .row { --bs-gutter-x: 1.5rem; --bs-gutter-y: 0; @@ -669,7 +746,8 @@ progress { margin-right: calc(-0.5 * var(--bs-gutter-x)); margin-left: calc(-0.5 * var(--bs-gutter-x)); } -.row > * { + +.row>* { flex-shrink: 0; width: 100%; max-width: 100%; @@ -682,37 +760,37 @@ progress { flex: 1 0 0%; } -.row-cols-auto > * { +.row-cols-auto>* { flex: 0 0 auto; width: auto; } -.row-cols-1 > * { +.row-cols-1>* { flex: 0 0 auto; width: 100%; } -.row-cols-2 > * { +.row-cols-2>* { flex: 0 0 auto; width: 50%; } -.row-cols-3 > * { +.row-cols-3>* { flex: 0 0 auto; width: 33.3333333333%; } -.row-cols-4 > * { +.row-cols-4>* { flex: 0 0 auto; width: 25%; } -.row-cols-5 > * { +.row-cols-5>* { flex: 0 0 auto; width: 20%; } -.row-cols-6 > * { +.row-cols-6>* { flex: 0 0 auto; width: 16.6666666667%; } @@ -891,37 +969,37 @@ progress { flex: 1 0 0%; } - .row-cols-sm-auto > * { + .row-cols-sm-auto>* { flex: 0 0 auto; width: auto; } - .row-cols-sm-1 > * { + .row-cols-sm-1>* { flex: 0 0 auto; width: 100%; } - .row-cols-sm-2 > * { + .row-cols-sm-2>* { flex: 0 0 auto; width: 50%; } - .row-cols-sm-3 > * { + .row-cols-sm-3>* { flex: 0 0 auto; width: 33.3333333333%; } - .row-cols-sm-4 > * { + .row-cols-sm-4>* { flex: 0 0 auto; width: 25%; } - .row-cols-sm-5 > * { + .row-cols-sm-5>* { flex: 0 0 auto; width: 20%; } - .row-cols-sm-6 > * { + .row-cols-sm-6>* { flex: 0 0 auto; width: 16.6666666667%; } @@ -1040,101 +1118,102 @@ progress { } .g-sm-0, -.gx-sm-0 { + .gx-sm-0 { --bs-gutter-x: 0; } .g-sm-0, -.gy-sm-0 { + .gy-sm-0 { --bs-gutter-y: 0; } .g-sm-1, -.gx-sm-1 { + .gx-sm-1 { --bs-gutter-x: 0.25rem; } .g-sm-1, -.gy-sm-1 { + .gy-sm-1 { --bs-gutter-y: 0.25rem; } .g-sm-2, -.gx-sm-2 { + .gx-sm-2 { --bs-gutter-x: 0.5rem; } .g-sm-2, -.gy-sm-2 { + .gy-sm-2 { --bs-gutter-y: 0.5rem; } .g-sm-3, -.gx-sm-3 { + .gx-sm-3 { --bs-gutter-x: 1rem; } .g-sm-3, -.gy-sm-3 { + .gy-sm-3 { --bs-gutter-y: 1rem; } .g-sm-4, -.gx-sm-4 { + .gx-sm-4 { --bs-gutter-x: 1.5rem; } .g-sm-4, -.gy-sm-4 { + .gy-sm-4 { --bs-gutter-y: 1.5rem; } .g-sm-5, -.gx-sm-5 { + .gx-sm-5 { --bs-gutter-x: 3rem; } .g-sm-5, -.gy-sm-5 { + .gy-sm-5 { --bs-gutter-y: 3rem; } } + @media (min-width: 768px) { .col-md { flex: 1 0 0%; } - .row-cols-md-auto > * { + .row-cols-md-auto>* { flex: 0 0 auto; width: auto; } - .row-cols-md-1 > * { + .row-cols-md-1>* { flex: 0 0 auto; width: 100%; } - .row-cols-md-2 > * { + .row-cols-md-2>* { flex: 0 0 auto; width: 50%; } - .row-cols-md-3 > * { + .row-cols-md-3>* { flex: 0 0 auto; width: 33.3333333333%; } - .row-cols-md-4 > * { + .row-cols-md-4>* { flex: 0 0 auto; width: 25%; } - .row-cols-md-5 > * { + .row-cols-md-5>* { flex: 0 0 auto; width: 20%; } - .row-cols-md-6 > * { + .row-cols-md-6>* { flex: 0 0 auto; width: 16.6666666667%; } @@ -1253,101 +1332,102 @@ progress { } .g-md-0, -.gx-md-0 { + .gx-md-0 { --bs-gutter-x: 0; } .g-md-0, -.gy-md-0 { + .gy-md-0 { --bs-gutter-y: 0; } .g-md-1, -.gx-md-1 { + .gx-md-1 { --bs-gutter-x: 0.25rem; } .g-md-1, -.gy-md-1 { + .gy-md-1 { --bs-gutter-y: 0.25rem; } .g-md-2, -.gx-md-2 { + .gx-md-2 { --bs-gutter-x: 0.5rem; } .g-md-2, -.gy-md-2 { + .gy-md-2 { --bs-gutter-y: 0.5rem; } .g-md-3, -.gx-md-3 { + .gx-md-3 { --bs-gutter-x: 1rem; } .g-md-3, -.gy-md-3 { + .gy-md-3 { --bs-gutter-y: 1rem; } .g-md-4, -.gx-md-4 { + .gx-md-4 { --bs-gutter-x: 1.5rem; } .g-md-4, -.gy-md-4 { + .gy-md-4 { --bs-gutter-y: 1.5rem; } .g-md-5, -.gx-md-5 { + .gx-md-5 { --bs-gutter-x: 3rem; } .g-md-5, -.gy-md-5 { + .gy-md-5 { --bs-gutter-y: 3rem; } } + @media (min-width: 992px) { .col-lg { flex: 1 0 0%; } - .row-cols-lg-auto > * { + .row-cols-lg-auto>* { flex: 0 0 auto; width: auto; } - .row-cols-lg-1 > * { + .row-cols-lg-1>* { flex: 0 0 auto; width: 100%; } - .row-cols-lg-2 > * { + .row-cols-lg-2>* { flex: 0 0 auto; width: 50%; } - .row-cols-lg-3 > * { + .row-cols-lg-3>* { flex: 0 0 auto; width: 33.3333333333%; } - .row-cols-lg-4 > * { + .row-cols-lg-4>* { flex: 0 0 auto; width: 25%; } - .row-cols-lg-5 > * { + .row-cols-lg-5>* { flex: 0 0 auto; width: 20%; } - .row-cols-lg-6 > * { + .row-cols-lg-6>* { flex: 0 0 auto; width: 16.6666666667%; } @@ -1466,101 +1546,102 @@ progress { } .g-lg-0, -.gx-lg-0 { + .gx-lg-0 { --bs-gutter-x: 0; } .g-lg-0, -.gy-lg-0 { + .gy-lg-0 { --bs-gutter-y: 0; } .g-lg-1, -.gx-lg-1 { + .gx-lg-1 { --bs-gutter-x: 0.25rem; } .g-lg-1, -.gy-lg-1 { + .gy-lg-1 { --bs-gutter-y: 0.25rem; } .g-lg-2, -.gx-lg-2 { + .gx-lg-2 { --bs-gutter-x: 0.5rem; } .g-lg-2, -.gy-lg-2 { + .gy-lg-2 { --bs-gutter-y: 0.5rem; } .g-lg-3, -.gx-lg-3 { + .gx-lg-3 { --bs-gutter-x: 1rem; } .g-lg-3, -.gy-lg-3 { + .gy-lg-3 { --bs-gutter-y: 1rem; } .g-lg-4, -.gx-lg-4 { + .gx-lg-4 { --bs-gutter-x: 1.5rem; } .g-lg-4, -.gy-lg-4 { + .gy-lg-4 { --bs-gutter-y: 1.5rem; } .g-lg-5, -.gx-lg-5 { + .gx-lg-5 { --bs-gutter-x: 3rem; } .g-lg-5, -.gy-lg-5 { + .gy-lg-5 { --bs-gutter-y: 3rem; } } + @media (min-width: 1200px) { .col-xl { flex: 1 0 0%; } - .row-cols-xl-auto > * { + .row-cols-xl-auto>* { flex: 0 0 auto; width: auto; } - .row-cols-xl-1 > * { + .row-cols-xl-1>* { flex: 0 0 auto; width: 100%; } - .row-cols-xl-2 > * { + .row-cols-xl-2>* { flex: 0 0 auto; width: 50%; } - .row-cols-xl-3 > * { + .row-cols-xl-3>* { flex: 0 0 auto; width: 33.3333333333%; } - .row-cols-xl-4 > * { + .row-cols-xl-4>* { flex: 0 0 auto; width: 25%; } - .row-cols-xl-5 > * { + .row-cols-xl-5>* { flex: 0 0 auto; width: 20%; } - .row-cols-xl-6 > * { + .row-cols-xl-6>* { flex: 0 0 auto; width: 16.6666666667%; } @@ -1679,101 +1760,102 @@ progress { } .g-xl-0, -.gx-xl-0 { + .gx-xl-0 { --bs-gutter-x: 0; } .g-xl-0, -.gy-xl-0 { + .gy-xl-0 { --bs-gutter-y: 0; } .g-xl-1, -.gx-xl-1 { + .gx-xl-1 { --bs-gutter-x: 0.25rem; } .g-xl-1, -.gy-xl-1 { + .gy-xl-1 { --bs-gutter-y: 0.25rem; } .g-xl-2, -.gx-xl-2 { + .gx-xl-2 { --bs-gutter-x: 0.5rem; } .g-xl-2, -.gy-xl-2 { + .gy-xl-2 { --bs-gutter-y: 0.5rem; } .g-xl-3, -.gx-xl-3 { + .gx-xl-3 { --bs-gutter-x: 1rem; } .g-xl-3, -.gy-xl-3 { + .gy-xl-3 { --bs-gutter-y: 1rem; } .g-xl-4, -.gx-xl-4 { + .gx-xl-4 { --bs-gutter-x: 1.5rem; } .g-xl-4, -.gy-xl-4 { + .gy-xl-4 { --bs-gutter-y: 1.5rem; } .g-xl-5, -.gx-xl-5 { + .gx-xl-5 { --bs-gutter-x: 3rem; } .g-xl-5, -.gy-xl-5 { + .gy-xl-5 { --bs-gutter-y: 3rem; } } + @media (min-width: 1400px) { .col-xxl { flex: 1 0 0%; } - .row-cols-xxl-auto > * { + .row-cols-xxl-auto>* { flex: 0 0 auto; width: auto; } - .row-cols-xxl-1 > * { + .row-cols-xxl-1>* { flex: 0 0 auto; width: 100%; } - .row-cols-xxl-2 > * { + .row-cols-xxl-2>* { flex: 0 0 auto; width: 50%; } - .row-cols-xxl-3 > * { + .row-cols-xxl-3>* { flex: 0 0 auto; width: 33.3333333333%; } - .row-cols-xxl-4 > * { + .row-cols-xxl-4>* { flex: 0 0 auto; width: 25%; } - .row-cols-xxl-5 > * { + .row-cols-xxl-5>* { flex: 0 0 auto; width: 20%; } - .row-cols-xxl-6 > * { + .row-cols-xxl-6>* { flex: 0 0 auto; width: 16.6666666667%; } @@ -1892,65 +1974,66 @@ progress { } .g-xxl-0, -.gx-xxl-0 { + .gx-xxl-0 { --bs-gutter-x: 0; } .g-xxl-0, -.gy-xxl-0 { + .gy-xxl-0 { --bs-gutter-y: 0; } .g-xxl-1, -.gx-xxl-1 { + .gx-xxl-1 { --bs-gutter-x: 0.25rem; } .g-xxl-1, -.gy-xxl-1 { + .gy-xxl-1 { --bs-gutter-y: 0.25rem; } .g-xxl-2, -.gx-xxl-2 { + .gx-xxl-2 { --bs-gutter-x: 0.5rem; } .g-xxl-2, -.gy-xxl-2 { + .gy-xxl-2 { --bs-gutter-y: 0.5rem; } .g-xxl-3, -.gx-xxl-3 { + .gx-xxl-3 { --bs-gutter-x: 1rem; } .g-xxl-3, -.gy-xxl-3 { + .gy-xxl-3 { --bs-gutter-y: 1rem; } .g-xxl-4, -.gx-xxl-4 { + .gx-xxl-4 { --bs-gutter-x: 1.5rem; } .g-xxl-4, -.gy-xxl-4 { + .gy-xxl-4 { --bs-gutter-y: 1.5rem; } .g-xxl-5, -.gx-xxl-5 { + .gx-xxl-5 { --bs-gutter-x: 3rem; } .g-xxl-5, -.gy-xxl-5 { + .gy-xxl-5 { --bs-gutter-y: 3rem; } } + .table { --bs-table-bg: transparent; --bs-table-accent-bg: transparent; @@ -1966,19 +2049,23 @@ progress { vertical-align: top; border-color: #dee2e6; } -.table > :not(caption) > * > * { + +.table> :not(caption)>*>* { padding: 0.5rem 0.5rem; background-color: var(--bs-table-bg); border-bottom-width: 1px; box-shadow: inset 0 0 0 9999px var(--bs-table-accent-bg); } -.table > tbody { + +.table>tbody { vertical-align: inherit; } -.table > thead { + +.table>thead { vertical-align: bottom; } -.table > :not(:first-child) { + +.table> :not(:first-child) { border-top: 2px solid currentColor; } @@ -1986,25 +2073,27 @@ progress { caption-side: top; } -.table-sm > :not(caption) > * > * { +.table-sm> :not(caption)>*>* { padding: 0.25rem 0.25rem; } -.table-bordered > :not(caption) > * { +.table-bordered> :not(caption)>* { border-width: 1px 0; } -.table-bordered > :not(caption) > * > * { + +.table-bordered> :not(caption)>*>* { border-width: 0 1px; } -.table-borderless > :not(caption) > * > * { +.table-borderless> :not(caption)>*>* { border-bottom-width: 0; } -.table-borderless > :not(:first-child) { + +.table-borderless> :not(:first-child) { border-top-width: 0; } -.table-striped > tbody > tr:nth-of-type(odd) > * { +.table-striped>tbody>tr:nth-of-type(odd)>* { --bs-table-accent-bg: var(--bs-table-striped-bg); color: var(--bs-table-striped-color); } @@ -2014,7 +2103,7 @@ progress { color: var(--bs-table-active-color); } -.table-hover > tbody > tr:hover > * { +.table-hover>tbody>tr:hover>* { --bs-table-accent-bg: var(--bs-table-hover-bg); color: var(--bs-table-hover-color); } @@ -2126,30 +2215,35 @@ progress { -webkit-overflow-scrolling: touch; } } + @media (max-width: 767.98px) { .table-responsive-md { overflow-x: auto; -webkit-overflow-scrolling: touch; } } + @media (max-width: 991.98px) { .table-responsive-lg { overflow-x: auto; -webkit-overflow-scrolling: touch; } } + @media (max-width: 1199.98px) { .table-responsive-xl { overflow-x: auto; -webkit-overflow-scrolling: touch; } } + @media (max-width: 1399.98px) { .table-responsive-xxl { overflow-x: auto; -webkit-overflow-scrolling: touch; } } + .form-label { margin-bottom: 0.5rem; } @@ -2197,17 +2291,21 @@ progress { 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; } } + .form-control[type=file] { overflow: hidden; } + .form-control[type=file]:not(:disabled):not([readonly]) { cursor: pointer; } + .form-control:focus { color: #212529; background-color: #fff; @@ -2215,21 +2313,27 @@ progress { outline: 0; box-shadow: 0 0 0 0.25rem rgba(13, 110, 253, 0.25); } + .form-control::-webkit-date-and-time-value { height: 1.5em; } + .form-control::-moz-placeholder { color: #6c757d; opacity: 1; } + .form-control::placeholder { color: #6c757d; opacity: 1; } -.form-control:disabled, .form-control[readonly] { + +.form-control:disabled, +.form-control[readonly] { background-color: #e9ecef; opacity: 1; } + .form-control::-webkit-file-upload-button { padding: 0.375rem 0.75rem; margin: -0.375rem -0.75rem; @@ -2246,6 +2350,7 @@ progress { -webkit-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; 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; } + .form-control::file-selector-button { padding: 0.375rem 0.75rem; margin: -0.375rem -0.75rem; @@ -2261,21 +2366,26 @@ progress { border-radius: 0; 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) { .form-control::-webkit-file-upload-button { -webkit-transition: none; transition: none; } + .form-control::file-selector-button { transition: none; } } + .form-control:hover:not(:disabled):not([readonly])::-webkit-file-upload-button { background-color: #dde0e3; } + .form-control:hover:not(:disabled):not([readonly])::file-selector-button { background-color: #dde0e3; } + .form-control::-webkit-file-upload-button { padding: 0.375rem 0.75rem; margin: -0.375rem -0.75rem; @@ -2292,12 +2402,14 @@ progress { -webkit-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; 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) { .form-control::-webkit-file-upload-button { -webkit-transition: none; transition: none; } } + .form-control:hover:not(:disabled):not([readonly])::-webkit-file-upload-button { background-color: #dde0e3; } @@ -2313,7 +2425,9 @@ progress { border: solid transparent; border-width: 1px 0; } -.form-control-plaintext.form-control-sm, .form-control-plaintext.form-control-lg { + +.form-control-plaintext.form-control-sm, +.form-control-plaintext.form-control-lg { padding-right: 0; padding-left: 0; } @@ -2324,18 +2438,21 @@ progress { font-size: 0.875rem; border-radius: 0.2rem; } + .form-control-sm::-webkit-file-upload-button { padding: 0.25rem 0.5rem; margin: -0.25rem -0.5rem; -webkit-margin-end: 0.5rem; margin-inline-end: 0.5rem; } + .form-control-sm::file-selector-button { padding: 0.25rem 0.5rem; margin: -0.25rem -0.5rem; -webkit-margin-end: 0.5rem; margin-inline-end: 0.5rem; } + .form-control-sm::-webkit-file-upload-button { padding: 0.25rem 0.5rem; margin: -0.25rem -0.5rem; @@ -2349,18 +2466,21 @@ progress { font-size: 1.25rem; border-radius: 0.3rem; } + .form-control-lg::-webkit-file-upload-button { padding: 0.5rem 1rem; margin: -0.5rem -1rem; -webkit-margin-end: 1rem; margin-inline-end: 1rem; } + .form-control-lg::file-selector-button { padding: 0.5rem 1rem; margin: -0.5rem -1rem; -webkit-margin-end: 1rem; margin-inline-end: 1rem; } + .form-control-lg::-webkit-file-upload-button { padding: 0.5rem 1rem; margin: -0.5rem -1rem; @@ -2371,9 +2491,11 @@ progress { textarea.form-control { min-height: calc(1.5em + 0.75rem + 2px); } + textarea.form-control-sm { min-height: calc(1.5em + 0.5rem + 2px); } + textarea.form-control-lg { min-height: calc(1.5em + 1rem + 2px); } @@ -2383,13 +2505,16 @@ textarea.form-control-lg { height: auto; padding: 0.375rem; } + .form-control-color:not(:disabled):not([readonly]) { cursor: pointer; } + .form-control-color::-moz-color-swatch { height: 1.5em; border-radius: 0.25rem; } + .form-control-color::-webkit-color-swatch { height: 1.5em; border-radius: 0.25rem; @@ -2416,23 +2541,29 @@ textarea.form-control-lg { -moz-appearance: none; appearance: none; } + @media (prefers-reduced-motion: reduce) { .form-select { transition: none; } } + .form-select:focus { border-color: #86b7fe; outline: 0; box-shadow: 0 0 0 0.25rem rgba(13, 110, 253, 0.25); } -.form-select[multiple], .form-select[size]:not([size="1"]) { + +.form-select[multiple], +.form-select[size]:not([size="1"]) { padding-right: 0.75rem; background-image: none; } + .form-select:disabled { background-color: #e9ecef; } + .form-select:-moz-focusring { color: transparent; text-shadow: 0 0 0 #212529; @@ -2460,6 +2591,7 @@ textarea.form-control-lg { padding-left: 1.5em; margin-bottom: 0.125rem; } + .form-check .form-check-input { float: left; margin-left: -1.5em; @@ -2481,47 +2613,59 @@ textarea.form-control-lg { -webkit-print-color-adjust: exact; color-adjust: exact; } + .form-check-input[type=checkbox] { border-radius: 0.25em; } + .form-check-input[type=radio] { border-radius: 50%; } + .form-check-input:active { filter: brightness(90%); } + .form-check-input:focus { border-color: #86b7fe; outline: 0; box-shadow: 0 0 0 0.25rem rgba(13, 110, 253, 0.25); } + .form-check-input:checked { background-color: #0d6efd; border-color: #0d6efd; } + .form-check-input:checked[type=checkbox] { background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 20 20'%3e%3cpath fill='none' stroke='%23fff' stroke-linecap='round' stroke-linejoin='round' stroke-width='3' d='M6 10l3 3l6-6'/%3e%3c/svg%3e"); } + .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='2' fill='%23fff'/%3e%3c/svg%3e"); } + .form-check-input[type=checkbox]:indeterminate { background-color: #0d6efd; border-color: #0d6efd; background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 20 20'%3e%3cpath fill='none' stroke='%23fff' stroke-linecap='round' stroke-linejoin='round' stroke-width='3' d='M6 10h8'/%3e%3c/svg%3e"); } + .form-check-input:disabled { pointer-events: none; filter: none; opacity: 0.5; } -.form-check-input[disabled] ~ .form-check-label, .form-check-input:disabled ~ .form-check-label { + +.form-check-input[disabled]~.form-check-label, +.form-check-input:disabled~.form-check-label { opacity: 0.5; } .form-switch { padding-left: 2.5em; } + .form-switch .form-check-input { width: 2em; margin-left: -2.5em; @@ -2530,14 +2674,17 @@ textarea.form-control-lg { border-radius: 2em; transition: background-position 0.15s ease-in-out; } + @media (prefers-reduced-motion: reduce) { .form-switch .form-check-input { transition: none; } } + .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='%2386b7fe'/%3e%3c/svg%3e"); } + .form-switch .form-check-input:checked { background-position: right center; 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"); @@ -2553,7 +2700,9 @@ textarea.form-control-lg { clip: rect(0, 0, 0, 0); pointer-events: none; } -.btn-check[disabled] + .btn, .btn-check:disabled + .btn { + +.btn-check[disabled]+.btn, +.btn-check:disabled+.btn { pointer-events: none; filter: none; opacity: 0.65; @@ -2568,18 +2717,23 @@ textarea.form-control-lg { -moz-appearance: none; appearance: none; } + .form-range:focus { outline: 0; } + .form-range:focus::-webkit-slider-thumb { box-shadow: 0 0 0 1px #fff, 0 0 0 0.25rem rgba(13, 110, 253, 0.25); } + .form-range:focus::-moz-range-thumb { box-shadow: 0 0 0 1px #fff, 0 0 0 0.25rem rgba(13, 110, 253, 0.25); } + .form-range::-moz-focus-outer { border: 0; } + .form-range::-webkit-slider-thumb { width: 1rem; height: 1rem; @@ -2592,15 +2746,18 @@ textarea.form-control-lg { -webkit-appearance: none; appearance: none; } + @media (prefers-reduced-motion: reduce) { .form-range::-webkit-slider-thumb { -webkit-transition: none; transition: none; } } + .form-range::-webkit-slider-thumb:active { background-color: #b6d4fe; } + .form-range::-webkit-slider-runnable-track { width: 100%; height: 0.5rem; @@ -2610,6 +2767,7 @@ textarea.form-control-lg { border-color: transparent; border-radius: 1rem; } + .form-range::-moz-range-thumb { width: 1rem; height: 1rem; @@ -2621,15 +2779,18 @@ textarea.form-control-lg { -moz-appearance: none; appearance: none; } + @media (prefers-reduced-motion: reduce) { .form-range::-moz-range-thumb { -moz-transition: none; transition: none; } } + .form-range::-moz-range-thumb:active { background-color: #b6d4fe; } + .form-range::-moz-range-track { width: 100%; height: 0.5rem; @@ -2639,12 +2800,15 @@ textarea.form-control-lg { border-color: transparent; border-radius: 1rem; } + .form-range:disabled { pointer-events: none; } + .form-range:disabled::-webkit-slider-thumb { background-color: #adb5bd; } + .form-range:disabled::-moz-range-thumb { background-color: #adb5bd; } @@ -2652,12 +2816,14 @@ textarea.form-control-lg { .form-floating { position: relative; } -.form-floating > .form-control, -.form-floating > .form-select { + +.form-floating>.form-control, +.form-floating>.form-select { height: calc(3.5rem + 2px); line-height: 1.25; } -.form-floating > label { + +.form-floating>label { position: absolute; top: 0; left: 0; @@ -2668,47 +2834,59 @@ textarea.form-control-lg { transform-origin: 0 0; transition: opacity 0.1s ease-in-out, transform 0.1s ease-in-out; } + @media (prefers-reduced-motion: reduce) { - .form-floating > label { + .form-floating>label { transition: none; } } -.form-floating > .form-control { + +.form-floating>.form-control { padding: 1rem 0.75rem; } -.form-floating > .form-control::-moz-placeholder { + +.form-floating>.form-control::-moz-placeholder { color: transparent; } -.form-floating > .form-control::placeholder { + +.form-floating>.form-control::placeholder { color: transparent; } -.form-floating > .form-control:not(:-moz-placeholder-shown) { + +.form-floating>.form-control:not(:-moz-placeholder-shown) { padding-top: 1.625rem; padding-bottom: 0.625rem; } -.form-floating > .form-control:focus, .form-floating > .form-control:not(:placeholder-shown) { + +.form-floating>.form-control:focus, +.form-floating>.form-control:not(:placeholder-shown) { padding-top: 1.625rem; padding-bottom: 0.625rem; } -.form-floating > .form-control:-webkit-autofill { + +.form-floating>.form-control:-webkit-autofill { padding-top: 1.625rem; padding-bottom: 0.625rem; } -.form-floating > .form-select { + +.form-floating>.form-select { padding-top: 1.625rem; padding-bottom: 0.625rem; } -.form-floating > .form-control:not(:-moz-placeholder-shown) ~ label { + +.form-floating>.form-control:not(:-moz-placeholder-shown)~label { opacity: 0.65; transform: scale(0.85) translateY(-0.5rem) translateX(0.15rem); } -.form-floating > .form-control:focus ~ label, -.form-floating > .form-control:not(:placeholder-shown) ~ label, -.form-floating > .form-select ~ label { + +.form-floating>.form-control:focus~label, +.form-floating>.form-control:not(:placeholder-shown)~label, +.form-floating>.form-select~label { opacity: 0.65; transform: scale(0.85) translateY(-0.5rem) translateX(0.15rem); } -.form-floating > .form-control:-webkit-autofill ~ label { + +.form-floating>.form-control:-webkit-autofill~label { opacity: 0.65; transform: scale(0.85) translateY(-0.5rem) translateX(0.15rem); } @@ -2720,21 +2898,25 @@ textarea.form-control-lg { align-items: stretch; width: 100%; } -.input-group > .form-control, -.input-group > .form-select { + +.input-group>.form-control, +.input-group>.form-select { position: relative; flex: 1 1 auto; width: 1%; min-width: 0; } -.input-group > .form-control:focus, -.input-group > .form-select:focus { + +.input-group>.form-control:focus, +.input-group>.form-select:focus { z-index: 3; } + .input-group .btn { position: relative; z-index: 2; } + .input-group .btn:focus { z-index: 3; } @@ -2754,40 +2936,42 @@ textarea.form-control-lg { border-radius: 0.25rem; } -.input-group-lg > .form-control, -.input-group-lg > .form-select, -.input-group-lg > .input-group-text, -.input-group-lg > .btn { +.input-group-lg>.form-control, +.input-group-lg>.form-select, +.input-group-lg>.input-group-text, +.input-group-lg>.btn { padding: 0.5rem 1rem; font-size: 1.25rem; border-radius: 0.3rem; } -.input-group-sm > .form-control, -.input-group-sm > .form-select, -.input-group-sm > .input-group-text, -.input-group-sm > .btn { +.input-group-sm>.form-control, +.input-group-sm>.form-select, +.input-group-sm>.input-group-text, +.input-group-sm>.btn { padding: 0.25rem 0.5rem; font-size: 0.875rem; border-radius: 0.2rem; } -.input-group-lg > .form-select, -.input-group-sm > .form-select { +.input-group-lg>.form-select, +.input-group-sm>.form-select { padding-right: 3rem; } -.input-group:not(.has-validation) > :not(:last-child):not(.dropdown-toggle):not(.dropdown-menu), -.input-group:not(.has-validation) > .dropdown-toggle:nth-last-child(n+3) { +.input-group:not(.has-validation)> :not(:last-child):not(.dropdown-toggle):not(.dropdown-menu), +.input-group:not(.has-validation)>.dropdown-toggle:nth-last-child(n+3) { border-top-right-radius: 0; border-bottom-right-radius: 0; } -.input-group.has-validation > :nth-last-child(n+3):not(.dropdown-toggle):not(.dropdown-menu), -.input-group.has-validation > .dropdown-toggle:nth-last-child(n+4) { + +.input-group.has-validation> :nth-last-child(n+3):not(.dropdown-toggle):not(.dropdown-menu), +.input-group.has-validation>.dropdown-toggle:nth-last-child(n+4) { border-top-right-radius: 0; border-bottom-right-radius: 0; } -.input-group > :not(:first-child):not(.dropdown-menu):not(.valid-tooltip):not(.valid-feedback):not(.invalid-tooltip):not(.invalid-feedback) { + +.input-group> :not(:first-child):not(.dropdown-menu):not(.valid-tooltip):not(.valid-feedback):not(.invalid-tooltip):not(.invalid-feedback) { margin-left: -1px; border-top-left-radius: 0; border-bottom-left-radius: 0; @@ -2815,14 +2999,15 @@ textarea.form-control-lg { border-radius: 0.25rem; } -.was-validated :valid ~ .valid-feedback, -.was-validated :valid ~ .valid-tooltip, -.is-valid ~ .valid-feedback, -.is-valid ~ .valid-tooltip { +.was-validated :valid~.valid-feedback, +.was-validated :valid~.valid-tooltip, +.is-valid~.valid-feedback, +.is-valid~.valid-tooltip { display: block; } -.was-validated .form-control:valid, .form-control.is-valid { +.was-validated .form-control:valid, +.form-control.is-valid { border-color: #198754; 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='%23198754' 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"); @@ -2830,53 +3015,73 @@ textarea.form-control-lg { background-position: right calc(0.375em + 0.1875rem) center; background-size: calc(0.75em + 0.375rem) calc(0.75em + 0.375rem); } -.was-validated .form-control:valid:focus, .form-control.is-valid:focus { + +.was-validated .form-control:valid:focus, +.form-control.is-valid:focus { border-color: #198754; box-shadow: 0 0 0 0.25rem rgba(25, 135, 84, 0.25); } -.was-validated textarea.form-control:valid, textarea.form-control.is-valid { +.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); } -.was-validated .form-select:valid, .form-select.is-valid { +.was-validated .form-select:valid, +.form-select.is-valid { border-color: #198754; } -.was-validated .form-select:valid:not([multiple]):not([size]), .was-validated .form-select:valid:not([multiple])[size="1"], .form-select.is-valid:not([multiple]):not([size]), .form-select.is-valid:not([multiple])[size="1"] { + +.was-validated .form-select:valid:not([multiple]):not([size]), +.was-validated .form-select:valid:not([multiple])[size="1"], +.form-select.is-valid:not([multiple]):not([size]), +.form-select.is-valid:not([multiple])[size="1"] { padding-right: 4.125rem; background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3e%3cpath fill='none' stroke='%23343a40' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='M2 5l6 6 6-6'/%3e%3c/svg%3e"), url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 8 8'%3e%3cpath fill='%23198754' 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-position: right 0.75rem center, center right 2.25rem; background-size: 16px 12px, calc(0.75em + 0.375rem) calc(0.75em + 0.375rem); } -.was-validated .form-select:valid:focus, .form-select.is-valid:focus { + +.was-validated .form-select:valid:focus, +.form-select.is-valid:focus { border-color: #198754; box-shadow: 0 0 0 0.25rem rgba(25, 135, 84, 0.25); } -.was-validated .form-check-input:valid, .form-check-input.is-valid { +.was-validated .form-check-input:valid, +.form-check-input.is-valid { border-color: #198754; } -.was-validated .form-check-input:valid:checked, .form-check-input.is-valid:checked { + +.was-validated .form-check-input:valid:checked, +.form-check-input.is-valid:checked { background-color: #198754; } -.was-validated .form-check-input:valid:focus, .form-check-input.is-valid:focus { + +.was-validated .form-check-input:valid:focus, +.form-check-input.is-valid:focus { box-shadow: 0 0 0 0.25rem rgba(25, 135, 84, 0.25); } -.was-validated .form-check-input:valid ~ .form-check-label, .form-check-input.is-valid ~ .form-check-label { + +.was-validated .form-check-input:valid~.form-check-label, +.form-check-input.is-valid~.form-check-label { color: #198754; } -.form-check-inline .form-check-input ~ .valid-feedback { +.form-check-inline .form-check-input~.valid-feedback { margin-left: 0.5em; } -.was-validated .input-group .form-control:valid, .input-group .form-control.is-valid, +.was-validated .input-group .form-control:valid, +.input-group .form-control.is-valid, .was-validated .input-group .form-select:valid, .input-group .form-select.is-valid { z-index: 1; } -.was-validated .input-group .form-control:valid:focus, .input-group .form-control.is-valid:focus, + +.was-validated .input-group .form-control:valid:focus, +.input-group .form-control.is-valid:focus, .was-validated .input-group .form-select:valid:focus, .input-group .form-select.is-valid:focus { z-index: 3; @@ -2904,14 +3109,15 @@ textarea.form-control-lg { border-radius: 0.25rem; } -.was-validated :invalid ~ .invalid-feedback, -.was-validated :invalid ~ .invalid-tooltip, -.is-invalid ~ .invalid-feedback, -.is-invalid ~ .invalid-tooltip { +.was-validated :invalid~.invalid-feedback, +.was-validated :invalid~.invalid-tooltip, +.is-invalid~.invalid-feedback, +.is-invalid~.invalid-tooltip { display: block; } -.was-validated .form-control:invalid, .form-control.is-invalid { +.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' viewBox='0 0 12 12' width='12' height='12' fill='none' stroke='%23dc3545'%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"); @@ -2919,53 +3125,73 @@ textarea.form-control-lg { background-position: right calc(0.375em + 0.1875rem) center; background-size: calc(0.75em + 0.375rem) calc(0.75em + 0.375rem); } -.was-validated .form-control:invalid:focus, .form-control.is-invalid:focus { + +.was-validated .form-control:invalid:focus, +.form-control.is-invalid:focus { border-color: #dc3545; box-shadow: 0 0 0 0.25rem rgba(220, 53, 69, 0.25); } -.was-validated textarea.form-control:invalid, textarea.form-control.is-invalid { +.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); } -.was-validated .form-select:invalid, .form-select.is-invalid { +.was-validated .form-select:invalid, +.form-select.is-invalid { border-color: #dc3545; } -.was-validated .form-select:invalid:not([multiple]):not([size]), .was-validated .form-select:invalid:not([multiple])[size="1"], .form-select.is-invalid:not([multiple]):not([size]), .form-select.is-invalid:not([multiple])[size="1"] { + +.was-validated .form-select:invalid:not([multiple]):not([size]), +.was-validated .form-select:invalid:not([multiple])[size="1"], +.form-select.is-invalid:not([multiple]):not([size]), +.form-select.is-invalid:not([multiple])[size="1"] { padding-right: 4.125rem; background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3e%3cpath fill='none' stroke='%23343a40' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='M2 5l6 6 6-6'/%3e%3c/svg%3e"), url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 12 12' width='12' height='12' fill='none' stroke='%23dc3545'%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"); background-position: right 0.75rem center, center right 2.25rem; background-size: 16px 12px, calc(0.75em + 0.375rem) calc(0.75em + 0.375rem); } -.was-validated .form-select:invalid:focus, .form-select.is-invalid:focus { + +.was-validated .form-select:invalid:focus, +.form-select.is-invalid:focus { border-color: #dc3545; box-shadow: 0 0 0 0.25rem rgba(220, 53, 69, 0.25); } -.was-validated .form-check-input:invalid, .form-check-input.is-invalid { +.was-validated .form-check-input:invalid, +.form-check-input.is-invalid { border-color: #dc3545; } -.was-validated .form-check-input:invalid:checked, .form-check-input.is-invalid:checked { + +.was-validated .form-check-input:invalid:checked, +.form-check-input.is-invalid:checked { background-color: #dc3545; } -.was-validated .form-check-input:invalid:focus, .form-check-input.is-invalid:focus { + +.was-validated .form-check-input:invalid:focus, +.form-check-input.is-invalid:focus { box-shadow: 0 0 0 0.25rem rgba(220, 53, 69, 0.25); } -.was-validated .form-check-input:invalid ~ .form-check-label, .form-check-input.is-invalid ~ .form-check-label { + +.was-validated .form-check-input:invalid~.form-check-label, +.form-check-input.is-invalid~.form-check-label { color: #dc3545; } -.form-check-inline .form-check-input ~ .invalid-feedback { +.form-check-inline .form-check-input~.invalid-feedback { margin-left: 0.5em; } -.was-validated .input-group .form-control:invalid, .input-group .form-control.is-invalid, +.was-validated .input-group .form-control:invalid, +.input-group .form-control.is-invalid, .was-validated .input-group .form-select:invalid, .input-group .form-select.is-invalid { z-index: 2; } -.was-validated .input-group .form-control:invalid:focus, .input-group .form-control.is-invalid:focus, + +.was-validated .input-group .form-control:invalid:focus, +.input-group .form-control.is-invalid:focus, .was-validated .input-group .form-select:invalid:focus, .input-group .form-select.is-invalid:focus { z-index: 3; @@ -2990,19 +3216,26 @@ textarea.form-control-lg { 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; } + @media (prefers-reduced-motion: reduce) { .btn { transition: none; } } + .btn:hover { color: #212529; } -.btn-check:focus + .btn, .btn:focus { + +.btn-check:focus+.btn, +.btn:focus { outline: 0; box-shadow: 0 0 0 0.25rem rgba(13, 110, 253, 0.25); } -.btn:disabled, .btn.disabled, fieldset:disabled .btn { + +.btn:disabled, +.btn.disabled, +fieldset:disabled .btn { pointer-events: none; opacity: 0.65; } @@ -3012,26 +3245,41 @@ textarea.form-control-lg { background-color: #0d6efd; border-color: #0d6efd; } + .btn-primary:hover { color: #fff; background-color: #0b5ed7; border-color: #0a58ca; } -.btn-check:focus + .btn-primary, .btn-primary:focus { + +.btn-check:focus+.btn-primary, +.btn-primary:focus { color: #fff; background-color: #0b5ed7; border-color: #0a58ca; box-shadow: 0 0 0 0.25rem rgba(49, 132, 253, 0.5); } -.btn-check:checked + .btn-primary, .btn-check:active + .btn-primary, .btn-primary:active, .btn-primary.active, .show > .btn-primary.dropdown-toggle { + +.btn-check:checked+.btn-primary, +.btn-check:active+.btn-primary, +.btn-primary:active, +.btn-primary.active, +.show>.btn-primary.dropdown-toggle { color: #fff; background-color: #0a58ca; border-color: #0a53be; } -.btn-check:checked + .btn-primary:focus, .btn-check:active + .btn-primary:focus, .btn-primary:active:focus, .btn-primary.active:focus, .show > .btn-primary.dropdown-toggle:focus { + +.btn-check:checked+.btn-primary:focus, +.btn-check:active+.btn-primary:focus, +.btn-primary:active:focus, +.btn-primary.active:focus, +.show>.btn-primary.dropdown-toggle:focus { box-shadow: 0 0 0 0.25rem rgba(49, 132, 253, 0.5); } -.btn-primary:disabled, .btn-primary.disabled { + +.btn-primary:disabled, +.btn-primary.disabled { color: #fff; background-color: #0d6efd; border-color: #0d6efd; @@ -3042,26 +3290,41 @@ textarea.form-control-lg { background-color: #6c757d; border-color: #6c757d; } + .btn-secondary:hover { color: #fff; background-color: #5c636a; border-color: #565e64; } -.btn-check:focus + .btn-secondary, .btn-secondary:focus { + +.btn-check:focus+.btn-secondary, +.btn-secondary:focus { color: #fff; background-color: #5c636a; border-color: #565e64; box-shadow: 0 0 0 0.25rem rgba(130, 138, 145, 0.5); } -.btn-check:checked + .btn-secondary, .btn-check:active + .btn-secondary, .btn-secondary:active, .btn-secondary.active, .show > .btn-secondary.dropdown-toggle { + +.btn-check:checked+.btn-secondary, +.btn-check:active+.btn-secondary, +.btn-secondary:active, +.btn-secondary.active, +.show>.btn-secondary.dropdown-toggle { color: #fff; background-color: #565e64; border-color: #51585e; } -.btn-check:checked + .btn-secondary:focus, .btn-check:active + .btn-secondary:focus, .btn-secondary:active:focus, .btn-secondary.active:focus, .show > .btn-secondary.dropdown-toggle:focus { + +.btn-check:checked+.btn-secondary:focus, +.btn-check:active+.btn-secondary:focus, +.btn-secondary:active:focus, +.btn-secondary.active:focus, +.show>.btn-secondary.dropdown-toggle:focus { box-shadow: 0 0 0 0.25rem rgba(130, 138, 145, 0.5); } -.btn-secondary:disabled, .btn-secondary.disabled { + +.btn-secondary:disabled, +.btn-secondary.disabled { color: #fff; background-color: #6c757d; border-color: #6c757d; @@ -3072,26 +3335,41 @@ textarea.form-control-lg { background-color: #198754; border-color: #198754; } + .btn-success:hover { color: #fff; background-color: #157347; border-color: #146c43; } -.btn-check:focus + .btn-success, .btn-success:focus { + +.btn-check:focus+.btn-success, +.btn-success:focus { color: #fff; background-color: #157347; border-color: #146c43; box-shadow: 0 0 0 0.25rem rgba(60, 153, 110, 0.5); } -.btn-check:checked + .btn-success, .btn-check:active + .btn-success, .btn-success:active, .btn-success.active, .show > .btn-success.dropdown-toggle { + +.btn-check:checked+.btn-success, +.btn-check:active+.btn-success, +.btn-success:active, +.btn-success.active, +.show>.btn-success.dropdown-toggle { color: #fff; background-color: #146c43; border-color: #13653f; } -.btn-check:checked + .btn-success:focus, .btn-check:active + .btn-success:focus, .btn-success:active:focus, .btn-success.active:focus, .show > .btn-success.dropdown-toggle:focus { + +.btn-check:checked+.btn-success:focus, +.btn-check:active+.btn-success:focus, +.btn-success:active:focus, +.btn-success.active:focus, +.show>.btn-success.dropdown-toggle:focus { box-shadow: 0 0 0 0.25rem rgba(60, 153, 110, 0.5); } -.btn-success:disabled, .btn-success.disabled { + +.btn-success:disabled, +.btn-success.disabled { color: #fff; background-color: #198754; border-color: #198754; @@ -3102,26 +3380,41 @@ textarea.form-control-lg { background-color: #0dcaf0; border-color: #0dcaf0; } + .btn-info:hover { color: #000; background-color: #31d2f2; border-color: #25cff2; } -.btn-check:focus + .btn-info, .btn-info:focus { + +.btn-check:focus+.btn-info, +.btn-info:focus { color: #000; background-color: #31d2f2; border-color: #25cff2; box-shadow: 0 0 0 0.25rem rgba(11, 172, 204, 0.5); } -.btn-check:checked + .btn-info, .btn-check:active + .btn-info, .btn-info:active, .btn-info.active, .show > .btn-info.dropdown-toggle { + +.btn-check:checked+.btn-info, +.btn-check:active+.btn-info, +.btn-info:active, +.btn-info.active, +.show>.btn-info.dropdown-toggle { color: #000; background-color: #3dd5f3; border-color: #25cff2; } -.btn-check:checked + .btn-info:focus, .btn-check:active + .btn-info:focus, .btn-info:active:focus, .btn-info.active:focus, .show > .btn-info.dropdown-toggle:focus { + +.btn-check:checked+.btn-info:focus, +.btn-check:active+.btn-info:focus, +.btn-info:active:focus, +.btn-info.active:focus, +.show>.btn-info.dropdown-toggle:focus { box-shadow: 0 0 0 0.25rem rgba(11, 172, 204, 0.5); } -.btn-info:disabled, .btn-info.disabled { + +.btn-info:disabled, +.btn-info.disabled { color: #000; background-color: #0dcaf0; border-color: #0dcaf0; @@ -3132,26 +3425,41 @@ textarea.form-control-lg { background-color: #ffc107; border-color: #ffc107; } + .btn-warning:hover { color: #000; background-color: #ffca2c; border-color: #ffc720; } -.btn-check:focus + .btn-warning, .btn-warning:focus { + +.btn-check:focus+.btn-warning, +.btn-warning:focus { color: #000; background-color: #ffca2c; border-color: #ffc720; box-shadow: 0 0 0 0.25rem rgba(217, 164, 6, 0.5); } -.btn-check:checked + .btn-warning, .btn-check:active + .btn-warning, .btn-warning:active, .btn-warning.active, .show > .btn-warning.dropdown-toggle { + +.btn-check:checked+.btn-warning, +.btn-check:active+.btn-warning, +.btn-warning:active, +.btn-warning.active, +.show>.btn-warning.dropdown-toggle { color: #000; background-color: #ffcd39; border-color: #ffc720; } -.btn-check:checked + .btn-warning:focus, .btn-check:active + .btn-warning:focus, .btn-warning:active:focus, .btn-warning.active:focus, .show > .btn-warning.dropdown-toggle:focus { + +.btn-check:checked+.btn-warning:focus, +.btn-check:active+.btn-warning:focus, +.btn-warning:active:focus, +.btn-warning.active:focus, +.show>.btn-warning.dropdown-toggle:focus { box-shadow: 0 0 0 0.25rem rgba(217, 164, 6, 0.5); } -.btn-warning:disabled, .btn-warning.disabled { + +.btn-warning:disabled, +.btn-warning.disabled { color: #000; background-color: #ffc107; border-color: #ffc107; @@ -3162,26 +3470,41 @@ textarea.form-control-lg { background-color: #dc3545; border-color: #dc3545; } + .btn-danger:hover { color: #fff; background-color: #bb2d3b; border-color: #b02a37; } -.btn-check:focus + .btn-danger, .btn-danger:focus { + +.btn-check:focus+.btn-danger, +.btn-danger:focus { color: #fff; background-color: #bb2d3b; border-color: #b02a37; box-shadow: 0 0 0 0.25rem rgba(225, 83, 97, 0.5); } -.btn-check:checked + .btn-danger, .btn-check:active + .btn-danger, .btn-danger:active, .btn-danger.active, .show > .btn-danger.dropdown-toggle { + +.btn-check:checked+.btn-danger, +.btn-check:active+.btn-danger, +.btn-danger:active, +.btn-danger.active, +.show>.btn-danger.dropdown-toggle { color: #fff; background-color: #b02a37; border-color: #a52834; } -.btn-check:checked + .btn-danger:focus, .btn-check:active + .btn-danger:focus, .btn-danger:active:focus, .btn-danger.active:focus, .show > .btn-danger.dropdown-toggle:focus { + +.btn-check:checked+.btn-danger:focus, +.btn-check:active+.btn-danger:focus, +.btn-danger:active:focus, +.btn-danger.active:focus, +.show>.btn-danger.dropdown-toggle:focus { box-shadow: 0 0 0 0.25rem rgba(225, 83, 97, 0.5); } -.btn-danger:disabled, .btn-danger.disabled { + +.btn-danger:disabled, +.btn-danger.disabled { color: #fff; background-color: #dc3545; border-color: #dc3545; @@ -3192,26 +3515,41 @@ textarea.form-control-lg { background-color: #f8f9fa; border-color: #f8f9fa; } + .btn-light:hover { color: #000; background-color: #f9fafb; border-color: #f9fafb; } -.btn-check:focus + .btn-light, .btn-light:focus { + +.btn-check:focus+.btn-light, +.btn-light:focus { color: #000; background-color: #f9fafb; border-color: #f9fafb; box-shadow: 0 0 0 0.25rem rgba(211, 212, 213, 0.5); } -.btn-check:checked + .btn-light, .btn-check:active + .btn-light, .btn-light:active, .btn-light.active, .show > .btn-light.dropdown-toggle { + +.btn-check:checked+.btn-light, +.btn-check:active+.btn-light, +.btn-light:active, +.btn-light.active, +.show>.btn-light.dropdown-toggle { color: #000; background-color: #f9fafb; border-color: #f9fafb; } -.btn-check:checked + .btn-light:focus, .btn-check:active + .btn-light:focus, .btn-light:active:focus, .btn-light.active:focus, .show > .btn-light.dropdown-toggle:focus { + +.btn-check:checked+.btn-light:focus, +.btn-check:active+.btn-light:focus, +.btn-light:active:focus, +.btn-light.active:focus, +.show>.btn-light.dropdown-toggle:focus { box-shadow: 0 0 0 0.25rem rgba(211, 212, 213, 0.5); } -.btn-light:disabled, .btn-light.disabled { + +.btn-light:disabled, +.btn-light.disabled { color: #000; background-color: #f8f9fa; border-color: #f8f9fa; @@ -3222,26 +3560,41 @@ textarea.form-control-lg { background-color: #212529; border-color: #212529; } + .btn-dark:hover { color: #fff; background-color: #1c1f23; border-color: #1a1e21; } -.btn-check:focus + .btn-dark, .btn-dark:focus { + +.btn-check:focus+.btn-dark, +.btn-dark:focus { color: #fff; background-color: #1c1f23; border-color: #1a1e21; box-shadow: 0 0 0 0.25rem rgba(66, 70, 73, 0.5); } -.btn-check:checked + .btn-dark, .btn-check:active + .btn-dark, .btn-dark:active, .btn-dark.active, .show > .btn-dark.dropdown-toggle { + +.btn-check:checked+.btn-dark, +.btn-check:active+.btn-dark, +.btn-dark:active, +.btn-dark.active, +.show>.btn-dark.dropdown-toggle { color: #fff; background-color: #1a1e21; border-color: #191c1f; } -.btn-check:checked + .btn-dark:focus, .btn-check:active + .btn-dark:focus, .btn-dark:active:focus, .btn-dark.active:focus, .show > .btn-dark.dropdown-toggle:focus { + +.btn-check:checked+.btn-dark:focus, +.btn-check:active+.btn-dark:focus, +.btn-dark:active:focus, +.btn-dark.active:focus, +.show>.btn-dark.dropdown-toggle:focus { box-shadow: 0 0 0 0.25rem rgba(66, 70, 73, 0.5); } -.btn-dark:disabled, .btn-dark.disabled { + +.btn-dark:disabled, +.btn-dark.disabled { color: #fff; background-color: #212529; border-color: #212529; @@ -3251,23 +3604,38 @@ textarea.form-control-lg { color: #0d6efd; border-color: #0d6efd; } + .btn-outline-primary:hover { color: #fff; background-color: #0d6efd; border-color: #0d6efd; } -.btn-check:focus + .btn-outline-primary, .btn-outline-primary:focus { + +.btn-check:focus+.btn-outline-primary, +.btn-outline-primary:focus { box-shadow: 0 0 0 0.25rem rgba(13, 110, 253, 0.5); } -.btn-check:checked + .btn-outline-primary, .btn-check:active + .btn-outline-primary, .btn-outline-primary:active, .btn-outline-primary.active, .btn-outline-primary.dropdown-toggle.show { + +.btn-check:checked+.btn-outline-primary, +.btn-check:active+.btn-outline-primary, +.btn-outline-primary:active, +.btn-outline-primary.active, +.btn-outline-primary.dropdown-toggle.show { color: #fff; background-color: #0d6efd; border-color: #0d6efd; } -.btn-check:checked + .btn-outline-primary:focus, .btn-check:active + .btn-outline-primary:focus, .btn-outline-primary:active:focus, .btn-outline-primary.active:focus, .btn-outline-primary.dropdown-toggle.show:focus { + +.btn-check:checked+.btn-outline-primary:focus, +.btn-check:active+.btn-outline-primary:focus, +.btn-outline-primary:active:focus, +.btn-outline-primary.active:focus, +.btn-outline-primary.dropdown-toggle.show:focus { box-shadow: 0 0 0 0.25rem rgba(13, 110, 253, 0.5); } -.btn-outline-primary:disabled, .btn-outline-primary.disabled { + +.btn-outline-primary:disabled, +.btn-outline-primary.disabled { color: #0d6efd; background-color: transparent; } @@ -3276,23 +3644,38 @@ textarea.form-control-lg { color: #6c757d; border-color: #6c757d; } + .btn-outline-secondary:hover { color: #fff; background-color: #6c757d; border-color: #6c757d; } -.btn-check:focus + .btn-outline-secondary, .btn-outline-secondary:focus { + +.btn-check:focus+.btn-outline-secondary, +.btn-outline-secondary:focus { box-shadow: 0 0 0 0.25rem rgba(108, 117, 125, 0.5); } -.btn-check:checked + .btn-outline-secondary, .btn-check:active + .btn-outline-secondary, .btn-outline-secondary:active, .btn-outline-secondary.active, .btn-outline-secondary.dropdown-toggle.show { + +.btn-check:checked+.btn-outline-secondary, +.btn-check:active+.btn-outline-secondary, +.btn-outline-secondary:active, +.btn-outline-secondary.active, +.btn-outline-secondary.dropdown-toggle.show { color: #fff; background-color: #6c757d; border-color: #6c757d; } -.btn-check:checked + .btn-outline-secondary:focus, .btn-check:active + .btn-outline-secondary:focus, .btn-outline-secondary:active:focus, .btn-outline-secondary.active:focus, .btn-outline-secondary.dropdown-toggle.show:focus { + +.btn-check:checked+.btn-outline-secondary:focus, +.btn-check:active+.btn-outline-secondary:focus, +.btn-outline-secondary:active:focus, +.btn-outline-secondary.active:focus, +.btn-outline-secondary.dropdown-toggle.show:focus { box-shadow: 0 0 0 0.25rem rgba(108, 117, 125, 0.5); } -.btn-outline-secondary:disabled, .btn-outline-secondary.disabled { + +.btn-outline-secondary:disabled, +.btn-outline-secondary.disabled { color: #6c757d; background-color: transparent; } @@ -3301,23 +3684,38 @@ textarea.form-control-lg { color: #198754; border-color: #198754; } + .btn-outline-success:hover { color: #fff; background-color: #198754; border-color: #198754; } -.btn-check:focus + .btn-outline-success, .btn-outline-success:focus { + +.btn-check:focus+.btn-outline-success, +.btn-outline-success:focus { box-shadow: 0 0 0 0.25rem rgba(25, 135, 84, 0.5); } -.btn-check:checked + .btn-outline-success, .btn-check:active + .btn-outline-success, .btn-outline-success:active, .btn-outline-success.active, .btn-outline-success.dropdown-toggle.show { + +.btn-check:checked+.btn-outline-success, +.btn-check:active+.btn-outline-success, +.btn-outline-success:active, +.btn-outline-success.active, +.btn-outline-success.dropdown-toggle.show { color: #fff; background-color: #198754; border-color: #198754; } -.btn-check:checked + .btn-outline-success:focus, .btn-check:active + .btn-outline-success:focus, .btn-outline-success:active:focus, .btn-outline-success.active:focus, .btn-outline-success.dropdown-toggle.show:focus { + +.btn-check:checked+.btn-outline-success:focus, +.btn-check:active+.btn-outline-success:focus, +.btn-outline-success:active:focus, +.btn-outline-success.active:focus, +.btn-outline-success.dropdown-toggle.show:focus { box-shadow: 0 0 0 0.25rem rgba(25, 135, 84, 0.5); } -.btn-outline-success:disabled, .btn-outline-success.disabled { + +.btn-outline-success:disabled, +.btn-outline-success.disabled { color: #198754; background-color: transparent; } @@ -3326,23 +3724,38 @@ textarea.form-control-lg { color: #0dcaf0; border-color: #0dcaf0; } + .btn-outline-info:hover { color: #000; background-color: #0dcaf0; border-color: #0dcaf0; } -.btn-check:focus + .btn-outline-info, .btn-outline-info:focus { + +.btn-check:focus+.btn-outline-info, +.btn-outline-info:focus { box-shadow: 0 0 0 0.25rem rgba(13, 202, 240, 0.5); } -.btn-check:checked + .btn-outline-info, .btn-check:active + .btn-outline-info, .btn-outline-info:active, .btn-outline-info.active, .btn-outline-info.dropdown-toggle.show { + +.btn-check:checked+.btn-outline-info, +.btn-check:active+.btn-outline-info, +.btn-outline-info:active, +.btn-outline-info.active, +.btn-outline-info.dropdown-toggle.show { color: #000; background-color: #0dcaf0; border-color: #0dcaf0; } -.btn-check:checked + .btn-outline-info:focus, .btn-check:active + .btn-outline-info:focus, .btn-outline-info:active:focus, .btn-outline-info.active:focus, .btn-outline-info.dropdown-toggle.show:focus { + +.btn-check:checked+.btn-outline-info:focus, +.btn-check:active+.btn-outline-info:focus, +.btn-outline-info:active:focus, +.btn-outline-info.active:focus, +.btn-outline-info.dropdown-toggle.show:focus { box-shadow: 0 0 0 0.25rem rgba(13, 202, 240, 0.5); } -.btn-outline-info:disabled, .btn-outline-info.disabled { + +.btn-outline-info:disabled, +.btn-outline-info.disabled { color: #0dcaf0; background-color: transparent; } @@ -3351,23 +3764,38 @@ textarea.form-control-lg { color: #ffc107; border-color: #ffc107; } + .btn-outline-warning:hover { color: #000; background-color: #ffc107; border-color: #ffc107; } -.btn-check:focus + .btn-outline-warning, .btn-outline-warning:focus { + +.btn-check:focus+.btn-outline-warning, +.btn-outline-warning:focus { box-shadow: 0 0 0 0.25rem rgba(255, 193, 7, 0.5); } -.btn-check:checked + .btn-outline-warning, .btn-check:active + .btn-outline-warning, .btn-outline-warning:active, .btn-outline-warning.active, .btn-outline-warning.dropdown-toggle.show { + +.btn-check:checked+.btn-outline-warning, +.btn-check:active+.btn-outline-warning, +.btn-outline-warning:active, +.btn-outline-warning.active, +.btn-outline-warning.dropdown-toggle.show { color: #000; background-color: #ffc107; border-color: #ffc107; } -.btn-check:checked + .btn-outline-warning:focus, .btn-check:active + .btn-outline-warning:focus, .btn-outline-warning:active:focus, .btn-outline-warning.active:focus, .btn-outline-warning.dropdown-toggle.show:focus { + +.btn-check:checked+.btn-outline-warning:focus, +.btn-check:active+.btn-outline-warning:focus, +.btn-outline-warning:active:focus, +.btn-outline-warning.active:focus, +.btn-outline-warning.dropdown-toggle.show:focus { box-shadow: 0 0 0 0.25rem rgba(255, 193, 7, 0.5); } -.btn-outline-warning:disabled, .btn-outline-warning.disabled { + +.btn-outline-warning:disabled, +.btn-outline-warning.disabled { color: #ffc107; background-color: transparent; } @@ -3376,23 +3804,38 @@ textarea.form-control-lg { color: #dc3545; border-color: #dc3545; } + .btn-outline-danger:hover { color: #fff; background-color: #dc3545; border-color: #dc3545; } -.btn-check:focus + .btn-outline-danger, .btn-outline-danger:focus { + +.btn-check:focus+.btn-outline-danger, +.btn-outline-danger:focus { box-shadow: 0 0 0 0.25rem rgba(220, 53, 69, 0.5); } -.btn-check:checked + .btn-outline-danger, .btn-check:active + .btn-outline-danger, .btn-outline-danger:active, .btn-outline-danger.active, .btn-outline-danger.dropdown-toggle.show { + +.btn-check:checked+.btn-outline-danger, +.btn-check:active+.btn-outline-danger, +.btn-outline-danger:active, +.btn-outline-danger.active, +.btn-outline-danger.dropdown-toggle.show { color: #fff; background-color: #dc3545; border-color: #dc3545; } -.btn-check:checked + .btn-outline-danger:focus, .btn-check:active + .btn-outline-danger:focus, .btn-outline-danger:active:focus, .btn-outline-danger.active:focus, .btn-outline-danger.dropdown-toggle.show:focus { + +.btn-check:checked+.btn-outline-danger:focus, +.btn-check:active+.btn-outline-danger:focus, +.btn-outline-danger:active:focus, +.btn-outline-danger.active:focus, +.btn-outline-danger.dropdown-toggle.show:focus { box-shadow: 0 0 0 0.25rem rgba(220, 53, 69, 0.5); } -.btn-outline-danger:disabled, .btn-outline-danger.disabled { + +.btn-outline-danger:disabled, +.btn-outline-danger.disabled { color: #dc3545; background-color: transparent; } @@ -3401,23 +3844,38 @@ textarea.form-control-lg { color: #f8f9fa; border-color: #f8f9fa; } + .btn-outline-light:hover { color: #000; background-color: #f8f9fa; border-color: #f8f9fa; } -.btn-check:focus + .btn-outline-light, .btn-outline-light:focus { + +.btn-check:focus+.btn-outline-light, +.btn-outline-light:focus { box-shadow: 0 0 0 0.25rem rgba(248, 249, 250, 0.5); } -.btn-check:checked + .btn-outline-light, .btn-check:active + .btn-outline-light, .btn-outline-light:active, .btn-outline-light.active, .btn-outline-light.dropdown-toggle.show { + +.btn-check:checked+.btn-outline-light, +.btn-check:active+.btn-outline-light, +.btn-outline-light:active, +.btn-outline-light.active, +.btn-outline-light.dropdown-toggle.show { color: #000; background-color: #f8f9fa; border-color: #f8f9fa; } -.btn-check:checked + .btn-outline-light:focus, .btn-check:active + .btn-outline-light:focus, .btn-outline-light:active:focus, .btn-outline-light.active:focus, .btn-outline-light.dropdown-toggle.show:focus { + +.btn-check:checked+.btn-outline-light:focus, +.btn-check:active+.btn-outline-light:focus, +.btn-outline-light:active:focus, +.btn-outline-light.active:focus, +.btn-outline-light.dropdown-toggle.show:focus { box-shadow: 0 0 0 0.25rem rgba(248, 249, 250, 0.5); } -.btn-outline-light:disabled, .btn-outline-light.disabled { + +.btn-outline-light:disabled, +.btn-outline-light.disabled { color: #f8f9fa; background-color: transparent; } @@ -3426,23 +3884,38 @@ textarea.form-control-lg { color: #212529; border-color: #212529; } + .btn-outline-dark:hover { color: #fff; background-color: #212529; border-color: #212529; } -.btn-check:focus + .btn-outline-dark, .btn-outline-dark:focus { + +.btn-check:focus+.btn-outline-dark, +.btn-outline-dark:focus { box-shadow: 0 0 0 0.25rem rgba(33, 37, 41, 0.5); } -.btn-check:checked + .btn-outline-dark, .btn-check:active + .btn-outline-dark, .btn-outline-dark:active, .btn-outline-dark.active, .btn-outline-dark.dropdown-toggle.show { + +.btn-check:checked+.btn-outline-dark, +.btn-check:active+.btn-outline-dark, +.btn-outline-dark:active, +.btn-outline-dark.active, +.btn-outline-dark.dropdown-toggle.show { color: #fff; background-color: #212529; border-color: #212529; } -.btn-check:checked + .btn-outline-dark:focus, .btn-check:active + .btn-outline-dark:focus, .btn-outline-dark:active:focus, .btn-outline-dark.active:focus, .btn-outline-dark.dropdown-toggle.show:focus { + +.btn-check:checked+.btn-outline-dark:focus, +.btn-check:active+.btn-outline-dark:focus, +.btn-outline-dark:active:focus, +.btn-outline-dark.active:focus, +.btn-outline-dark.dropdown-toggle.show:focus { box-shadow: 0 0 0 0.25rem rgba(33, 37, 41, 0.5); } -.btn-outline-dark:disabled, .btn-outline-dark.disabled { + +.btn-outline-dark:disabled, +.btn-outline-dark.disabled { color: #212529; background-color: transparent; } @@ -3452,20 +3925,25 @@ textarea.form-control-lg { color: #0d6efd; text-decoration: underline; } + .btn-link:hover { color: #0a58ca; } -.btn-link:disabled, .btn-link.disabled { + +.btn-link:disabled, +.btn-link.disabled { color: #6c757d; } -.btn-lg, .btn-group-lg > .btn { +.btn-lg, +.btn-group-lg>.btn { padding: 0.5rem 1rem; font-size: 1.25rem; border-radius: 0.3rem; } -.btn-sm, .btn-group-sm > .btn { +.btn-sm, +.btn-group-sm>.btn { padding: 0.25rem 0.5rem; font-size: 0.875rem; border-radius: 0.2rem; @@ -3474,11 +3952,13 @@ textarea.form-control-lg { .fade { transition: opacity 0.15s linear; } + @media (prefers-reduced-motion: reduce) { .fade { transition: none; } } + .fade:not(.show) { opacity: 0; } @@ -3492,16 +3972,19 @@ textarea.form-control-lg { overflow: hidden; transition: height 0.35s ease; } + @media (prefers-reduced-motion: reduce) { .collapsing { transition: none; } } + .collapsing.collapse-horizontal { width: 0; height: auto; transition: width 0.35s ease; } + @media (prefers-reduced-motion: reduce) { .collapsing.collapse-horizontal { transition: none; @@ -3518,6 +4001,7 @@ textarea.form-control-lg { .dropdown-toggle { white-space: nowrap; } + .dropdown-toggle::after { display: inline-block; margin-left: 0.255em; @@ -3528,6 +4012,7 @@ textarea.form-control-lg { border-bottom: 0; border-left: 0.3em solid transparent; } + .dropdown-toggle:empty::after { margin-left: 0; } @@ -3548,6 +4033,7 @@ textarea.form-control-lg { border: 1px solid rgba(0, 0, 0, 0.15); border-radius: 0.25rem; } + .dropdown-menu[data-bs-popper] { top: 100%; left: 0; @@ -3557,6 +4043,7 @@ textarea.form-control-lg { .dropdown-menu-start { --bs-position: start; } + .dropdown-menu-start[data-bs-popper] { right: auto; left: 0; @@ -3565,6 +4052,7 @@ textarea.form-control-lg { .dropdown-menu-end { --bs-position: end; } + .dropdown-menu-end[data-bs-popper] { right: 0; left: auto; @@ -3574,6 +4062,7 @@ textarea.form-control-lg { .dropdown-menu-sm-start { --bs-position: start; } + .dropdown-menu-sm-start[data-bs-popper] { right: auto; left: 0; @@ -3582,15 +4071,18 @@ textarea.form-control-lg { .dropdown-menu-sm-end { --bs-position: end; } + .dropdown-menu-sm-end[data-bs-popper] { right: 0; left: auto; } } + @media (min-width: 768px) { .dropdown-menu-md-start { --bs-position: start; } + .dropdown-menu-md-start[data-bs-popper] { right: auto; left: 0; @@ -3599,15 +4091,18 @@ textarea.form-control-lg { .dropdown-menu-md-end { --bs-position: end; } + .dropdown-menu-md-end[data-bs-popper] { right: 0; left: auto; } } + @media (min-width: 992px) { .dropdown-menu-lg-start { --bs-position: start; } + .dropdown-menu-lg-start[data-bs-popper] { right: auto; left: 0; @@ -3616,15 +4111,18 @@ textarea.form-control-lg { .dropdown-menu-lg-end { --bs-position: end; } + .dropdown-menu-lg-end[data-bs-popper] { right: 0; left: auto; } } + @media (min-width: 1200px) { .dropdown-menu-xl-start { --bs-position: start; } + .dropdown-menu-xl-start[data-bs-popper] { right: auto; left: 0; @@ -3633,15 +4131,18 @@ textarea.form-control-lg { .dropdown-menu-xl-end { --bs-position: end; } + .dropdown-menu-xl-end[data-bs-popper] { right: 0; left: auto; } } + @media (min-width: 1400px) { .dropdown-menu-xxl-start { --bs-position: start; } + .dropdown-menu-xxl-start[data-bs-popper] { right: auto; left: 0; @@ -3650,17 +4151,20 @@ textarea.form-control-lg { .dropdown-menu-xxl-end { --bs-position: end; } + .dropdown-menu-xxl-end[data-bs-popper] { right: 0; left: auto; } } + .dropup .dropdown-menu[data-bs-popper] { top: auto; bottom: 100%; margin-top: 0; margin-bottom: 0.125rem; } + .dropup .dropdown-toggle::after { display: inline-block; margin-left: 0.255em; @@ -3671,6 +4175,7 @@ textarea.form-control-lg { border-bottom: 0.3em solid; border-left: 0.3em solid transparent; } + .dropup .dropdown-toggle:empty::after { margin-left: 0; } @@ -3682,6 +4187,7 @@ textarea.form-control-lg { margin-top: 0; margin-left: 0.125rem; } + .dropend .dropdown-toggle::after { display: inline-block; margin-left: 0.255em; @@ -3692,9 +4198,11 @@ textarea.form-control-lg { border-bottom: 0.3em solid transparent; border-left: 0.3em solid; } + .dropend .dropdown-toggle:empty::after { margin-left: 0; } + .dropend .dropdown-toggle::after { vertical-align: 0; } @@ -3706,15 +4214,18 @@ textarea.form-control-lg { margin-top: 0; margin-right: 0.125rem; } + .dropstart .dropdown-toggle::after { display: inline-block; margin-left: 0.255em; vertical-align: 0.255em; content: ""; } + .dropstart .dropdown-toggle::after { display: none; } + .dropstart .dropdown-toggle::before { display: inline-block; margin-right: 0.255em; @@ -3724,9 +4235,11 @@ textarea.form-control-lg { border-right: 0.3em solid; border-bottom: 0.3em solid transparent; } + .dropstart .dropdown-toggle:empty::after { margin-left: 0; } + .dropstart .dropdown-toggle::before { vertical-align: 0; } @@ -3751,16 +4264,22 @@ textarea.form-control-lg { background-color: transparent; border: 0; } -.dropdown-item:hover, .dropdown-item:focus { + +.dropdown-item:hover, +.dropdown-item:focus { color: #1e2125; background-color: #e9ecef; } -.dropdown-item.active, .dropdown-item:active { + +.dropdown-item.active, +.dropdown-item:active { color: #fff; text-decoration: none; background-color: #0d6efd; } -.dropdown-item.disabled, .dropdown-item:disabled { + +.dropdown-item.disabled, +.dropdown-item:disabled { color: #adb5bd; pointer-events: none; background-color: transparent; @@ -3790,26 +4309,36 @@ textarea.form-control-lg { background-color: #343a40; border-color: rgba(0, 0, 0, 0.15); } + .dropdown-menu-dark .dropdown-item { color: #dee2e6; } -.dropdown-menu-dark .dropdown-item:hover, .dropdown-menu-dark .dropdown-item:focus { + +.dropdown-menu-dark .dropdown-item:hover, +.dropdown-menu-dark .dropdown-item:focus { color: #fff; background-color: rgba(255, 255, 255, 0.15); } -.dropdown-menu-dark .dropdown-item.active, .dropdown-menu-dark .dropdown-item:active { + +.dropdown-menu-dark .dropdown-item.active, +.dropdown-menu-dark .dropdown-item:active { color: #fff; background-color: #0d6efd; } -.dropdown-menu-dark .dropdown-item.disabled, .dropdown-menu-dark .dropdown-item:disabled { + +.dropdown-menu-dark .dropdown-item.disabled, +.dropdown-menu-dark .dropdown-item:disabled { color: #adb5bd; } + .dropdown-menu-dark .dropdown-divider { border-color: rgba(0, 0, 0, 0.15); } + .dropdown-menu-dark .dropdown-item-text { color: #dee2e6; } + .dropdown-menu-dark .dropdown-header { color: #adb5bd; } @@ -3820,23 +4349,25 @@ textarea.form-control-lg { display: inline-flex; vertical-align: middle; } -.btn-group > .btn, -.btn-group-vertical > .btn { + +.btn-group>.btn, +.btn-group-vertical>.btn { position: relative; flex: 1 1 auto; } -.btn-group > .btn-check:checked + .btn, -.btn-group > .btn-check:focus + .btn, -.btn-group > .btn:hover, -.btn-group > .btn:focus, -.btn-group > .btn:active, -.btn-group > .btn.active, -.btn-group-vertical > .btn-check:checked + .btn, -.btn-group-vertical > .btn-check:focus + .btn, -.btn-group-vertical > .btn:hover, -.btn-group-vertical > .btn:focus, -.btn-group-vertical > .btn:active, -.btn-group-vertical > .btn.active { + +.btn-group>.btn-check:checked+.btn, +.btn-group>.btn-check:focus+.btn, +.btn-group>.btn:hover, +.btn-group>.btn:focus, +.btn-group>.btn:active, +.btn-group>.btn.active, +.btn-group-vertical>.btn-check:checked+.btn, +.btn-group-vertical>.btn-check:focus+.btn, +.btn-group-vertical>.btn:hover, +.btn-group-vertical>.btn:focus, +.btn-group-vertical>.btn:active, +.btn-group-vertical>.btn.active { z-index: 1; } @@ -3845,22 +4376,25 @@ textarea.form-control-lg { flex-wrap: wrap; justify-content: flex-start; } + .btn-toolbar .input-group { width: auto; } -.btn-group > .btn:not(:first-child), -.btn-group > .btn-group:not(:first-child) { +.btn-group>.btn:not(:first-child), +.btn-group>.btn-group:not(:first-child) { margin-left: -1px; } -.btn-group > .btn:not(:last-child):not(.dropdown-toggle), -.btn-group > .btn-group:not(:last-child) > .btn { + +.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-group > .btn:nth-child(n+3), -.btn-group > :not(.btn-check) + .btn, -.btn-group > .btn-group:not(:first-child) > .btn { + +.btn-group>.btn:nth-child(n+3), +.btn-group> :not(.btn-check)+.btn, +.btn-group>.btn-group:not(:first-child)>.btn { border-top-left-radius: 0; border-bottom-left-radius: 0; } @@ -3869,19 +4403,25 @@ textarea.form-control-lg { padding-right: 0.5625rem; padding-left: 0.5625rem; } -.dropdown-toggle-split::after, .dropup .dropdown-toggle-split::after, .dropend .dropdown-toggle-split::after { + +.dropdown-toggle-split::after, +.dropup .dropdown-toggle-split::after, +.dropend .dropdown-toggle-split::after { margin-left: 0; } + .dropstart .dropdown-toggle-split::before { margin-right: 0; } -.btn-sm + .dropdown-toggle-split, .btn-group-sm > .btn + .dropdown-toggle-split { +.btn-sm+.dropdown-toggle-split, +.btn-group-sm>.btn+.dropdown-toggle-split { padding-right: 0.375rem; padding-left: 0.375rem; } -.btn-lg + .dropdown-toggle-split, .btn-group-lg > .btn + .dropdown-toggle-split { +.btn-lg+.dropdown-toggle-split, +.btn-group-lg>.btn+.dropdown-toggle-split { padding-right: 0.75rem; padding-left: 0.75rem; } @@ -3891,21 +4431,25 @@ textarea.form-control-lg { align-items: flex-start; justify-content: center; } -.btn-group-vertical > .btn, -.btn-group-vertical > .btn-group { + +.btn-group-vertical>.btn, +.btn-group-vertical>.btn-group { width: 100%; } -.btn-group-vertical > .btn:not(:first-child), -.btn-group-vertical > .btn-group:not(:first-child) { + +.btn-group-vertical>.btn:not(:first-child), +.btn-group-vertical>.btn-group:not(:first-child) { margin-top: -1px; } -.btn-group-vertical > .btn:not(:last-child):not(.dropdown-toggle), -.btn-group-vertical > .btn-group:not(:last-child) > .btn { + +.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; } -.btn-group-vertical > .btn ~ .btn, -.btn-group-vertical > .btn-group:not(:first-child) > .btn { + +.btn-group-vertical>.btn~.btn, +.btn-group-vertical>.btn-group:not(:first-child)>.btn { border-top-left-radius: 0; border-top-right-radius: 0; } @@ -3925,14 +4469,18 @@ textarea.form-control-lg { text-decoration: none; transition: color 0.15s ease-in-out, background-color 0.15s ease-in-out, border-color 0.15s ease-in-out; } + @media (prefers-reduced-motion: reduce) { .nav-link { transition: none; } } -.nav-link:hover, .nav-link:focus { + +.nav-link:hover, +.nav-link:focus { color: #0a58ca; } + .nav-link.disabled { color: #6c757d; pointer-events: none; @@ -3942,6 +4490,7 @@ textarea.form-control-lg { .nav-tabs { border-bottom: 1px solid #dee2e6; } + .nav-tabs .nav-link { margin-bottom: -1px; background: none; @@ -3949,21 +4498,26 @@ textarea.form-control-lg { border-top-left-radius: 0.25rem; border-top-right-radius: 0.25rem; } -.nav-tabs .nav-link:hover, .nav-tabs .nav-link:focus { + +.nav-tabs .nav-link:hover, +.nav-tabs .nav-link:focus { border-color: #e9ecef #e9ecef #dee2e6; isolation: isolate; } + .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; @@ -3975,19 +4529,20 @@ textarea.form-control-lg { border: 0; border-radius: 0.25rem; } + .nav-pills .nav-link.active, -.nav-pills .show > .nav-link { +.nav-pills .show>.nav-link { color: #fff; background-color: #0d6efd; } -.nav-fill > .nav-link, +.nav-fill>.nav-link, .nav-fill .nav-item { flex: 1 1 auto; text-align: center; } -.nav-justified > .nav-link, +.nav-justified>.nav-link, .nav-justified .nav-item { flex-basis: 0; flex-grow: 1; @@ -3999,10 +4554,11 @@ textarea.form-control-lg { width: 100%; } -.tab-content > .tab-pane { +.tab-content>.tab-pane { display: none; } -.tab-content > .active { + +.tab-content>.active { display: block; } @@ -4015,18 +4571,20 @@ textarea.form-control-lg { padding-top: 0.5rem; padding-bottom: 0.5rem; } -.navbar > .container, -.navbar > .container-fluid, -.navbar > .container-sm, -.navbar > .container-md, -.navbar > .container-lg, -.navbar > .container-xl, -.navbar > .container-xxl { + +.navbar>.container, +.navbar>.container-fluid, +.navbar>.container-sm, +.navbar>.container-md, +.navbar>.container-lg, +.navbar>.container-xl, +.navbar>.container-xxl { display: flex; flex-wrap: inherit; align-items: center; justify-content: space-between; } + .navbar-brand { padding-top: 0.3125rem; padding-bottom: 0.3125rem; @@ -4035,6 +4593,7 @@ textarea.form-control-lg { text-decoration: none; white-space: nowrap; } + .navbar-nav { display: flex; flex-direction: column; @@ -4042,10 +4601,12 @@ textarea.form-control-lg { margin-bottom: 0; list-style: none; } + .navbar-nav .nav-link { padding-right: 0; padding-left: 0; } + .navbar-nav .dropdown-menu { position: static; } @@ -4070,14 +4631,17 @@ textarea.form-control-lg { border-radius: 0.25rem; transition: box-shadow 0.15s ease-in-out; } + @media (prefers-reduced-motion: reduce) { .navbar-toggler { transition: none; } } + .navbar-toggler:hover { text-decoration: none; } + .navbar-toggler:focus { text-decoration: none; outline: 0; @@ -4104,29 +4668,37 @@ textarea.form-control-lg { flex-wrap: nowrap; justify-content: flex-start; } + .navbar-expand-sm .navbar-nav { flex-direction: row; } + .navbar-expand-sm .navbar-nav .dropdown-menu { position: absolute; } + .navbar-expand-sm .navbar-nav .nav-link { padding-right: 0.5rem; padding-left: 0.5rem; } + .navbar-expand-sm .navbar-nav-scroll { overflow: visible; } + .navbar-expand-sm .navbar-collapse { display: flex !important; flex-basis: auto; } + .navbar-expand-sm .navbar-toggler { display: none; } + .navbar-expand-sm .offcanvas-header { display: none; } + .navbar-expand-sm .offcanvas { position: inherit; bottom: 0; @@ -4139,12 +4711,14 @@ textarea.form-control-lg { transition: none; transform: none; } + .navbar-expand-sm .offcanvas-top, -.navbar-expand-sm .offcanvas-bottom { + .navbar-expand-sm .offcanvas-bottom { height: auto; border-top: 0; border-bottom: 0; } + .navbar-expand-sm .offcanvas-body { display: flex; flex-grow: 0; @@ -4152,34 +4726,43 @@ textarea.form-control-lg { overflow-y: visible; } } + @media (min-width: 768px) { .navbar-expand-md { flex-wrap: nowrap; justify-content: flex-start; } + .navbar-expand-md .navbar-nav { flex-direction: row; } + .navbar-expand-md .navbar-nav .dropdown-menu { position: absolute; } + .navbar-expand-md .navbar-nav .nav-link { padding-right: 0.5rem; padding-left: 0.5rem; } + .navbar-expand-md .navbar-nav-scroll { overflow: visible; } + .navbar-expand-md .navbar-collapse { display: flex !important; flex-basis: auto; } + .navbar-expand-md .navbar-toggler { display: none; } + .navbar-expand-md .offcanvas-header { display: none; } + .navbar-expand-md .offcanvas { position: inherit; bottom: 0; @@ -4192,12 +4775,14 @@ textarea.form-control-lg { transition: none; transform: none; } + .navbar-expand-md .offcanvas-top, -.navbar-expand-md .offcanvas-bottom { + .navbar-expand-md .offcanvas-bottom { height: auto; border-top: 0; border-bottom: 0; } + .navbar-expand-md .offcanvas-body { display: flex; flex-grow: 0; @@ -4205,34 +4790,43 @@ textarea.form-control-lg { overflow-y: visible; } } + @media (min-width: 992px) { .navbar-expand-lg { flex-wrap: nowrap; justify-content: flex-start; } + .navbar-expand-lg .navbar-nav { flex-direction: row; } + .navbar-expand-lg .navbar-nav .dropdown-menu { position: absolute; } + .navbar-expand-lg .navbar-nav .nav-link { padding-right: 0.5rem; padding-left: 0.5rem; } + .navbar-expand-lg .navbar-nav-scroll { overflow: visible; } + .navbar-expand-lg .navbar-collapse { display: flex !important; flex-basis: auto; } + .navbar-expand-lg .navbar-toggler { display: none; } + .navbar-expand-lg .offcanvas-header { display: none; } + .navbar-expand-lg .offcanvas { position: inherit; bottom: 0; @@ -4245,12 +4839,14 @@ textarea.form-control-lg { transition: none; transform: none; } + .navbar-expand-lg .offcanvas-top, -.navbar-expand-lg .offcanvas-bottom { + .navbar-expand-lg .offcanvas-bottom { height: auto; border-top: 0; border-bottom: 0; } + .navbar-expand-lg .offcanvas-body { display: flex; flex-grow: 0; @@ -4258,34 +4854,43 @@ textarea.form-control-lg { overflow-y: visible; } } + @media (min-width: 1200px) { .navbar-expand-xl { flex-wrap: nowrap; justify-content: flex-start; } + .navbar-expand-xl .navbar-nav { flex-direction: row; } + .navbar-expand-xl .navbar-nav .dropdown-menu { position: absolute; } + .navbar-expand-xl .navbar-nav .nav-link { padding-right: 0.5rem; padding-left: 0.5rem; } + .navbar-expand-xl .navbar-nav-scroll { overflow: visible; } + .navbar-expand-xl .navbar-collapse { display: flex !important; flex-basis: auto; } + .navbar-expand-xl .navbar-toggler { display: none; } + .navbar-expand-xl .offcanvas-header { display: none; } + .navbar-expand-xl .offcanvas { position: inherit; bottom: 0; @@ -4298,12 +4903,14 @@ textarea.form-control-lg { transition: none; transform: none; } + .navbar-expand-xl .offcanvas-top, -.navbar-expand-xl .offcanvas-bottom { + .navbar-expand-xl .offcanvas-bottom { height: auto; border-top: 0; border-bottom: 0; } + .navbar-expand-xl .offcanvas-body { display: flex; flex-grow: 0; @@ -4311,34 +4918,43 @@ textarea.form-control-lg { overflow-y: visible; } } + @media (min-width: 1400px) { .navbar-expand-xxl { flex-wrap: nowrap; justify-content: flex-start; } + .navbar-expand-xxl .navbar-nav { flex-direction: row; } + .navbar-expand-xxl .navbar-nav .dropdown-menu { position: absolute; } + .navbar-expand-xxl .navbar-nav .nav-link { padding-right: 0.5rem; padding-left: 0.5rem; } + .navbar-expand-xxl .navbar-nav-scroll { overflow: visible; } + .navbar-expand-xxl .navbar-collapse { display: flex !important; flex-basis: auto; } + .navbar-expand-xxl .navbar-toggler { display: none; } + .navbar-expand-xxl .offcanvas-header { display: none; } + .navbar-expand-xxl .offcanvas { position: inherit; bottom: 0; @@ -4351,12 +4967,14 @@ textarea.form-control-lg { transition: none; transform: none; } + .navbar-expand-xxl .offcanvas-top, -.navbar-expand-xxl .offcanvas-bottom { + .navbar-expand-xxl .offcanvas-bottom { height: auto; border-top: 0; border-bottom: 0; } + .navbar-expand-xxl .offcanvas-body { display: flex; flex-grow: 0; @@ -4364,33 +4982,42 @@ textarea.form-control-lg { overflow-y: visible; } } + .navbar-expand { flex-wrap: nowrap; justify-content: flex-start; } + .navbar-expand .navbar-nav { flex-direction: row; } + .navbar-expand .navbar-nav .dropdown-menu { position: absolute; } + .navbar-expand .navbar-nav .nav-link { padding-right: 0.5rem; padding-left: 0.5rem; } + .navbar-expand .navbar-nav-scroll { overflow: visible; } + .navbar-expand .navbar-collapse { display: flex !important; flex-basis: auto; } + .navbar-expand .navbar-toggler { display: none; } + .navbar-expand .offcanvas-header { display: none; } + .navbar-expand .offcanvas { position: inherit; bottom: 0; @@ -4403,12 +5030,14 @@ textarea.form-control-lg { transition: none; transform: none; } + .navbar-expand .offcanvas-top, .navbar-expand .offcanvas-bottom { height: auto; border-top: 0; border-bottom: 0; } + .navbar-expand .offcanvas-body { display: flex; flex-grow: 0; @@ -4419,32 +5048,43 @@ textarea.form-control-lg { .navbar-light .navbar-brand { color: rgba(0, 0, 0, 0.9); } -.navbar-light .navbar-brand:hover, .navbar-light .navbar-brand:focus { + +.navbar-light .navbar-brand:hover, +.navbar-light .navbar-brand:focus { color: rgba(0, 0, 0, 0.9); } + .navbar-light .navbar-nav .nav-link { color: rgba(0, 0, 0, 0.55); } -.navbar-light .navbar-nav .nav-link:hover, .navbar-light .navbar-nav .nav-link:focus { + +.navbar-light .navbar-nav .nav-link:hover, +.navbar-light .navbar-nav .nav-link:focus { color: rgba(0, 0, 0, 0.7); } + .navbar-light .navbar-nav .nav-link.disabled { color: rgba(0, 0, 0, 0.3); } -.navbar-light .navbar-nav .show > .nav-link, + +.navbar-light .navbar-nav .show>.nav-link, .navbar-light .navbar-nav .nav-link.active { color: rgba(0, 0, 0, 0.9); } + .navbar-light .navbar-toggler { color: rgba(0, 0, 0, 0.55); border-color: rgba(0, 0, 0, 0.1); } + .navbar-light .navbar-toggler-icon { background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 30 30'%3e%3cpath stroke='rgba%280, 0, 0, 0.55%29' stroke-linecap='round' stroke-miterlimit='10' stroke-width='2' d='M4 7h22M4 15h22M4 23h22'/%3e%3c/svg%3e"); } + .navbar-light .navbar-text { color: rgba(0, 0, 0, 0.55); } + .navbar-light .navbar-text a, .navbar-light .navbar-text a:hover, .navbar-light .navbar-text a:focus { @@ -4454,32 +5094,43 @@ textarea.form-control-lg { .navbar-dark .navbar-brand { color: #fff; } -.navbar-dark .navbar-brand:hover, .navbar-dark .navbar-brand:focus { + +.navbar-dark .navbar-brand:hover, +.navbar-dark .navbar-brand:focus { color: #fff; } + .navbar-dark .navbar-nav .nav-link { color: rgba(255, 255, 255, 0.55); } -.navbar-dark .navbar-nav .nav-link:hover, .navbar-dark .navbar-nav .nav-link:focus { + +.navbar-dark .navbar-nav .nav-link:hover, +.navbar-dark .navbar-nav .nav-link:focus { color: rgba(255, 255, 255, 0.75); } + .navbar-dark .navbar-nav .nav-link.disabled { color: rgba(255, 255, 255, 0.25); } -.navbar-dark .navbar-nav .show > .nav-link, + +.navbar-dark .navbar-nav .show>.nav-link, .navbar-dark .navbar-nav .nav-link.active { color: #fff; } + .navbar-dark .navbar-toggler { color: rgba(255, 255, 255, 0.55); border-color: rgba(255, 255, 255, 0.1); } + .navbar-dark .navbar-toggler-icon { background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 30 30'%3e%3cpath stroke='rgba%28255, 255, 255, 0.55%29' stroke-linecap='round' stroke-miterlimit='10' stroke-width='2' d='M4 7h22M4 15h22M4 23h22'/%3e%3c/svg%3e"); } + .navbar-dark .navbar-text { color: rgba(255, 255, 255, 0.55); } + .navbar-dark .navbar-text a, .navbar-dark .navbar-text a:hover, .navbar-dark .navbar-text a:focus { @@ -4497,26 +5148,31 @@ textarea.form-control-lg { border: 1px solid rgba(0, 0, 0, 0.125); border-radius: 0.25rem; } -.card > hr { + +.card>hr { margin-right: 0; margin-left: 0; } -.card > .list-group { + +.card>.list-group { border-top: inherit; border-bottom: inherit; } -.card > .list-group:first-child { + +.card>.list-group:first-child { border-top-width: 0; border-top-left-radius: calc(0.25rem - 1px); border-top-right-radius: calc(0.25rem - 1px); } -.card > .list-group:last-child { + +.card>.list-group:last-child { border-bottom-width: 0; border-bottom-right-radius: calc(0.25rem - 1px); border-bottom-left-radius: calc(0.25rem - 1px); } -.card > .card-header + .list-group, -.card > .list-group + .card-footer { + +.card>.card-header+.list-group, +.card>.list-group+.card-footer { border-top: 0; } @@ -4538,7 +5194,7 @@ textarea.form-control-lg { margin-bottom: 0; } -.card-link + .card-link { +.card-link+.card-link { margin-left: 1rem; } @@ -4548,6 +5204,7 @@ textarea.form-control-lg { background-color: rgba(0, 0, 0, 0.03); border-bottom: 1px solid rgba(0, 0, 0, 0.125); } + .card-header:first-child { border-radius: calc(0.25rem - 1px) calc(0.25rem - 1px) 0 0; } @@ -4557,6 +5214,7 @@ textarea.form-control-lg { background-color: rgba(0, 0, 0, 0.03); border-top: 1px solid rgba(0, 0, 0, 0.125); } + .card-footer:last-child { border-radius: 0 0 calc(0.25rem - 1px) calc(0.25rem - 1px); } @@ -4601,44 +5259,53 @@ textarea.form-control-lg { border-bottom-left-radius: calc(0.25rem - 1px); } -.card-group > .card { +.card-group>.card { margin-bottom: 0.75rem; } + @media (min-width: 576px) { .card-group { display: flex; flex-flow: row wrap; } - .card-group > .card { + + .card-group>.card { flex: 1 0 0%; margin-bottom: 0; } - .card-group > .card + .card { + + .card-group>.card+.card { margin-left: 0; border-left: 0; } - .card-group > .card:not(:last-child) { + + .card-group>.card:not(:last-child) { border-top-right-radius: 0; border-bottom-right-radius: 0; } - .card-group > .card:not(:last-child) .card-img-top, -.card-group > .card:not(:last-child) .card-header { + + .card-group>.card:not(:last-child) .card-img-top, + .card-group>.card:not(:last-child) .card-header { border-top-right-radius: 0; } - .card-group > .card:not(:last-child) .card-img-bottom, -.card-group > .card:not(:last-child) .card-footer { + + .card-group>.card:not(:last-child) .card-img-bottom, + .card-group>.card:not(:last-child) .card-footer { border-bottom-right-radius: 0; } - .card-group > .card:not(:first-child) { + + .card-group>.card:not(:first-child) { border-top-left-radius: 0; border-bottom-left-radius: 0; } - .card-group > .card:not(:first-child) .card-img-top, -.card-group > .card:not(:first-child) .card-header { + + .card-group>.card:not(:first-child) .card-img-top, + .card-group>.card:not(:first-child) .card-header { border-top-left-radius: 0; } - .card-group > .card:not(:first-child) .card-img-bottom, -.card-group > .card:not(:first-child) .card-footer { + + .card-group>.card:not(:first-child) .card-img-bottom, + .card-group>.card:not(:first-child) .card-footer { border-bottom-left-radius: 0; } } @@ -4658,20 +5325,24 @@ textarea.form-control-lg { overflow-anchor: 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, border-radius 0.15s ease; } + @media (prefers-reduced-motion: reduce) { .accordion-button { transition: none; } } + .accordion-button:not(.collapsed) { color: #0c63e4; background-color: #e7f1ff; box-shadow: inset 0 -1px 0 rgba(0, 0, 0, 0.125); } + .accordion-button:not(.collapsed)::after { background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='%230c63e4'%3e%3cpath fill-rule='evenodd' d='M1.646 4.646a.5.5 0 0 1 .708 0L8 10.293l5.646-5.647a.5.5 0 0 1 .708.708l-6 6a.5.5 0 0 1-.708 0l-6-6a.5.5 0 0 1 0-.708z'/%3e%3c/svg%3e"); transform: rotate(-180deg); } + .accordion-button::after { flex-shrink: 0; width: 1.25rem; @@ -4683,14 +5354,17 @@ textarea.form-control-lg { background-size: 1.25rem; transition: transform 0.2s ease-in-out; } + @media (prefers-reduced-motion: reduce) { .accordion-button::after { transition: none; } } + .accordion-button:hover { z-index: 2; } + .accordion-button:focus { z-index: 3; border-color: #86b7fe; @@ -4706,25 +5380,31 @@ textarea.form-control-lg { background-color: #fff; border: 1px solid rgba(0, 0, 0, 0.125); } + .accordion-item:first-of-type { border-top-left-radius: 0.25rem; border-top-right-radius: 0.25rem; } + .accordion-item:first-of-type .accordion-button { border-top-left-radius: calc(0.25rem - 1px); border-top-right-radius: calc(0.25rem - 1px); } + .accordion-item:not(:first-of-type) { border-top: 0; } + .accordion-item:last-of-type { border-bottom-right-radius: 0.25rem; border-bottom-left-radius: 0.25rem; } + .accordion-item:last-of-type .accordion-button.collapsed { border-bottom-right-radius: calc(0.25rem - 1px); border-bottom-left-radius: calc(0.25rem - 1px); } + .accordion-item:last-of-type .accordion-collapse { border-bottom-right-radius: 0.25rem; border-bottom-left-radius: 0.25rem; @@ -4737,17 +5417,21 @@ textarea.form-control-lg { .accordion-flush .accordion-collapse { border-width: 0; } + .accordion-flush .accordion-item { border-right: 0; border-left: 0; border-radius: 0; } + .accordion-flush .accordion-item:first-child { border-top: 0; } + .accordion-flush .accordion-item:last-child { border-bottom: 0; } + .accordion-flush .accordion-item .accordion-button { border-radius: 0; } @@ -4760,15 +5444,19 @@ textarea.form-control-lg { list-style: none; } -.breadcrumb-item + .breadcrumb-item { +.breadcrumb-item+.breadcrumb-item { padding-left: 0.5rem; } -.breadcrumb-item + .breadcrumb-item::before { + +.breadcrumb-item+.breadcrumb-item::before { float: left; padding-right: 0.5rem; color: #6c757d; - content: var(--bs-breadcrumb-divider, "/") /* rtl: var(--bs-breadcrumb-divider, "/") */; + content: var(--bs-breadcrumb-divider, "/") + /* rtl: var(--bs-breadcrumb-divider, "/") */ + ; } + .breadcrumb-item.active { color: #6c757d; } @@ -4788,17 +5476,20 @@ textarea.form-control-lg { border: 1px solid #dee2e6; 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) { .page-link { transition: none; } } + .page-link:hover { z-index: 2; color: #0a58ca; background-color: #e9ecef; border-color: #dee2e6; } + .page-link:focus { z-index: 3; color: #0a58ca; @@ -4810,12 +5501,14 @@ textarea.form-control-lg { .page-item:not(:first-child) .page-link { margin-left: -1px; } + .page-item.active .page-link { z-index: 3; color: #fff; background-color: #0d6efd; border-color: #0d6efd; } + .page-item.disabled .page-link { color: #6c757d; pointer-events: none; @@ -4831,6 +5524,7 @@ textarea.form-control-lg { border-top-left-radius: 0.25rem; border-bottom-left-radius: 0.25rem; } + .page-item:last-child .page-link { border-top-right-radius: 0.25rem; border-bottom-right-radius: 0.25rem; @@ -4840,10 +5534,12 @@ textarea.form-control-lg { padding: 0.75rem 1.5rem; font-size: 1.25rem; } + .pagination-lg .page-item:first-child .page-link { border-top-left-radius: 0.3rem; border-bottom-left-radius: 0.3rem; } + .pagination-lg .page-item:last-child .page-link { border-top-right-radius: 0.3rem; border-bottom-right-radius: 0.3rem; @@ -4853,10 +5549,12 @@ textarea.form-control-lg { padding: 0.25rem 0.5rem; font-size: 0.875rem; } + .pagination-sm .page-item:first-child .page-link { border-top-left-radius: 0.2rem; border-bottom-left-radius: 0.2rem; } + .pagination-sm .page-item:last-child .page-link { border-top-right-radius: 0.2rem; border-bottom-right-radius: 0.2rem; @@ -4874,6 +5572,7 @@ textarea.form-control-lg { vertical-align: baseline; border-radius: 0.25rem; } + .badge:empty { display: none; } @@ -4902,6 +5601,7 @@ textarea.form-control-lg { .alert-dismissible { padding-right: 3rem; } + .alert-dismissible .btn-close { position: absolute; top: 0; @@ -4915,6 +5615,7 @@ textarea.form-control-lg { background-color: #cfe2ff; border-color: #b6d4fe; } + .alert-primary .alert-link { color: #06357a; } @@ -4924,6 +5625,7 @@ textarea.form-control-lg { background-color: #e2e3e5; border-color: #d3d6d8; } + .alert-secondary .alert-link { color: #34383c; } @@ -4933,6 +5635,7 @@ textarea.form-control-lg { background-color: #d1e7dd; border-color: #badbcc; } + .alert-success .alert-link { color: #0c4128; } @@ -4942,6 +5645,7 @@ textarea.form-control-lg { background-color: #cff4fc; border-color: #b6effb; } + .alert-info .alert-link { color: #04414d; } @@ -4951,6 +5655,7 @@ textarea.form-control-lg { background-color: #fff3cd; border-color: #ffecb5; } + .alert-warning .alert-link { color: #523e02; } @@ -4960,6 +5665,7 @@ textarea.form-control-lg { background-color: #f8d7da; border-color: #f5c2c7; } + .alert-danger .alert-link { color: #6a1a21; } @@ -4969,6 +5675,7 @@ textarea.form-control-lg { background-color: #fefefe; border-color: #fdfdfe; } + .alert-light .alert-link { color: #4f5050; } @@ -4978,6 +5685,7 @@ textarea.form-control-lg { background-color: #d3d3d4; border-color: #bcbebf; } + .alert-dark .alert-link { color: #101214; } @@ -4993,6 +5701,7 @@ textarea.form-control-lg { background-position-x: 1rem; } } + .progress { display: flex; height: 1rem; @@ -5013,6 +5722,7 @@ textarea.form-control-lg { background-color: #0d6efd; transition: width 0.6s ease; } + @media (prefers-reduced-motion: reduce) { .progress-bar { transition: none; @@ -5028,6 +5738,7 @@ textarea.form-control-lg { -webkit-animation: 1s linear infinite progress-bar-stripes; animation: 1s linear infinite progress-bar-stripes; } + @media (prefers-reduced-motion: reduce) { .progress-bar-animated { -webkit-animation: none; @@ -5047,7 +5758,8 @@ textarea.form-control-lg { list-style-type: none; counter-reset: section; } -.list-group-numbered > li::before { + +.list-group-numbered>li::before { content: counters(section, ".") ". "; counter-increment: section; } @@ -5057,12 +5769,15 @@ textarea.form-control-lg { color: #495057; text-align: inherit; } -.list-group-item-action:hover, .list-group-item-action:focus { + +.list-group-item-action:hover, +.list-group-item-action:focus { z-index: 1; color: #495057; text-decoration: none; background-color: #f8f9fa; } + .list-group-item-action:active { color: #212529; background-color: #e9ecef; @@ -5077,29 +5792,36 @@ textarea.form-control-lg { background-color: #fff; border: 1px solid rgba(0, 0, 0, 0.125); } + .list-group-item:first-child { border-top-left-radius: inherit; border-top-right-radius: inherit; } + .list-group-item:last-child { border-bottom-right-radius: inherit; border-bottom-left-radius: inherit; } -.list-group-item.disabled, .list-group-item:disabled { + +.list-group-item.disabled, +.list-group-item:disabled { color: #6c757d; pointer-events: none; background-color: #fff; } + .list-group-item.active { z-index: 2; color: #fff; background-color: #0d6efd; border-color: #0d6efd; } -.list-group-item + .list-group-item { + +.list-group-item+.list-group-item { border-top-width: 0; } -.list-group-item + .list-group-item.active { + +.list-group-item+.list-group-item.active { margin-top: -1px; border-top-width: 1px; } @@ -5107,22 +5829,27 @@ textarea.form-control-lg { .list-group-horizontal { flex-direction: row; } -.list-group-horizontal > .list-group-item:first-child { + +.list-group-horizontal>.list-group-item:first-child { border-bottom-left-radius: 0.25rem; border-top-right-radius: 0; } -.list-group-horizontal > .list-group-item:last-child { + +.list-group-horizontal>.list-group-item:last-child { border-top-right-radius: 0.25rem; border-bottom-left-radius: 0; } -.list-group-horizontal > .list-group-item.active { + +.list-group-horizontal>.list-group-item.active { margin-top: 0; } -.list-group-horizontal > .list-group-item + .list-group-item { + +.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 { + +.list-group-horizontal>.list-group-item+.list-group-item.active { margin-left: -1px; border-left-width: 1px; } @@ -5131,129 +5858,161 @@ textarea.form-control-lg { .list-group-horizontal-sm { flex-direction: row; } - .list-group-horizontal-sm > .list-group-item:first-child { + + .list-group-horizontal-sm>.list-group-item:first-child { border-bottom-left-radius: 0.25rem; border-top-right-radius: 0; } - .list-group-horizontal-sm > .list-group-item:last-child { + + .list-group-horizontal-sm>.list-group-item:last-child { border-top-right-radius: 0.25rem; border-bottom-left-radius: 0; } - .list-group-horizontal-sm > .list-group-item.active { + + .list-group-horizontal-sm>.list-group-item.active { margin-top: 0; } - .list-group-horizontal-sm > .list-group-item + .list-group-item { + + .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 { + + .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:first-child { + + .list-group-horizontal-md>.list-group-item:first-child { border-bottom-left-radius: 0.25rem; border-top-right-radius: 0; } - .list-group-horizontal-md > .list-group-item:last-child { + + .list-group-horizontal-md>.list-group-item:last-child { border-top-right-radius: 0.25rem; border-bottom-left-radius: 0; } - .list-group-horizontal-md > .list-group-item.active { + + .list-group-horizontal-md>.list-group-item.active { margin-top: 0; } - .list-group-horizontal-md > .list-group-item + .list-group-item { + + .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 { + + .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:first-child { + + .list-group-horizontal-lg>.list-group-item:first-child { border-bottom-left-radius: 0.25rem; border-top-right-radius: 0; } - .list-group-horizontal-lg > .list-group-item:last-child { + + .list-group-horizontal-lg>.list-group-item:last-child { border-top-right-radius: 0.25rem; border-bottom-left-radius: 0; } - .list-group-horizontal-lg > .list-group-item.active { + + .list-group-horizontal-lg>.list-group-item.active { margin-top: 0; } - .list-group-horizontal-lg > .list-group-item + .list-group-item { + + .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 { + + .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:first-child { + + .list-group-horizontal-xl>.list-group-item:first-child { border-bottom-left-radius: 0.25rem; border-top-right-radius: 0; } - .list-group-horizontal-xl > .list-group-item:last-child { + + .list-group-horizontal-xl>.list-group-item:last-child { border-top-right-radius: 0.25rem; border-bottom-left-radius: 0; } - .list-group-horizontal-xl > .list-group-item.active { + + .list-group-horizontal-xl>.list-group-item.active { margin-top: 0; } - .list-group-horizontal-xl > .list-group-item + .list-group-item { + + .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 { + + .list-group-horizontal-xl>.list-group-item+.list-group-item.active { margin-left: -1px; border-left-width: 1px; } } + @media (min-width: 1400px) { .list-group-horizontal-xxl { flex-direction: row; } - .list-group-horizontal-xxl > .list-group-item:first-child { + + .list-group-horizontal-xxl>.list-group-item:first-child { border-bottom-left-radius: 0.25rem; border-top-right-radius: 0; } - .list-group-horizontal-xxl > .list-group-item:last-child { + + .list-group-horizontal-xxl>.list-group-item:last-child { border-top-right-radius: 0.25rem; border-bottom-left-radius: 0; } - .list-group-horizontal-xxl > .list-group-item.active { + + .list-group-horizontal-xxl>.list-group-item.active { margin-top: 0; } - .list-group-horizontal-xxl > .list-group-item + .list-group-item { + + .list-group-horizontal-xxl>.list-group-item+.list-group-item { border-top-width: 1px; border-left-width: 0; } - .list-group-horizontal-xxl > .list-group-item + .list-group-item.active { + + .list-group-horizontal-xxl>.list-group-item+.list-group-item.active { margin-left: -1px; border-left-width: 1px; } } + .list-group-flush { border-radius: 0; } -.list-group-flush > .list-group-item { + +.list-group-flush>.list-group-item { border-width: 0 0 1px; } -.list-group-flush > .list-group-item:last-child { + +.list-group-flush>.list-group-item:last-child { border-bottom-width: 0; } @@ -5261,10 +6020,13 @@ textarea.form-control-lg { color: #084298; background-color: #cfe2ff; } -.list-group-item-primary.list-group-item-action:hover, .list-group-item-primary.list-group-item-action:focus { + +.list-group-item-primary.list-group-item-action:hover, +.list-group-item-primary.list-group-item-action:focus { color: #084298; background-color: #bacbe6; } + .list-group-item-primary.list-group-item-action.active { color: #fff; background-color: #084298; @@ -5275,10 +6037,13 @@ textarea.form-control-lg { color: #41464b; background-color: #e2e3e5; } -.list-group-item-secondary.list-group-item-action:hover, .list-group-item-secondary.list-group-item-action:focus { + +.list-group-item-secondary.list-group-item-action:hover, +.list-group-item-secondary.list-group-item-action:focus { color: #41464b; background-color: #cbccce; } + .list-group-item-secondary.list-group-item-action.active { color: #fff; background-color: #41464b; @@ -5289,10 +6054,13 @@ textarea.form-control-lg { color: #0f5132; background-color: #d1e7dd; } -.list-group-item-success.list-group-item-action:hover, .list-group-item-success.list-group-item-action:focus { + +.list-group-item-success.list-group-item-action:hover, +.list-group-item-success.list-group-item-action:focus { color: #0f5132; background-color: #bcd0c7; } + .list-group-item-success.list-group-item-action.active { color: #fff; background-color: #0f5132; @@ -5303,10 +6071,13 @@ textarea.form-control-lg { color: #055160; background-color: #cff4fc; } -.list-group-item-info.list-group-item-action:hover, .list-group-item-info.list-group-item-action:focus { + +.list-group-item-info.list-group-item-action:hover, +.list-group-item-info.list-group-item-action:focus { color: #055160; background-color: #badce3; } + .list-group-item-info.list-group-item-action.active { color: #fff; background-color: #055160; @@ -5317,10 +6088,13 @@ textarea.form-control-lg { color: #664d03; background-color: #fff3cd; } -.list-group-item-warning.list-group-item-action:hover, .list-group-item-warning.list-group-item-action:focus { + +.list-group-item-warning.list-group-item-action:hover, +.list-group-item-warning.list-group-item-action:focus { color: #664d03; background-color: #e6dbb9; } + .list-group-item-warning.list-group-item-action.active { color: #fff; background-color: #664d03; @@ -5331,10 +6105,13 @@ textarea.form-control-lg { color: #842029; background-color: #f8d7da; } -.list-group-item-danger.list-group-item-action:hover, .list-group-item-danger.list-group-item-action:focus { + +.list-group-item-danger.list-group-item-action:hover, +.list-group-item-danger.list-group-item-action:focus { color: #842029; background-color: #dfc2c4; } + .list-group-item-danger.list-group-item-action.active { color: #fff; background-color: #842029; @@ -5345,10 +6122,13 @@ textarea.form-control-lg { color: #636464; background-color: #fefefe; } -.list-group-item-light.list-group-item-action:hover, .list-group-item-light.list-group-item-action:focus { + +.list-group-item-light.list-group-item-action:hover, +.list-group-item-light.list-group-item-action:focus { color: #636464; background-color: #e5e5e5; } + .list-group-item-light.list-group-item-action.active { color: #fff; background-color: #636464; @@ -5359,10 +6139,13 @@ textarea.form-control-lg { color: #141619; background-color: #d3d3d4; } -.list-group-item-dark.list-group-item-action:hover, .list-group-item-dark.list-group-item-action:focus { + +.list-group-item-dark.list-group-item-action:hover, +.list-group-item-dark.list-group-item-action:focus { color: #141619; background-color: #bebebf; } + .list-group-item-dark.list-group-item-action.active { color: #fff; background-color: #141619; @@ -5380,17 +6163,21 @@ textarea.form-control-lg { border-radius: 0.25rem; opacity: 0.5; } + .btn-close:hover { color: #000; text-decoration: none; opacity: 0.75; } + .btn-close:focus { outline: 0; box-shadow: 0 0 0 0.25rem rgba(13, 110, 253, 0.25); opacity: 1; } -.btn-close:disabled, .btn-close.disabled { + +.btn-close:disabled, +.btn-close.disabled { pointer-events: none; -webkit-user-select: none; -moz-user-select: none; @@ -5413,9 +6200,11 @@ textarea.form-control-lg { box-shadow: 0 0.5rem 1rem rgba(0, 0, 0, 0.15); border-radius: 0.25rem; } + .toast.showing { opacity: 0; } + .toast:not(.show) { display: none; } @@ -5427,7 +6216,8 @@ textarea.form-control-lg { max-width: 100%; pointer-events: none; } -.toast-container > :not(:last-child) { + +.toast-container> :not(:last-child) { margin-bottom: 0.75rem; } @@ -5442,6 +6232,7 @@ textarea.form-control-lg { border-top-left-radius: calc(0.25rem - 1px); border-top-right-radius: calc(0.25rem - 1px); } + .toast-header .btn-close { margin-right: -0.375rem; margin-left: 0.75rem; @@ -5471,18 +6262,22 @@ textarea.form-control-lg { margin: 0.5rem; pointer-events: none; } + .modal.fade .modal-dialog { transition: transform 0.3s ease-out; transform: translate(0, -50px); } + @media (prefers-reduced-motion: reduce) { .modal.fade .modal-dialog { transition: none; } } + .modal.show .modal-dialog { transform: none; } + .modal.modal-static .modal-dialog { transform: scale(1.02); } @@ -5490,10 +6285,12 @@ textarea.form-control-lg { .modal-dialog-scrollable { height: calc(100% - 1rem); } + .modal-dialog-scrollable .modal-content { max-height: 100%; overflow: hidden; } + .modal-dialog-scrollable .modal-body { overflow-y: auto; } @@ -5526,9 +6323,11 @@ textarea.form-control-lg { height: 100vh; background-color: #000; } + .modal-backdrop.fade { opacity: 0; } + .modal-backdrop.show { opacity: 0.5; } @@ -5543,6 +6342,7 @@ textarea.form-control-lg { border-top-left-radius: calc(0.3rem - 1px); border-top-right-radius: calc(0.3rem - 1px); } + .modal-header .btn-close { padding: 0.5rem 0.5rem; margin: -0.5rem -0.5rem -0.5rem auto; @@ -5570,7 +6370,8 @@ textarea.form-control-lg { border-bottom-right-radius: calc(0.3rem - 1px); border-bottom-left-radius: calc(0.3rem - 1px); } -.modal-footer > * { + +.modal-footer>* { margin: 0.25rem; } @@ -5592,34 +6393,42 @@ textarea.form-control-lg { max-width: 300px; } } + @media (min-width: 992px) { + .modal-lg, -.modal-xl { + .modal-xl { max-width: 800px; } } + @media (min-width: 1200px) { .modal-xl { max-width: 1140px; } } + .modal-fullscreen { width: 100vw; max-width: none; height: 100%; margin: 0; } + .modal-fullscreen .modal-content { height: 100%; border: 0; border-radius: 0; } + .modal-fullscreen .modal-header { border-radius: 0; } + .modal-fullscreen .modal-body { overflow-y: auto; } + .modal-fullscreen .modal-footer { border-radius: 0; } @@ -5631,21 +6440,26 @@ textarea.form-control-lg { height: 100%; margin: 0; } + .modal-fullscreen-sm-down .modal-content { height: 100%; border: 0; border-radius: 0; } + .modal-fullscreen-sm-down .modal-header { border-radius: 0; } + .modal-fullscreen-sm-down .modal-body { overflow-y: auto; } + .modal-fullscreen-sm-down .modal-footer { border-radius: 0; } } + @media (max-width: 767.98px) { .modal-fullscreen-md-down { width: 100vw; @@ -5653,21 +6467,26 @@ textarea.form-control-lg { height: 100%; margin: 0; } + .modal-fullscreen-md-down .modal-content { height: 100%; border: 0; border-radius: 0; } + .modal-fullscreen-md-down .modal-header { border-radius: 0; } + .modal-fullscreen-md-down .modal-body { overflow-y: auto; } + .modal-fullscreen-md-down .modal-footer { border-radius: 0; } } + @media (max-width: 991.98px) { .modal-fullscreen-lg-down { width: 100vw; @@ -5675,21 +6494,26 @@ textarea.form-control-lg { height: 100%; margin: 0; } + .modal-fullscreen-lg-down .modal-content { height: 100%; border: 0; border-radius: 0; } + .modal-fullscreen-lg-down .modal-header { border-radius: 0; } + .modal-fullscreen-lg-down .modal-body { overflow-y: auto; } + .modal-fullscreen-lg-down .modal-footer { border-radius: 0; } } + @media (max-width: 1199.98px) { .modal-fullscreen-xl-down { width: 100vw; @@ -5697,21 +6521,26 @@ textarea.form-control-lg { height: 100%; margin: 0; } + .modal-fullscreen-xl-down .modal-content { height: 100%; border: 0; border-radius: 0; } + .modal-fullscreen-xl-down .modal-header { border-radius: 0; } + .modal-fullscreen-xl-down .modal-body { overflow-y: auto; } + .modal-fullscreen-xl-down .modal-footer { border-radius: 0; } } + @media (max-width: 1399.98px) { .modal-fullscreen-xxl-down { width: 100vw; @@ -5719,21 +6548,26 @@ textarea.form-control-lg { height: 100%; margin: 0; } + .modal-fullscreen-xxl-down .modal-content { height: 100%; border: 0; border-radius: 0; } + .modal-fullscreen-xxl-down .modal-header { border-radius: 0; } + .modal-fullscreen-xxl-down .modal-body { overflow-y: auto; } + .modal-fullscreen-xxl-down .modal-footer { border-radius: 0; } } + .tooltip { position: absolute; z-index: 1080; @@ -5757,15 +6591,18 @@ textarea.form-control-lg { word-wrap: break-word; opacity: 0; } + .tooltip.show { opacity: 0.9; } + .tooltip .tooltip-arrow { position: absolute; display: block; width: 0.8rem; height: 0.4rem; } + .tooltip .tooltip-arrow::before { position: absolute; content: ""; @@ -5773,53 +6610,73 @@ textarea.form-control-lg { border-style: solid; } -.bs-tooltip-top, .bs-tooltip-auto[data-popper-placement^=top] { +.bs-tooltip-top, +.bs-tooltip-auto[data-popper-placement^=top] { padding: 0.4rem 0; } -.bs-tooltip-top .tooltip-arrow, .bs-tooltip-auto[data-popper-placement^=top] .tooltip-arrow { + +.bs-tooltip-top .tooltip-arrow, +.bs-tooltip-auto[data-popper-placement^=top] .tooltip-arrow { bottom: 0; } -.bs-tooltip-top .tooltip-arrow::before, .bs-tooltip-auto[data-popper-placement^=top] .tooltip-arrow::before { + +.bs-tooltip-top .tooltip-arrow::before, +.bs-tooltip-auto[data-popper-placement^=top] .tooltip-arrow::before { top: -1px; border-width: 0.4rem 0.4rem 0; border-top-color: #000; } -.bs-tooltip-end, .bs-tooltip-auto[data-popper-placement^=right] { +.bs-tooltip-end, +.bs-tooltip-auto[data-popper-placement^=right] { padding: 0 0.4rem; } -.bs-tooltip-end .tooltip-arrow, .bs-tooltip-auto[data-popper-placement^=right] .tooltip-arrow { + +.bs-tooltip-end .tooltip-arrow, +.bs-tooltip-auto[data-popper-placement^=right] .tooltip-arrow { left: 0; width: 0.4rem; height: 0.8rem; } -.bs-tooltip-end .tooltip-arrow::before, .bs-tooltip-auto[data-popper-placement^=right] .tooltip-arrow::before { + +.bs-tooltip-end .tooltip-arrow::before, +.bs-tooltip-auto[data-popper-placement^=right] .tooltip-arrow::before { right: -1px; border-width: 0.4rem 0.4rem 0.4rem 0; border-right-color: #000; } -.bs-tooltip-bottom, .bs-tooltip-auto[data-popper-placement^=bottom] { +.bs-tooltip-bottom, +.bs-tooltip-auto[data-popper-placement^=bottom] { padding: 0.4rem 0; } -.bs-tooltip-bottom .tooltip-arrow, .bs-tooltip-auto[data-popper-placement^=bottom] .tooltip-arrow { + +.bs-tooltip-bottom .tooltip-arrow, +.bs-tooltip-auto[data-popper-placement^=bottom] .tooltip-arrow { top: 0; } -.bs-tooltip-bottom .tooltip-arrow::before, .bs-tooltip-auto[data-popper-placement^=bottom] .tooltip-arrow::before { + +.bs-tooltip-bottom .tooltip-arrow::before, +.bs-tooltip-auto[data-popper-placement^=bottom] .tooltip-arrow::before { bottom: -1px; border-width: 0 0.4rem 0.4rem; border-bottom-color: #000; } -.bs-tooltip-start, .bs-tooltip-auto[data-popper-placement^=left] { +.bs-tooltip-start, +.bs-tooltip-auto[data-popper-placement^=left] { padding: 0 0.4rem; } -.bs-tooltip-start .tooltip-arrow, .bs-tooltip-auto[data-popper-placement^=left] .tooltip-arrow { + +.bs-tooltip-start .tooltip-arrow, +.bs-tooltip-auto[data-popper-placement^=left] .tooltip-arrow { right: 0; width: 0.4rem; height: 0.8rem; } -.bs-tooltip-start .tooltip-arrow::before, .bs-tooltip-auto[data-popper-placement^=left] .tooltip-arrow::before { + +.bs-tooltip-start .tooltip-arrow::before, +.bs-tooltip-auto[data-popper-placement^=left] .tooltip-arrow::before { left: -1px; border-width: 0.4rem 0 0.4rem 0.4rem; border-left-color: #000; @@ -5837,7 +6694,9 @@ textarea.form-control-lg { .popover { position: absolute; top: 0; - left: 0 /* rtl:ignore */; + left: 0 + /* rtl:ignore */ + ; z-index: 1070; display: block; max-width: 276px; @@ -5862,13 +6721,16 @@ textarea.form-control-lg { border: 1px solid rgba(0, 0, 0, 0.2); border-radius: 0.3rem; } + .popover .popover-arrow { position: absolute; display: block; width: 1rem; height: 0.5rem; } -.popover .popover-arrow::before, .popover .popover-arrow::after { + +.popover .popover-arrow::before, +.popover .popover-arrow::after { position: absolute; display: block; content: ""; @@ -5876,50 +6738,67 @@ textarea.form-control-lg { border-style: solid; } -.bs-popover-top > .popover-arrow, .bs-popover-auto[data-popper-placement^=top] > .popover-arrow { +.bs-popover-top>.popover-arrow, +.bs-popover-auto[data-popper-placement^=top]>.popover-arrow { bottom: calc(-0.5rem - 1px); } -.bs-popover-top > .popover-arrow::before, .bs-popover-auto[data-popper-placement^=top] > .popover-arrow::before { + +.bs-popover-top>.popover-arrow::before, +.bs-popover-auto[data-popper-placement^=top]>.popover-arrow::before { bottom: 0; border-width: 0.5rem 0.5rem 0; border-top-color: rgba(0, 0, 0, 0.25); } -.bs-popover-top > .popover-arrow::after, .bs-popover-auto[data-popper-placement^=top] > .popover-arrow::after { + +.bs-popover-top>.popover-arrow::after, +.bs-popover-auto[data-popper-placement^=top]>.popover-arrow::after { bottom: 1px; border-width: 0.5rem 0.5rem 0; border-top-color: #fff; } -.bs-popover-end > .popover-arrow, .bs-popover-auto[data-popper-placement^=right] > .popover-arrow { +.bs-popover-end>.popover-arrow, +.bs-popover-auto[data-popper-placement^=right]>.popover-arrow { left: calc(-0.5rem - 1px); width: 0.5rem; height: 1rem; } -.bs-popover-end > .popover-arrow::before, .bs-popover-auto[data-popper-placement^=right] > .popover-arrow::before { + +.bs-popover-end>.popover-arrow::before, +.bs-popover-auto[data-popper-placement^=right]>.popover-arrow::before { left: 0; border-width: 0.5rem 0.5rem 0.5rem 0; border-right-color: rgba(0, 0, 0, 0.25); } -.bs-popover-end > .popover-arrow::after, .bs-popover-auto[data-popper-placement^=right] > .popover-arrow::after { + +.bs-popover-end>.popover-arrow::after, +.bs-popover-auto[data-popper-placement^=right]>.popover-arrow::after { left: 1px; border-width: 0.5rem 0.5rem 0.5rem 0; border-right-color: #fff; } -.bs-popover-bottom > .popover-arrow, .bs-popover-auto[data-popper-placement^=bottom] > .popover-arrow { +.bs-popover-bottom>.popover-arrow, +.bs-popover-auto[data-popper-placement^=bottom]>.popover-arrow { top: calc(-0.5rem - 1px); } -.bs-popover-bottom > .popover-arrow::before, .bs-popover-auto[data-popper-placement^=bottom] > .popover-arrow::before { + +.bs-popover-bottom>.popover-arrow::before, +.bs-popover-auto[data-popper-placement^=bottom]>.popover-arrow::before { top: 0; border-width: 0 0.5rem 0.5rem 0.5rem; border-bottom-color: rgba(0, 0, 0, 0.25); } -.bs-popover-bottom > .popover-arrow::after, .bs-popover-auto[data-popper-placement^=bottom] > .popover-arrow::after { + +.bs-popover-bottom>.popover-arrow::after, +.bs-popover-auto[data-popper-placement^=bottom]>.popover-arrow::after { top: 1px; border-width: 0 0.5rem 0.5rem 0.5rem; border-bottom-color: #fff; } -.bs-popover-bottom .popover-header::before, .bs-popover-auto[data-popper-placement^=bottom] .popover-header::before { + +.bs-popover-bottom .popover-header::before, +.bs-popover-auto[data-popper-placement^=bottom] .popover-header::before { position: absolute; top: 0; left: 50%; @@ -5930,17 +6809,22 @@ textarea.form-control-lg { border-bottom: 1px solid #f0f0f0; } -.bs-popover-start > .popover-arrow, .bs-popover-auto[data-popper-placement^=left] > .popover-arrow { +.bs-popover-start>.popover-arrow, +.bs-popover-auto[data-popper-placement^=left]>.popover-arrow { right: calc(-0.5rem - 1px); width: 0.5rem; height: 1rem; } -.bs-popover-start > .popover-arrow::before, .bs-popover-auto[data-popper-placement^=left] > .popover-arrow::before { + +.bs-popover-start>.popover-arrow::before, +.bs-popover-auto[data-popper-placement^=left]>.popover-arrow::before { right: 0; border-width: 0.5rem 0 0.5rem 0.5rem; border-left-color: rgba(0, 0, 0, 0.25); } -.bs-popover-start > .popover-arrow::after, .bs-popover-auto[data-popper-placement^=left] > .popover-arrow::after { + +.bs-popover-start>.popover-arrow::after, +.bs-popover-auto[data-popper-placement^=left]>.popover-arrow::after { right: 1px; border-width: 0.5rem 0 0.5rem 0.5rem; border-left-color: #fff; @@ -5955,6 +6839,7 @@ textarea.form-control-lg { border-top-left-radius: calc(0.3rem - 1px); border-top-right-radius: calc(0.3rem - 1px); } + .popover-header:empty { display: none; } @@ -5977,6 +6862,7 @@ textarea.form-control-lg { width: 100%; overflow: hidden; } + .carousel-inner::after { display: block; clear: both; @@ -5993,6 +6879,7 @@ textarea.form-control-lg { backface-visibility: hidden; transition: transform 0.6s ease-in-out; } + @media (prefers-reduced-motion: reduce) { .carousel-item { transition: none; @@ -6022,21 +6909,25 @@ textarea.form-control-lg { transition-property: opacity; transform: none; } + .carousel-fade .carousel-item.active, .carousel-fade .carousel-item-next.carousel-item-start, .carousel-fade .carousel-item-prev.carousel-item-end { z-index: 1; opacity: 1; } + .carousel-fade .active.carousel-item-start, .carousel-fade .active.carousel-item-end { z-index: 0; opacity: 0; transition: opacity 0s 0.6s; } + @media (prefers-reduced-motion: reduce) { + .carousel-fade .active.carousel-item-start, -.carousel-fade .active.carousel-item-end { + .carousel-fade .active.carousel-item-end { transition: none; } } @@ -6059,13 +6950,17 @@ textarea.form-control-lg { opacity: 0.5; transition: opacity 0.15s ease; } + @media (prefers-reduced-motion: reduce) { + .carousel-control-prev, -.carousel-control-next { + .carousel-control-next { transition: none; } } -.carousel-control-prev:hover, .carousel-control-prev:focus, + +.carousel-control-prev:hover, +.carousel-control-prev:focus, .carousel-control-next:hover, .carousel-control-next:focus { color: #fff; @@ -6122,6 +7017,7 @@ textarea.form-control-lg { margin-left: 15%; list-style: none; } + .carousel-indicators [data-bs-target] { box-sizing: content-box; flex: 0 1 auto; @@ -6140,11 +7036,13 @@ textarea.form-control-lg { opacity: 0.5; transition: opacity 0.6s ease; } + @media (prefers-reduced-motion: reduce) { .carousel-indicators [data-bs-target] { transition: none; } } + .carousel-indicators .active { opacity: 1; } @@ -6164,24 +7062,31 @@ textarea.form-control-lg { .carousel-dark .carousel-control-next-icon { filter: invert(1) grayscale(100); } + .carousel-dark .carousel-indicators [data-bs-target] { background-color: #000; } + .carousel-dark .carousel-caption { color: #000; } @-webkit-keyframes spinner-border { to { - transform: rotate(360deg) /* rtl:ignore */; + transform: rotate(360deg) + /* rtl:ignore */ + ; } } @keyframes spinner-border { to { - transform: rotate(360deg) /* rtl:ignore */; + transform: rotate(360deg) + /* rtl:ignore */ + ; } } + .spinner-border { display: inline-block; width: 2rem; @@ -6204,6 +7109,7 @@ textarea.form-control-lg { 0% { transform: scale(0); } + 50% { opacity: 1; transform: none; @@ -6214,11 +7120,13 @@ textarea.form-control-lg { 0% { transform: scale(0); } + 50% { opacity: 1; transform: none; } } + .spinner-grow { display: inline-block; width: 2rem; @@ -6237,12 +7145,14 @@ textarea.form-control-lg { } @media (prefers-reduced-motion: reduce) { + .spinner-border, -.spinner-grow { + .spinner-grow { -webkit-animation-duration: 1.5s; animation-duration: 1.5s; } } + .offcanvas { position: fixed; bottom: 0; @@ -6256,6 +7166,7 @@ textarea.form-control-lg { outline: 0; transition: transform 0.3s ease-in-out; } + @media (prefers-reduced-motion: reduce) { .offcanvas { transition: none; @@ -6271,9 +7182,11 @@ textarea.form-control-lg { height: 100vh; background-color: #000; } + .offcanvas-backdrop.fade { opacity: 0; } + .offcanvas-backdrop.show { opacity: 0.5; } @@ -6284,6 +7197,7 @@ textarea.form-control-lg { justify-content: space-between; padding: 1rem 1rem; } + .offcanvas-header .btn-close { padding: 0.5rem 0.5rem; margin-top: -0.5rem; @@ -6349,6 +7263,7 @@ textarea.form-control-lg { background-color: currentColor; opacity: 0.5; } + .placeholder.btn::before { display: inline-block; content: ""; @@ -6382,6 +7297,7 @@ textarea.form-control-lg { opacity: 0.2; } } + .placeholder-wave { -webkit-mask-image: linear-gradient(130deg, #000 55%, rgba(0, 0, 0, 0.8) 75%, #000 95%); mask-image: linear-gradient(130deg, #000 55%, rgba(0, 0, 0, 0.8) 75%, #000 95%); @@ -6404,6 +7320,7 @@ textarea.form-control-lg { mask-position: -200% 0%; } } + .clearfix::after { display: block; clear: both; @@ -6413,56 +7330,72 @@ textarea.form-control-lg { .link-primary { color: #0d6efd; } -.link-primary:hover, .link-primary:focus { + +.link-primary:hover, +.link-primary:focus { color: #0a58ca; } .link-secondary { color: #6c757d; } -.link-secondary:hover, .link-secondary:focus { + +.link-secondary:hover, +.link-secondary:focus { color: #565e64; } .link-success { color: #198754; } -.link-success:hover, .link-success:focus { + +.link-success:hover, +.link-success:focus { color: #146c43; } .link-info { color: #0dcaf0; } -.link-info:hover, .link-info:focus { + +.link-info:hover, +.link-info:focus { color: #3dd5f3; } .link-warning { color: #ffc107; } -.link-warning:hover, .link-warning:focus { + +.link-warning:hover, +.link-warning:focus { color: #ffcd39; } .link-danger { color: #dc3545; } -.link-danger:hover, .link-danger:focus { + +.link-danger:hover, +.link-danger:focus { color: #b02a37; } .link-light { color: #f8f9fa; } -.link-light:hover, .link-light:focus { + +.link-light:hover, +.link-light:focus { color: #f9fafb; } .link-dark { color: #212529; } -.link-dark:hover, .link-dark:focus { + +.link-dark:hover, +.link-dark:focus { color: #1a1e21; } @@ -6470,12 +7403,14 @@ textarea.form-control-lg { position: relative; width: 100%; } + .ratio::before { display: block; padding-top: var(--bs-aspect-ratio); content: ""; } -.ratio > * { + +.ratio>* { position: absolute; top: 0; left: 0; @@ -6530,6 +7465,7 @@ textarea.form-control-lg { z-index: 1020; } } + @media (min-width: 768px) { .sticky-md-top { position: -webkit-sticky; @@ -6538,6 +7474,7 @@ textarea.form-control-lg { z-index: 1020; } } + @media (min-width: 992px) { .sticky-lg-top { position: -webkit-sticky; @@ -6546,6 +7483,7 @@ textarea.form-control-lg { z-index: 1020; } } + @media (min-width: 1200px) { .sticky-xl-top { position: -webkit-sticky; @@ -6554,6 +7492,7 @@ textarea.form-control-lg { z-index: 1020; } } + @media (min-width: 1400px) { .sticky-xxl-top { position: -webkit-sticky; @@ -6562,6 +7501,7 @@ textarea.form-control-lg { z-index: 1020; } } + .hstack { display: flex; flex-direction: row; @@ -8600,6 +9540,7 @@ textarea.form-control-lg { text-align: center !important; } } + @media (min-width: 768px) { .float-md-start { float: left !important; @@ -9251,6 +10192,7 @@ textarea.form-control-lg { text-align: center !important; } } + @media (min-width: 992px) { .float-lg-start { float: left !important; @@ -9902,6 +10844,7 @@ textarea.form-control-lg { text-align: center !important; } } + @media (min-width: 1200px) { .float-xl-start { float: left !important; @@ -10553,6 +11496,7 @@ textarea.form-control-lg { text-align: center !important; } } + @media (min-width: 1400px) { .float-xxl-start { float: left !important; @@ -11204,6 +12148,7 @@ textarea.form-control-lg { text-align: center !important; } } + @media (min-width: 1200px) { .fs-1 { font-size: 2.5rem !important; @@ -11221,6 +12166,7 @@ textarea.form-control-lg { font-size: 1.5rem !important; } } + @media print { .d-print-inline { display: inline !important; diff --git a/css/style.css b/css/style.css index c7eb041..7eb977f 100644 --- a/css/style.css +++ b/css/style.css @@ -210,6 +210,8 @@ main { background-color: white; flex: 1; overflow: auto; + padding-left: 0 !important; + padding-right: 0 !important; } .titlePage { @@ -250,16 +252,14 @@ main { .changelogTitle { font-weight: 600; - padding: 0 13px; margin: 0 0 15px; } .changelogList, .tec, .stationList { - padding: 0 13px; margin: 0 0 10px; - text-align: justify; + text-align: left; hyphens: auto; } diff --git a/data/changelog.xml b/data/changelog.xml index ff10c80..a03c493 100644 --- a/data/changelog.xml +++ b/data/changelog.xml @@ -2,6 +2,14 @@ + + 2.5.1 + + Migliorata l'usabilità e UX dell'applicazione, inserendo ad ogni pagina il pulsante "Back" (già presente in: player radio, tv e podcast) + Correzione e bugfix di problematiche varie. + + + 2.5.0 diff --git a/pages/page/404.php b/pages/page/404.php index 99fb192..9c0df3d 100644 --- a/pages/page/404.php +++ b/pages/page/404.php @@ -1,12 +1,12 @@ -

Pagina non trovata

- -

La pagina che hai provato a cercare non esiste o non è disponibile.

- - -
- - Torna alla Home +
+
+ + arrow_back + + Pagina non trovata
- \ No newline at end of file +
+ +

La pagina che hai provato a cercare non esiste o non è disponibile.

\ No newline at end of file diff --git a/pages/page/about.php b/pages/page/about.php index 87ec15b..658458c 100644 --- a/pages/page/about.php +++ b/pages/page/about.php @@ -1,10 +1,15 @@ -

Come funziona RPIGroup Play?

+
+
+ + arrow_back + + Come funziona l'app +
+
-
- -
+

RPIGroup Play è l'applicazione che permette di ascoltare le radio e le webtv preferite in un unico luogo.

Per utilizzare l'applicazione, basta semplicemente entrare nell'applicazione dal link app.rpigroup.it, selezionare la sezione Radio o TV e scegliere la radio o la webtv che desideri ascoltare.


@@ -14,8 +19,7 @@




-

F.A.Q.

-
+

F.A.Q.

Posso scaricarla da Google Play Store e Apple App Store?
Non è possibile al momento scaricare l'applicazione da Google Play Store e Apple App Store. @@ -28,11 +32,4 @@ Posso aggiungere la mia stazione radio preferita?
Sì, cliccando sul pulsante "Aggiungi Radio" nella sezione Radio, potrai aggiungere la tua stazione radio preferita compilando il form dedicato.

-
- - -
- - Torna alla Home -
-
\ No newline at end of file +
\ No newline at end of file diff --git a/pages/page/changelog.php b/pages/page/changelog.php index df76892..d7bf78f 100644 --- a/pages/page/changelog.php +++ b/pages/page/changelog.php @@ -1,8 +1,17 @@ -

Changelog

-

Visualizza tutti gli aggiornamenti ricevuti

-

Codice dell'app visionabile su ASV Git

+
+
+ + arrow_back + + Changelog +
+
+ +
+ +

Codice dell'app visionabile su ASV Git

version)) { } ?> - -
- - Torna alla Home -
-
\ No newline at end of file +
\ No newline at end of file diff --git a/pages/page/contact.php b/pages/page/contact.php index 69ae020..c861589 100644 --- a/pages/page/contact.php +++ b/pages/page/contact.php @@ -39,17 +39,15 @@
--> -

Contatti

- -
- -
-

La pagina è in fase di realizzazione... Attendi il prossimo aggiornamento per leggere le nostre istruzioni d'uso!

+
+
+ + arrow_back + + Contatti +
- -
- - Torna alla Home -
-
\ No newline at end of file +
+

La pagina è in fase di realizzazione... Attendi il prossimo aggiornamento per leggere le nostre istruzioni d'uso!

+
\ No newline at end of file diff --git a/pages/page/copyright.php b/pages/page/copyright.php index 53b2955..25fb29f 100644 --- a/pages/page/copyright.php +++ b/pages/page/copyright.php @@ -1,20 +1,17 @@ -

Diritti d'Autore

-

Come funziona e chi lo gestisce

+
+
+ + arrow_back + + Diritti D'Autore +
+
-
- -
+

RPIGroup è un player audio e video, che aggrega i flussi audio in streaming di emittenti iscritte all'interno del gruppo RPIGroup.

I flussi presenti all'interno della seguente app non provvengono direttamente da quest'ultima, ma dal sito web dell'emittente stessa.

L'applicazione funge come semplice ripetitore audio. Per tanto, i diritti musicali sono a carico dell'emittente presente nell'app, inserendo all'interno della pagina dedicata alle informazioni sulla trasmissione, i numeri licenze dei diritti d'autore e discografici dei brani trasmessi.

Pertanto, se si ritiene che una delle emittenti non ha le licenze per la diffusione dei brani, invitiamo al segnalante di inoltrare una mail ad abuse@asvhosting.com per la rimozione definitiva dell'emittente.

-
- - -
- - Torna alla Home -
-
\ No newline at end of file +
\ No newline at end of file diff --git a/pages/page/home.php b/pages/page/home.php index 05fdc29..01c67b5 100644 --- a/pages/page/home.php +++ b/pages/page/home.php @@ -3,7 +3,7 @@

Benvenuto

nella nuova RPIGroup Play

-
+
@@ -72,7 +72,7 @@
--> -
+
-
+
diff --git a/pages/page/podcast.php b/pages/page/podcast.php index cff887b..3e4a348 100644 --- a/pages/page/podcast.php +++ b/pages/page/podcast.php @@ -144,11 +144,16 @@ function formatDateItalian($dateString) { } -

Podcast

+
-
- -
+
@@ -191,14 +196,5 @@ function formatDateItalian($dateString) {
- - diff --git a/pages/page/policyprivacy.php b/pages/page/policyprivacy.php index b6c75dd..439ce91 100644 --- a/pages/page/policyprivacy.php +++ b/pages/page/policyprivacy.php @@ -1,10 +1,17 @@ -

Policy Privacy

-

Ultimo aggiornamento: 17/11/2025

+
+
+ + arrow_back + + Policy Privacy +
+
-
-
+
+

Ultimo aggiornamento: 17/11/2025

+

Titolare del Trattamento
Il Titolare del trattamento dei dati personali è A.S.V. Studios APPS, con sede legale in Italia, contattabile all’indirizzo e-mail pp.app@rpigroup.net. Per ulteriori informazioni o per esercitare i diritti previsti dalla normativa sulla protezione dei dati personali, è possibile inviare una richiesta scritta all’indirizzo sopra indicato.

Dati Raccolti
@@ -50,11 +57,4 @@ Si prega di indicare nell’oggetto dell’e-mail il diritto che si intende esercitare e di fornire i propri dati identificativi per facilitare la gestione della richiesta.

Modifiche a questa Informativa
La presente informativa può essere soggetta a modifiche e aggiornamenti. La versione più recente sarà sempre disponibile all’interno del Servizio. Gli utenti saranno informati delle modifiche rilevanti tramite una notifica all’interno del Servizio, così da garantire massima trasparenza e permettere a tutti di essere sempre aggiornati.

-
- - -
- - Torna alla Home -
-
\ No newline at end of file +
\ No newline at end of file diff --git a/pages/page/radio.php b/pages/page/radio.php index d2b928d..eb8b418 100644 --- a/pages/page/radio.php +++ b/pages/page/radio.php @@ -5,12 +5,16 @@ $stations = loadRadioStations(); ?> -

Radio

-

Seleziona la tua radio che vuoi ascoltare

+
+
+ + arrow_back + + Radio +
+
-
- -
+
@@ -22,11 +26,4 @@ $stations = loadRadioStations();
-
- - -
- - Torna alla Home -
-
\ No newline at end of file +
\ No newline at end of file diff --git a/pages/page/terminicondizioni.php b/pages/page/terminicondizioni.php index 4da0e6d..67015f8 100644 --- a/pages/page/terminicondizioni.php +++ b/pages/page/terminicondizioni.php @@ -1,11 +1,17 @@ -

Termini & Condizioni

-

Ultimo aggiornamento: 17/11/2025

+
+
+ + arrow_back + + Termini e Condizioni +
+
-
- -
+
+

Ultimo aggiornamento: 17/11/2025

+

Introduzione
RPIGroup Play vi dà il benvenuto. I presenti Termini e Condizioni (di seguito “T&C”) regolamentano l’accesso e l’uso dell’applicazione “RPIGroup Play” (di seguito “Portale”, “Servizio”, “Applicazione” e “Sito”) e tutti i servizi correlati. Accedendo e utilizzando il Portale, l’utente (di seguito “Utente”) accetta i presenti T&C al primo accesso, condizione necessaria per poter utilizzare il Servizio. L’utente potrà in qualsiasi momento declinare i seguenti T&C, sapendo che non potrà più accedere all’Applicazione offerta.

Titolarità e Gestione
RPIGroup Play è fornito da A.S.V. Studios APPS (di seguito “Gestore”, anche indicato come “Proprietario” e “Sviluppatore”), unico titolare del presente Servizio.

Descrizione del Servizio
L’Applicazione consente di ascoltare in streaming le emittenti iscritte all'interno del gruppo RPIGroup, sia in formato audio e video (ove previsto).

@@ -28,11 +34,4 @@

Leggi Applicabile e Foro di Competente
Questi Termini e Condizioni sono regolati dalla legge italiana. In caso di controversie riguardanti l’interpretazione o l’applicazione dei Termini e Condizioni, la competenza sarà attribuita esclusivamente al Tribunale di Milano, salvo diversa indicazione prevista dalla legge per l’Utente, come nei casi in cui la normativa vigente, ad esempio il Codice del Consumo, preveda il foro di residenza o domicilio del consumatore.

Accettazione dei Termini e Condizioni
L'Utente accetta automaticamente i seguenti termini e condizioni tramite l'accesso all'interno dell'Applicazione.

-
- - -
- - Torna alla Home -
-
\ No newline at end of file +
\ No newline at end of file diff --git a/pages/page/tv.php b/pages/page/tv.php index 78aca92..cd70f06 100644 --- a/pages/page/tv.php +++ b/pages/page/tv.php @@ -5,12 +5,16 @@ $stations = loadTvStations(); ?> -

TV

-

Seleziona la webtv che vuoi guardare

+
+ +
-
- -
+
@@ -22,11 +26,4 @@ $stations = loadTvStations();
-
- - -
- - Torna alla Home -
-
\ No newline at end of file +
\ No newline at end of file