1.0.0
@@ -0,0 +1,205 @@
|
||||
@import '_content/Blazor.Bootstrap/Blazor.Bootstrap.bundle.scp.css';
|
||||
|
||||
/* _content/BTSR/Components/Layout/MainLayout.razor.rz.scp.css */
|
||||
.page[b-i2pp57lsgg] {
|
||||
position: relative;
|
||||
display: flex;
|
||||
flex-direction: column;
|
||||
}
|
||||
|
||||
main[b-i2pp57lsgg] {
|
||||
flex: 1;
|
||||
}
|
||||
|
||||
.sidebar[b-i2pp57lsgg] {
|
||||
background-image: linear-gradient(180deg, rgb(5, 39, 103) 0%, #3a0647 70%);
|
||||
}
|
||||
|
||||
.top-row[b-i2pp57lsgg] {
|
||||
background-color: #f7f7f7;
|
||||
border-bottom: 1px solid #d6d5d5;
|
||||
justify-content: flex-end;
|
||||
height: 3.5rem;
|
||||
display: flex;
|
||||
align-items: center;
|
||||
}
|
||||
|
||||
.top-row[b-i2pp57lsgg] a, .top-row[b-i2pp57lsgg] .btn-link {
|
||||
white-space: nowrap;
|
||||
margin-left: 1.5rem;
|
||||
text-decoration: none;
|
||||
}
|
||||
|
||||
.top-row[b-i2pp57lsgg] a:hover, .top-row[b-i2pp57lsgg] .btn-link:hover {
|
||||
text-decoration: underline;
|
||||
}
|
||||
|
||||
.top-row[b-i2pp57lsgg] a:first-child {
|
||||
overflow: hidden;
|
||||
text-overflow: ellipsis;
|
||||
}
|
||||
|
||||
@media (max-width: 640.98px) {
|
||||
.top-row[b-i2pp57lsgg] {
|
||||
justify-content: space-between;
|
||||
}
|
||||
|
||||
.top-row[b-i2pp57lsgg] a, .top-row[b-i2pp57lsgg] .btn-link {
|
||||
margin-left: 0;
|
||||
}
|
||||
}
|
||||
|
||||
@media (min-width: 641px) {
|
||||
.page[b-i2pp57lsgg] {
|
||||
flex-direction: row;
|
||||
}
|
||||
|
||||
.sidebar[b-i2pp57lsgg] {
|
||||
width: 250px;
|
||||
height: 100vh;
|
||||
position: sticky;
|
||||
top: 0;
|
||||
}
|
||||
|
||||
.top-row[b-i2pp57lsgg] {
|
||||
position: sticky;
|
||||
top: 0;
|
||||
z-index: 1;
|
||||
}
|
||||
|
||||
.top-row.auth[b-i2pp57lsgg] a:first-child {
|
||||
flex: 1;
|
||||
text-align: right;
|
||||
width: 0;
|
||||
}
|
||||
|
||||
.top-row[b-i2pp57lsgg], article[b-i2pp57lsgg] {
|
||||
padding-left: 2rem !important;
|
||||
padding-right: 1.5rem !important;
|
||||
}
|
||||
}
|
||||
|
||||
#blazor-error-ui[b-i2pp57lsgg] {
|
||||
background: lightyellow;
|
||||
bottom: 0;
|
||||
box-shadow: 0 -1px 2px rgba(0, 0, 0, 0.2);
|
||||
display: none;
|
||||
left: 0;
|
||||
padding: 0.6rem 1.25rem 0.7rem 1.25rem;
|
||||
position: fixed;
|
||||
width: 100%;
|
||||
z-index: 1000;
|
||||
}
|
||||
|
||||
#blazor-error-ui .dismiss[b-i2pp57lsgg] {
|
||||
cursor: pointer;
|
||||
position: absolute;
|
||||
right: 0.75rem;
|
||||
top: 0.5rem;
|
||||
}
|
||||
/* _content/BTSR/Components/Layout/NavMenu.razor.rz.scp.css */
|
||||
.navbar-toggler[b-xflvw2n9u4] {
|
||||
appearance: none;
|
||||
cursor: pointer;
|
||||
width: 3.5rem;
|
||||
height: 2.5rem;
|
||||
color: white;
|
||||
position: absolute;
|
||||
top: 0.5rem;
|
||||
right: 1rem;
|
||||
border: 1px solid rgba(255, 255, 255, 0.1);
|
||||
background: 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") no-repeat center/1.75rem rgba(255, 255, 255, 0.1);
|
||||
}
|
||||
|
||||
.navbar-toggler:checked[b-xflvw2n9u4] {
|
||||
background-color: rgba(255, 255, 255, 0.5);
|
||||
}
|
||||
|
||||
.top-row[b-xflvw2n9u4] {
|
||||
height: 3.5rem;
|
||||
background-color: rgba(0,0,0,0.4);
|
||||
}
|
||||
|
||||
.navbar-brand[b-xflvw2n9u4] {
|
||||
font-size: 1.1rem;
|
||||
}
|
||||
|
||||
.bi[b-xflvw2n9u4] {
|
||||
display: inline-block;
|
||||
position: relative;
|
||||
width: 1.25rem;
|
||||
height: 1.25rem;
|
||||
margin-right: 0.75rem;
|
||||
top: -1px;
|
||||
background-size: cover;
|
||||
}
|
||||
|
||||
.bi-house-door-fill-nav-menu[b-xflvw2n9u4] {
|
||||
background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' fill='white' class='bi bi-house-door-fill' viewBox='0 0 16 16'%3E%3Cpath d='M6.5 14.5v-3.505c0-.245.25-.495.5-.495h2c.25 0 .5.25.5.5v3.5a.5.5 0 0 0 .5.5h4a.5.5 0 0 0 .5-.5v-7a.5.5 0 0 0-.146-.354L13 5.793V2.5a.5.5 0 0 0-.5-.5h-1a.5.5 0 0 0-.5.5v1.293L8.354 1.146a.5.5 0 0 0-.708 0l-6 6A.5.5 0 0 0 1.5 7.5v7a.5.5 0 0 0 .5.5h4a.5.5 0 0 0 .5-.5Z'/%3E%3C/svg%3E");
|
||||
}
|
||||
|
||||
.bi-plus-square-fill-nav-menu[b-xflvw2n9u4] {
|
||||
background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' fill='white' class='bi bi-plus-square-fill' viewBox='0 0 16 16'%3E%3Cpath d='M2 0a2 2 0 0 0-2 2v12a2 2 0 0 0 2 2h12a2 2 0 0 0 2-2V2a2 2 0 0 0-2-2H2zm6.5 4.5v3h3a.5.5 0 0 1 0 1h-3v3a.5.5 0 0 1-1 0v-3h-3a.5.5 0 0 1 0-1h3v-3a.5.5 0 0 1 1 0z'/%3E%3C/svg%3E");
|
||||
}
|
||||
|
||||
.bi-list-nested-nav-menu[b-xflvw2n9u4] {
|
||||
background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' fill='white' class='bi bi-list-nested' viewBox='0 0 16 16'%3E%3Cpath fill-rule='evenodd' d='M4.5 11.5A.5.5 0 0 1 5 11h10a.5.5 0 0 1 0 1H5a.5.5 0 0 1-.5-.5zm-2-4A.5.5 0 0 1 3 7h10a.5.5 0 0 1 0 1H3a.5.5 0 0 1-.5-.5zm-2-4A.5.5 0 0 1 1 3h10a.5.5 0 0 1 0 1H1a.5.5 0 0 1-.5-.5z'/%3E%3C/svg%3E");
|
||||
}
|
||||
|
||||
.nav-item[b-xflvw2n9u4] {
|
||||
font-size: 0.9rem;
|
||||
padding-bottom: 0.5rem;
|
||||
}
|
||||
|
||||
.nav-item:first-of-type[b-xflvw2n9u4] {
|
||||
padding-top: 1rem;
|
||||
}
|
||||
|
||||
.nav-item:last-of-type[b-xflvw2n9u4] {
|
||||
padding-bottom: 1rem;
|
||||
}
|
||||
|
||||
.nav-item[b-xflvw2n9u4] .nav-link {
|
||||
color: #d7d7d7;
|
||||
background: none;
|
||||
border: none;
|
||||
border-radius: 4px;
|
||||
height: 3rem;
|
||||
display: flex;
|
||||
align-items: center;
|
||||
line-height: 3rem;
|
||||
width: 100%;
|
||||
}
|
||||
|
||||
.nav-item[b-xflvw2n9u4] a.active {
|
||||
background-color: rgba(255,255,255,0.37);
|
||||
color: white;
|
||||
}
|
||||
|
||||
.nav-item[b-xflvw2n9u4] .nav-link:hover {
|
||||
background-color: rgba(255,255,255,0.1);
|
||||
color: white;
|
||||
}
|
||||
|
||||
.nav-scrollable[b-xflvw2n9u4] {
|
||||
display: none;
|
||||
}
|
||||
|
||||
.navbar-toggler:checked ~ .nav-scrollable[b-xflvw2n9u4] {
|
||||
display: block;
|
||||
}
|
||||
|
||||
@media (min-width: 641px) {
|
||||
.navbar-toggler[b-xflvw2n9u4] {
|
||||
display: none;
|
||||
}
|
||||
|
||||
.nav-scrollable[b-xflvw2n9u4] {
|
||||
/* Never collapse the sidebar for wide screens */
|
||||
display: block;
|
||||
|
||||
/* Allow sidebar to scroll for tall menus */
|
||||
height: calc(100vh - 3.5rem);
|
||||
overflow-y: auto;
|
||||
}
|
||||
}
|
||||
@@ -0,0 +1,457 @@
|
||||
/* _content/Blazor.Bootstrap/Components/Callout/Callout.razor.rz.scp.css */
|
||||
.bb-callout[b-5p9xdwo7e3] {
|
||||
--bs-link-color-rgb: var(--bb-callout-link);
|
||||
--bs-code-color: var(--bb-callout-code-color);
|
||||
padding: 1.25rem;
|
||||
margin-top: 1.25rem;
|
||||
margin-bottom: 1.25rem;
|
||||
color: var(--bb-callout-color, inherit);
|
||||
background-color: var(--bb-callout-bg, var(--bs-gray-100));
|
||||
border-left: 0.25rem solid var(--bb-callout-border, var(--bs-gray-300))
|
||||
}
|
||||
|
||||
.bb-callout h4[b-5p9xdwo7e3] {
|
||||
margin-bottom: .25rem;
|
||||
}
|
||||
|
||||
.bb-callout > :last-child[b-5p9xdwo7e3] {
|
||||
margin-bottom: 0 !important;
|
||||
}
|
||||
|
||||
.bb-callout + .bb-callout[b-5p9xdwo7e3] {
|
||||
margin-top: -.25rem;
|
||||
}
|
||||
|
||||
.bb-callout .highlight[b-5p9xdwo7e3] {
|
||||
background-color: rgba(0,0,0,0.05)
|
||||
}
|
||||
|
||||
.bb-callout-info[b-5p9xdwo7e3] {
|
||||
--bb-callout-color: var(--bs-info-text-emphasis);
|
||||
--bb-callout-bg: var(--bs-info-bg-subtle);
|
||||
--bb-callout-border: var(--bs-info-border-subtle)
|
||||
}
|
||||
|
||||
.bb-callout-warning[b-5p9xdwo7e3] {
|
||||
--bb-callout-color: var(--bs-warning-text-emphasis);
|
||||
--bb-callout-bg: var(--bs-warning-bg-subtle);
|
||||
--bb-callout-border: var(--bs-warning-border-subtle)
|
||||
}
|
||||
|
||||
.bb-callout-danger[b-5p9xdwo7e3] {
|
||||
--bb-callout-color: var(--bs-danger-text-emphasis);
|
||||
--bb-callout-bg: var(--bs-danger-bg-subtle);
|
||||
--bb-callout-border: var(--bs-danger-border-subtle)
|
||||
}
|
||||
|
||||
.bb-callout-success[b-5p9xdwo7e3] {
|
||||
--bb-callout-color: var(--bs-success-text-emphasis);
|
||||
--bb-callout-bg: var(--bs-success-bg-subtle);
|
||||
--bb-callout-border: var(--bs-success-border-subtle)
|
||||
}
|
||||
/* _content/Blazor.Bootstrap/Components/Form/AutoComplete/AutoComplete.razor.rz.scp.css */
|
||||
.autocomplete[b-zkhsnlgtvk] {
|
||||
}
|
||||
|
||||
.autocomplete > .input-group > input[b-zkhsnlgtvk] {
|
||||
border-top-right-radius: 0.25rem !important;
|
||||
border-bottom-right-radius: 0.25rem !important;
|
||||
padding-right: 2.75rem !important;
|
||||
}
|
||||
|
||||
.autocomplete-list[b-zkhsnlgtvk] {
|
||||
max-height: 200px;
|
||||
overflow-y: auto;
|
||||
width: 100%;
|
||||
}
|
||||
|
||||
.autocomplete-item:focus[b-zkhsnlgtvk], .autocomplete-item:hover[b-zkhsnlgtvk] {
|
||||
color: #1e2125;
|
||||
background-color: #e9ecef;
|
||||
cursor: pointer;
|
||||
}
|
||||
|
||||
|
||||
.dropdown-item:focus[b-zkhsnlgtvk], .dropdown-item:hover[b-zkhsnlgtvk] {
|
||||
cursor: pointer;
|
||||
}
|
||||
|
||||
.dropdown-item-highlight[b-zkhsnlgtvk] {
|
||||
color: #1e2125;
|
||||
background-color: #e9ecef;
|
||||
cursor: pointer;
|
||||
}
|
||||
/* _content/Blazor.Bootstrap/Components/Ribbon/RibbonGroup.razor.rz.scp.css */
|
||||
/* _content/Blazor.Bootstrap/Components/Ribbon/RibbonItem.razor.rz.scp.css */
|
||||
.bb-ribbon-item[b-euvmgchcvy] {
|
||||
cursor: pointer;
|
||||
/*width: 64px;*/
|
||||
}
|
||||
|
||||
.bb-ribbon-item:hover[b-euvmgchcvy] {
|
||||
background-color: rgba(var(--bs-secondary-rgb), 0.10) !important;
|
||||
}
|
||||
|
||||
.bb-ribbon-item.active[b-euvmgchcvy] {
|
||||
}
|
||||
/* _content/Blazor.Bootstrap/Components/Ribbon/RibbonItemGroup.razor.rz.scp.css */
|
||||
/* _content/Blazor.Bootstrap/Components/Sidebar2/Sidebar2.razor.rz.scp.css */
|
||||
.bb-sidebar2[b-hjh7gjrlxu] {
|
||||
background-color: var(--bb-sidebar2-background-color);
|
||||
border-right: 1px solid var(--bb-sidebar2-content-border-color);
|
||||
}
|
||||
|
||||
.bb-sidebar2.collapsed[b-hjh7gjrlxu] {
|
||||
width: var(--bb-sidebar2-collapsed-width);
|
||||
}
|
||||
|
||||
.bb-sidebar2.collapsed .expanded-only[b-hjh7gjrlxu] {
|
||||
display: none;
|
||||
}
|
||||
|
||||
@media (min-width: 641px) {
|
||||
.bb-sidebar2[b-hjh7gjrlxu] {
|
||||
width: var(--bb-sidebar2-width);
|
||||
position: sticky;
|
||||
top: 0;
|
||||
}
|
||||
}
|
||||
|
||||
.bb-sidebar2-top-row[b-hjh7gjrlxu] {
|
||||
height: 3.5rem;
|
||||
background-color: var(--bb-sidebar2-top-row-background-color);
|
||||
border-bottom: 1px solid var(--bb-sidebar2-top-row-border-color);
|
||||
border-right: 1px solid var(--bb-sidebar2-top-row-border-color);
|
||||
}
|
||||
|
||||
.navbar-toggler[b-hjh7gjrlxu] {
|
||||
background-color: var(--bb-sidebar2-navbar-toggler-background-color);
|
||||
color: rgb(var(--bb-sidebar2-nav-item-text-active-color-rgb));
|
||||
padding: inherit !important;
|
||||
padding-right: 0.25rem !important;
|
||||
padding-left: 0.25rem !important;
|
||||
line-height: inherit !important;
|
||||
font-size: inherit !important;
|
||||
}
|
||||
|
||||
.navbar-toggler-icon[b-hjh7gjrlxu] {
|
||||
background-image: inherit !important;
|
||||
color: var(--bb-sidebar2-navbar-toggler-icon-color) !important;
|
||||
}
|
||||
|
||||
.navbar-toggler:focus[b-hjh7gjrlxu] {
|
||||
box-shadow: none !important;
|
||||
}
|
||||
|
||||
.navbar-brand[b-hjh7gjrlxu] {
|
||||
font-size: 1.1rem;
|
||||
}
|
||||
|
||||
.navbar-brand-icon[b-hjh7gjrlxu] {
|
||||
color: var(--bb-sidebar2-brand-icon-color);
|
||||
}
|
||||
|
||||
.navbar-brand-image[b-hjh7gjrlxu] {
|
||||
height: var(--bb-sidebar2-brand-image-height);
|
||||
}
|
||||
|
||||
.navbar-brand-image img[b-hjh7gjrlxu] {
|
||||
width: var(--bb-sidebar2-brand-image-width);
|
||||
height: var(--bb-sidebar2-brand-image-height);
|
||||
vertical-align: initial !important;
|
||||
}
|
||||
|
||||
.navbar-brand-text[b-hjh7gjrlxu] {
|
||||
color: var(--bb-sidebar2-title-text-color);
|
||||
font-weight: 600 !important;
|
||||
}
|
||||
|
||||
.navbar-brand-badge[b-hjh7gjrlxu] {
|
||||
color: var(--bb-sidebar2-title-badge-text-color);
|
||||
background-color: var(--bb-sidebar2-title-badge-background-color);
|
||||
}
|
||||
|
||||
@media (min-width: 641px) {
|
||||
.navbar-toggler[b-hjh7gjrlxu] {
|
||||
display: none;
|
||||
}
|
||||
|
||||
.collapse[b-hjh7gjrlxu] {
|
||||
/* Never collapse the sidebar for wide screens */
|
||||
display: block;
|
||||
}
|
||||
|
||||
.nav-scrollable[b-hjh7gjrlxu] {
|
||||
/* Allow sidebar to scroll for tall menus */
|
||||
height: calc(100vh - 3.5rem);
|
||||
overflow-y: auto;
|
||||
}
|
||||
}
|
||||
/* _content/Blazor.Bootstrap/Components/Sidebar2/Sidebar2Item.razor.rz.scp.css */
|
||||
.bb-sidebar2.collapsed .expanded-only[b-3gpeuglz5y] {
|
||||
display: none;
|
||||
}
|
||||
|
||||
.bb-sidebar2.collapsed .bi.expanded-only[b-3gpeuglz5y] {
|
||||
display: none !important;
|
||||
}
|
||||
|
||||
.bb-sidebar2 .nav-link-icon[b-3gpeuglz5y] {
|
||||
padding-bottom: 0.5rem;
|
||||
padding-top: 0.5rem;
|
||||
}
|
||||
|
||||
.bb-sidebar2 nav .nav-item[b-3gpeuglz5y] a {
|
||||
color: var(--bb-sidebar2-nav-item-text-color);
|
||||
align-items: center;
|
||||
padding: 0.5rem 1rem;
|
||||
}
|
||||
|
||||
.bb-sidebar2 nav .nav-item[b-3gpeuglz5y] a:hover {
|
||||
background-color: var(--bb-sidebar2-nav-item-background-hover-color);
|
||||
color: var(--bb-sidebar2-nav-item-text-hover-color);
|
||||
}
|
||||
|
||||
.bb-sidebar2 nav .nav-item[b-3gpeuglz5y] a.active {
|
||||
background-color: var(--bb-sidebar2-nav-item-background-hover-color);
|
||||
color: var(--bb-sidebar2-nav-item-text-active-color);
|
||||
font-weight: 600;
|
||||
}
|
||||
|
||||
/* MDN REFERENCE: https://developer.mozilla.org/en-US/docs/Web/CSS/:has#browser_compatibility */
|
||||
.bb-sidebar2 nav .nav-item.nav-item-group:has(.nav-link.active)[b-3gpeuglz5y] {
|
||||
background-color: var(--bb-sidebar2-nav-item-group-background-color);
|
||||
}
|
||||
|
||||
.bb-sidebar2 nav .nav-item.nav-item-group:has(.nav-item-group.active)[b-3gpeuglz5y] {
|
||||
background-color: var(--bb-sidebar2-nav-item-group-background-color);
|
||||
}
|
||||
|
||||
.bb-sidebar2 nav .nav-item.nav-item-group.active[b-3gpeuglz5y] {
|
||||
background-color: var(--bb-sidebar2-nav-item-group-background-color);
|
||||
}
|
||||
/* _content/Blazor.Bootstrap/Components/Sidebar2/Sidebar2ItemGroup.razor.rz.scp.css */
|
||||
/* _content/Blazor.Bootstrap/Components/Sidebar/Sidebar.razor.rz.scp.css */
|
||||
.bb-sidebar[b-h9l5f7lx3r] {
|
||||
background-color: var(--bb-sidebar-background-color);
|
||||
}
|
||||
|
||||
.bb-sidebar.collapsed[b-h9l5f7lx3r] {
|
||||
width: var(--bb-sidebar-collapsed-width);
|
||||
}
|
||||
|
||||
.bb-sidebar.collapsed .expanded-only[b-h9l5f7lx3r] {
|
||||
display: none;
|
||||
}
|
||||
|
||||
@media (min-width: 641px) {
|
||||
.bb-sidebar[b-h9l5f7lx3r] {
|
||||
width: var(--bb-sidebar-width);
|
||||
position: sticky;
|
||||
top: 0;
|
||||
}
|
||||
}
|
||||
|
||||
.navbar-toggler[b-h9l5f7lx3r] {
|
||||
background-color: var(--bb-sidebar-navbar-toggler-background-color);
|
||||
color: rgb(var(--bb-sidebar-nav-item-text-active-color-rgb));
|
||||
padding: inherit !important;
|
||||
padding-right: 0.25rem !important;
|
||||
padding-left: 0.25rem !important;
|
||||
line-height: inherit !important;
|
||||
font-size: inherit !important;
|
||||
}
|
||||
|
||||
.navbar-toggler-icon[b-h9l5f7lx3r] {
|
||||
background-image: inherit !important;
|
||||
color: var(--bb-sidebar-navbar-toggler-icon-color) !important;
|
||||
}
|
||||
|
||||
.navbar-toggler:focus[b-h9l5f7lx3r] {
|
||||
box-shadow: none !important;
|
||||
}
|
||||
|
||||
.bb-sidebar-top-row[b-h9l5f7lx3r] {
|
||||
height: 3.5rem;
|
||||
background-color: var(--bb-sidebar-top-row-background-color);
|
||||
border-bottom: 1px solid var(--bb-sidebar-top-row-border-color);
|
||||
border-right: 1px solid var(--bb-sidebar-top-row-border-color);
|
||||
}
|
||||
|
||||
.bb-sidebar-content[b-h9l5f7lx3r] {
|
||||
border-right: 1px solid var(--bb-sidebar-content-border-color);
|
||||
}
|
||||
|
||||
.navbar-brand[b-h9l5f7lx3r] {
|
||||
font-size: 1.1rem;
|
||||
}
|
||||
|
||||
.navbar-brand-icon[b-h9l5f7lx3r] {
|
||||
color: var(--bb-sidebar-brand-icon-color);
|
||||
}
|
||||
|
||||
.navbar-brand-image[b-h9l5f7lx3r] {
|
||||
height: var(--bb-sidebar-brand-image-height);
|
||||
}
|
||||
|
||||
.navbar-brand-image img[b-h9l5f7lx3r] {
|
||||
width: var(--bb-sidebar-brand-image-width);
|
||||
height: var(--bb-sidebar-brand-image-height);
|
||||
vertical-align: initial !important;
|
||||
}
|
||||
|
||||
.navbar-brand-text[b-h9l5f7lx3r] {
|
||||
color: var(--bb-sidebar-title-text-color);
|
||||
font-weight: 600 !important;
|
||||
}
|
||||
|
||||
.navbar-brand-badge[b-h9l5f7lx3r] {
|
||||
color: var(--bb-sidebar-title-badge-text-color);
|
||||
background-color: var(--bb-sidebar-title-badge-background-color);
|
||||
}
|
||||
|
||||
@media (min-width: 641px) {
|
||||
.navbar-toggler[b-h9l5f7lx3r] {
|
||||
display: none;
|
||||
}
|
||||
|
||||
.collapse[b-h9l5f7lx3r] {
|
||||
/* Never collapse the sidebar for wide screens */
|
||||
display: block;
|
||||
}
|
||||
|
||||
.nav-scrollable[b-h9l5f7lx3r] {
|
||||
/* Allow sidebar to scroll for tall menus */
|
||||
height: calc(100vh - 3.5rem);
|
||||
overflow-y: auto;
|
||||
}
|
||||
}
|
||||
/* _content/Blazor.Bootstrap/Components/Sidebar/SidebarItem.razor.rz.scp.css */
|
||||
.bb-sidebar.collapsed .expanded-only[b-jbgvk8pcne] {
|
||||
display: none;
|
||||
}
|
||||
|
||||
.bb-sidebar.collapsed .bi.expanded-only[b-jbgvk8pcne] {
|
||||
display: none !important;
|
||||
}
|
||||
|
||||
.bb-sidebar .nav-link-icon[b-jbgvk8pcne] {
|
||||
padding-bottom: 0.5rem;
|
||||
padding-top: 0.5rem;
|
||||
}
|
||||
|
||||
.bb-sidebar nav .nav-item[b-jbgvk8pcne] a {
|
||||
color: var(--bb-sidebar-nav-item-text-color);
|
||||
align-items: center;
|
||||
padding: 0.5rem 1rem;
|
||||
}
|
||||
|
||||
.bb-sidebar nav .nav-item[b-jbgvk8pcne] a:hover {
|
||||
background-color: var(--bb-sidebar-nav-item-background-hover-color);
|
||||
color: var(--bb-sidebar-nav-item-text-hover-color);
|
||||
}
|
||||
|
||||
.bb-sidebar nav .nav-item[b-jbgvk8pcne] a.active {
|
||||
background-color: var(--bb-sidebar-nav-item-background-hover-color);
|
||||
color: var(--bb-sidebar-nav-item-text-active-color);
|
||||
font-weight: 600;
|
||||
}
|
||||
|
||||
/* MDN REFERENCE: https://developer.mozilla.org/en-US/docs/Web/CSS/:has#browser_compatibility */
|
||||
.bb-sidebar nav .nav-item.nav-item-group:has(.nav-link.active)[b-jbgvk8pcne] {
|
||||
background-color: var(--bb-sidebar-nav-item-group-background-color);
|
||||
}
|
||||
/* _content/Blazor.Bootstrap/Components/Sidebar/SidebarItemGroup.razor.rz.scp.css */
|
||||
/* _content/Blazor.Bootstrap/Components/SortableList/SortableList.razor.rz.scp.css */
|
||||
[b-jo00jd6nmv] .bb-sortable-list-handle {
|
||||
cursor: grab !important;
|
||||
}
|
||||
/* _content/Blazor.Bootstrap/Components/Spinner/Spinner.razor.rz.scp.css */
|
||||
/* scss-docs-start spinner-dots-keyframes */
|
||||
@keyframes spinner-dots-b-pp5swe6s25 {
|
||||
0% {
|
||||
opacity: 1;
|
||||
}
|
||||
|
||||
50%, 100% {
|
||||
opacity: .3;
|
||||
}
|
||||
}
|
||||
|
||||
/* scss-docs-end spinner-dots-keyframes */
|
||||
.spinner-dots[b-pp5swe6s25] {
|
||||
user-select: none;
|
||||
}
|
||||
|
||||
.spinner-dots > circle:first-of-type[b-pp5swe6s25],
|
||||
.spinner-dots > circle:last-of-type[b-pp5swe6s25],
|
||||
.spinner-dots > circle:nth-of-type(2)[b-pp5swe6s25] {
|
||||
fill: currentcolor;
|
||||
animation: spinner-dots-b-pp5swe6s25 .75s infinite ease-in-out alternate;
|
||||
}
|
||||
|
||||
.spinner-dots > circle:nth-of-type(2)[b-pp5swe6s25] {
|
||||
animation-delay: .25s;
|
||||
}
|
||||
|
||||
.spinner-dots > circle:last-of-type[b-pp5swe6s25] {
|
||||
animation-delay: .5s;
|
||||
}
|
||||
|
||||
/* Size: START */
|
||||
|
||||
/* default */
|
||||
.spinner-border-sm[b-pp5swe6s25] {
|
||||
--bs-spinner-width: 1rem;
|
||||
--bs-spinner-height: 1rem;
|
||||
--bs-spinner-border-width: 0.25em;
|
||||
--bs-spinner-vertical-align: -0.125em;
|
||||
}
|
||||
/* custom CSS classes */
|
||||
.spinner-border-md[b-pp5swe6s25] {
|
||||
--bs-spinner-width: 2rem;
|
||||
--bs-spinner-height: 2rem;
|
||||
--bs-spinner-border-width: 0.25em;
|
||||
--bs-spinner-vertical-align: -0.125em;
|
||||
}
|
||||
.spinner-border-lg[b-pp5swe6s25] {
|
||||
--bs-spinner-width: 3rem;
|
||||
--bs-spinner-height: 3rem;
|
||||
--bs-spinner-border-width: 0.25em;
|
||||
--bs-spinner-vertical-align: -0.125em;
|
||||
}
|
||||
.spinner-border-xl[b-pp5swe6s25] {
|
||||
--bs-spinner-width: 4rem;
|
||||
--bs-spinner-height: 4rem;
|
||||
--bs-spinner-border-width: 0.25em;
|
||||
--bs-spinner-vertical-align: -0.125em;
|
||||
}
|
||||
|
||||
/* default */
|
||||
.spinner-grow-sm[b-pp5swe6s25] {
|
||||
--bs-spinner-width: 1rem;
|
||||
--bs-spinner-height: 1rem;
|
||||
--bs-spinner-border-width: 0.25em;
|
||||
--bs-spinner-vertical-align: -0.125em;
|
||||
}
|
||||
/* custom CSS classes */
|
||||
.spinner-grow-md[b-pp5swe6s25] {
|
||||
--bs-spinner-width: 2rem;
|
||||
--bs-spinner-height: 2rem;
|
||||
--bs-spinner-border-width: 0.25em;
|
||||
--bs-spinner-vertical-align: -0.125em;
|
||||
}
|
||||
.spinner-grow-lg[b-pp5swe6s25] {
|
||||
--bs-spinner-width: 3rem;
|
||||
--bs-spinner-height: 3rem;
|
||||
--bs-spinner-border-width: 0.25em;
|
||||
--bs-spinner-vertical-align: -0.125em;
|
||||
}
|
||||
.spinner-grow-xl[b-pp5swe6s25] {
|
||||
--bs-spinner-width: 4rem;
|
||||
--bs-spinner-height: 4rem;
|
||||
--bs-spinner-border-width: 0.25em;
|
||||
--bs-spinner-vertical-align: -0.125em;
|
||||
}
|
||||
|
||||
/* Size: END */
|
||||
@@ -0,0 +1,550 @@
|
||||
:root {
|
||||
/* preload */
|
||||
--bb-preload-modal-z-index: 2055;
|
||||
--bb-preload-modal-backdrop-z-index: 2050;
|
||||
/* confirm dialog */
|
||||
--bb-confirm-dialog-z-index: 2045;
|
||||
--bb-confirm-dialog-backdrop-z-index: 2040;
|
||||
/* offcanvas */
|
||||
--bb-offcanvas-close-icon-font-size: 2rem;
|
||||
--bb-offcanvas-footer-padding-y: 1rem;
|
||||
--bb-offcanvas-footer-padding-x: 1rem;
|
||||
--bb-offcanvas-horizontal-width-sm: 300px;
|
||||
--bb-offcanvas-horizontal-width-lg: 800px;
|
||||
/* sidebar */
|
||||
--bb-violet: #712cf9;
|
||||
--bb-sidebar-width: 270px;
|
||||
--bb-sidebar-collapsed-width: 50px;
|
||||
--bb-sidebar-background-color: rgba(255, 255, 255, 1);
|
||||
--bb-sidebar-top-row-background-color: var(--bb-violet);
|
||||
--bb-sidebar-top-row-border-color: var(--bb-violet);
|
||||
--bb-sidebar-title-text-color: rgb(255,255,255);
|
||||
--bb-sidebar-brand-icon-color: rgb(255,255,255);
|
||||
--bb-sidebar-brand-image-width: 24px;
|
||||
--bb-sidebar-brand-image-height: 24px;
|
||||
--bb-sidebar-title-badge-text-color: var(--bb-violet);
|
||||
--bb-sidebar-title-badge-background-color: rgb(255,255,255);
|
||||
--bb-sidebar-navbar-toggler-icon-color: var(--bb-violet);
|
||||
--bb-sidebar-navbar-toggler-background-color: rgb(255,255,255);
|
||||
--bb-sidebar-content-border-color: rgb(214,213,213);
|
||||
--bb-sidebar-nav-item-text-color: rgba(0,0,0,0.9);
|
||||
--bb-sidebar-nav-item-text-active-color-rgb: 112.520718,44.062154,249.437846;
|
||||
--bb-sidebar-nav-item-text-hover-color: rgba(var(--bb-sidebar-nav-item-text-active-color-rgb),0.9);
|
||||
--bb-sidebar-nav-item-text-active-color: rgba(var(--bb-sidebar-nav-item-text-active-color-rgb),0.9);
|
||||
--bb-sidebar-nav-item-background-hover-color: rgba(var(--bb-sidebar-nav-item-text-active-color-rgb),0.08);
|
||||
--bb-sidebar-nav-item-group-background-color: rgba(var(--bb-sidebar-nav-item-text-active-color-rgb),0.08);
|
||||
/* custom tooltip */
|
||||
--bb-tooltip-primary: var(--bs-primary);
|
||||
--bb-tooltip-secondary: var(--bs-secondary);
|
||||
--bb-tooltip-success: var(--bs-success);
|
||||
--bb-tooltip-danger: var(--bs-danger);
|
||||
--bb-tooltip-warning: var(--bs-warning);
|
||||
--bb-tooltip-info: var(--bs-info);
|
||||
--bb-tooltip-light: var(--bs-light);
|
||||
--bb-tooltip-dark: var(--bs-dark);
|
||||
--bb-tooltip-color-white: var(--bs-white);
|
||||
--bb-tooltip-color-dark: var(--bs-black);
|
||||
/* border */
|
||||
--bs-border-radius-xs: 0.125rem;
|
||||
--bs-border-radius-md: 0.375rem;
|
||||
/* table */
|
||||
--bb-table-sticky-background-color: #fff;
|
||||
--bb-table-freeze-column-background-color: #efefef;
|
||||
/* callout */
|
||||
--bb-callout-link: 10, 88, 202;
|
||||
--bb-callout-code-color: #ab296a;
|
||||
/* sidebar2 */
|
||||
--bb-sidebar2-width: 270px;
|
||||
--bb-sidebar2-collapsed-width: 50px;
|
||||
--bb-sidebar2-background-color: rgba(255, 255, 255, 1);
|
||||
--bb-sidebar2-top-row-background-color: var(--bb-violet);
|
||||
--bb-sidebar2-top-row-border-color: var(--bb-violet);
|
||||
--bb-sidebar2-title-text-color: rgb(255,255,255);
|
||||
--bb-sidebar2-brand-icon-color: rgb(255,255,255);
|
||||
--bb-sidebar2-brand-image-width: 24px;
|
||||
--bb-sidebar2-brand-image-height: 24px;
|
||||
--bb-sidebar2-title-badge-text-color: var(--bb-violet);
|
||||
--bb-sidebar2-title-badge-background-color: rgb(255,255,255);
|
||||
--bb-sidebar2-navbar-toggler-icon-color: var(--bb-violet);
|
||||
--bb-sidebar2-navbar-toggler-background-color: rgb(255,255,255);
|
||||
--bb-sidebar2-content-border-color: rgb(214,213,213);
|
||||
--bb-sidebar2-nav-item-text-color: rgba(0,0,0,0.9);
|
||||
--bb-sidebar2-nav-item-text-active-color-rgb: 112.520718,44.062154,249.437846;
|
||||
--bb-sidebar2-nav-item-text-hover-color: rgba(var(--bb-sidebar2-nav-item-text-active-color-rgb),0.9);
|
||||
--bb-sidebar2-nav-item-text-active-color: rgba(var(--bb-sidebar2-nav-item-text-active-color-rgb),0.9);
|
||||
--bb-sidebar2-nav-item-background-hover-color: rgba(var(--bb-sidebar2-nav-item-text-active-color-rgb),0.08);
|
||||
--bb-sidebar2-nav-item-group-background-color: rgba(var(--bb-sidebar2-nav-item-text-active-color-rgb),0.08);
|
||||
}
|
||||
|
||||
/* preload */
|
||||
.modal-page-loading {
|
||||
z-index: var(--bb-preload-modal-z-index) !important;
|
||||
}
|
||||
|
||||
.modal-backdrop-page-loading {
|
||||
z-index: var(--bb-preload-modal-backdrop-z-index) !important;
|
||||
}
|
||||
|
||||
.modal-content-page-loading {
|
||||
background-color: inherit !important;
|
||||
border: inherit !important;
|
||||
}
|
||||
|
||||
/* confirm dialog */
|
||||
.modal-confirmation {
|
||||
z-index: var(--bb-confirm-dialog-z-index) !important;
|
||||
}
|
||||
|
||||
.modal-backdrop-confirmation {
|
||||
z-index: var(--bb-confirm-dialog-backdrop-z-index) !important;
|
||||
}
|
||||
|
||||
/* offcanvas */
|
||||
.offcanvas-footer {
|
||||
display: flex;
|
||||
align-items: center;
|
||||
padding: var(--bb-offcanvas-footer-padding-y) var(--bb-offcanvas-footer-padding-x);
|
||||
}
|
||||
|
||||
.offcanvas-start.bb-offcanvas-sm,
|
||||
.offcanvas-end.bb-offcanvas-sm {
|
||||
width: var(--bb-offcanvas-horizontal-width-sm);
|
||||
}
|
||||
|
||||
.offcanvas-start.bb-offcanvas-lg,
|
||||
.offcanvas-end.bb-offcanvas-lg {
|
||||
width: var(--bb-offcanvas-horizontal-width-lg);
|
||||
}
|
||||
|
||||
/* grid - filters */
|
||||
table button.dropdown-toggle.bb-grid-filter::after {
|
||||
content: none !important;
|
||||
}
|
||||
|
||||
.filter-symbol {
|
||||
width: 2.25rem;
|
||||
display: inline-block;
|
||||
}
|
||||
|
||||
.bb-grid-pagination-text {
|
||||
padding: .375rem;
|
||||
}
|
||||
|
||||
/* grid - fixed header */
|
||||
.bb-table {
|
||||
/* NOTE: intentionally overriding the behavior */
|
||||
--bs-table-color: inherit !important;
|
||||
--bs-table-bg: inherit !important;
|
||||
}
|
||||
|
||||
.bb-table-sticky {
|
||||
border-collapse: collapse;
|
||||
border-spacing: 0;
|
||||
margin-bottom: 0rem;
|
||||
}
|
||||
|
||||
.bb-table-sticky > thead > tr {
|
||||
border-top-width: 0 !important;
|
||||
border-bottom-width: 0 !important;
|
||||
}
|
||||
|
||||
.bb-table-sticky > thead > tr > th {
|
||||
background-color: var(--bb-table-sticky-background-color);
|
||||
top: 0px;
|
||||
position: sticky;
|
||||
border-style: solid;
|
||||
border-color: var(--bs-table-border-color);
|
||||
box-shadow: inset 0 1px 0 var(--bs-table-border-color), inset 0 -1px 0 var(--bs-table-border-color);
|
||||
}
|
||||
|
||||
.bb-table-sticky > thead > tr:nth-child(2) > th {
|
||||
box-shadow: inset 0 0 0 var(--bs-table-border-color), inset 0 -1px 0 var(--bs-table-border-color);
|
||||
}
|
||||
|
||||
/* below CSS is applicable, if filters are enabled. */
|
||||
.bb-table-sticky > thead > tr:nth-child(2) > th {
|
||||
top: 40px;
|
||||
}
|
||||
|
||||
.bb-table-sticky > tbody > tr:nth-child(1) {
|
||||
border-top-width: 0 !important;
|
||||
}
|
||||
|
||||
.bb-table-sticky > thead > tr > th > div > ul.dropdown-menu.show {
|
||||
top: 6px !important;
|
||||
}
|
||||
|
||||
/* freeze columns */
|
||||
table > thead > tr > th.freeze-column {
|
||||
position: sticky;
|
||||
background-color: var(--bb-table-freeze-column-background-color);
|
||||
z-index: 5;
|
||||
border-left-width: 0px !important;
|
||||
border-right-width: 0px !important;
|
||||
}
|
||||
|
||||
table > thead > tr:nth-child(2) > th.freeze-column {
|
||||
position: sticky;
|
||||
background-color: var(--bb-table-freeze-column-background-color);
|
||||
z-index: 5;
|
||||
}
|
||||
|
||||
/* freeze column left */
|
||||
/* th: row-1 */
|
||||
table > thead > tr > th:not(.freeze-column-right):first-child.freeze-column {
|
||||
box-shadow: inset 1px 0 0 var(--bs-table-border-color), inset 0 1px 0 var(--bs-table-border-color), inset 0 -1px 0 var(--bs-table-border-color);
|
||||
}
|
||||
|
||||
table > thead > tr > th:not(.freeze-column-right).freeze-column {
|
||||
box-shadow: inset 1px 0 0 var(--bs-table-border-color), inset -1px 0 0 var(--bs-table-border-color), inset 0 1px 0 var(--bs-table-border-color), inset 0 -1px 0 var(--bs-table-border-color);
|
||||
}
|
||||
|
||||
table > thead > tr > th:not(.freeze-column-right):last-child.freeze-column {
|
||||
box-shadow: inset 1px 0 0 var(--bs-table-border-color), inset 0 -1px 0 var(--bs-table-border-color), inset -1px 0 0 var(--bs-table-border-color);
|
||||
}
|
||||
|
||||
/* th: row-2 */
|
||||
table > thead > tr:nth-child(2) > th:not(.freeze-column-right):first-child.freeze-column {
|
||||
box-shadow: inset 1px 0 0 var(--bs-table-border-color), inset 0 0 0 var(--bs-table-border-color), inset 0 -1px 0 var(--bs-table-border-color);
|
||||
}
|
||||
|
||||
table > thead > tr:nth-child(2) > th:not(.freeze-column-right).freeze-column {
|
||||
box-shadow: inset 1px 0 0 var(--bs-table-border-color), inset -1px 0 0 var(--bs-table-border-color), inset 0 0 0 var(--bs-table-border-color), inset 0 -1px 0 var(--bs-table-border-color);
|
||||
}
|
||||
|
||||
table > thead > tr:nth-child(2) > th:not(.freeze-column-right):last-child.freeze-column {
|
||||
box-shadow: inset 1px 0 0 var(--bs-table-border-color), inset 0 0 0 var(--bs-table-border-color), inset -1px 0 0 var(--bs-table-border-color);
|
||||
}
|
||||
|
||||
table > tbody > tr > td.freeze-column {
|
||||
position: sticky;
|
||||
background-color: var(--bb-table-freeze-column-background-color);
|
||||
z-index: 4;
|
||||
border-left-width: 0px !important;
|
||||
border-right-width: 0px !important;
|
||||
}
|
||||
|
||||
table > tbody > tr > td:not(.freeze-column-right):first-child.freeze-column {
|
||||
box-shadow: inset 1px 0 0 var(--bs-table-border-color), inset 0 0 0 var(--bs-table-border-color), inset 0 0 0 var(--bs-table-border-color);
|
||||
}
|
||||
|
||||
table > tbody > tr > td:not(.freeze-column-right).freeze-column {
|
||||
box-shadow: inset 1px 0 0 var(--bs-table-border-color), inset 0 0 0 var(--bs-table-border-color), inset -1px 0 0 var(--bs-table-border-color);
|
||||
}
|
||||
|
||||
table > tbody > tr > td:not(.freeze-column-right):last-child.freeze-column {
|
||||
box-shadow: inset 0 0 0 var(--bs-table-border-color), inset 0 0 0 var(--bs-table-border-color), inset 0 0 0 var(--bs-table-border-color);
|
||||
}
|
||||
|
||||
/* freeze column right */
|
||||
table > thead > tr > th:is(.freeze-column-right) {
|
||||
box-shadow: inset 1px 0 0 var(--bs-table-border-color), inset 0 1px 0 var(--bs-table-border-color), inset 0 -1px 0 var(--bs-table-border-color);
|
||||
}
|
||||
|
||||
table > thead > tr:nth-child(2) > th:is(.freeze-column-right) {
|
||||
box-shadow: inset 1px 0 0 var(--bs-table-border-color), inset 0 0 0 var(--bs-table-border-color), inset 0 -1px 0 var(--bs-table-border-color);
|
||||
}
|
||||
|
||||
table > tbody > tr > td:is(.freeze-column-right) {
|
||||
box-shadow: inset 1px 0 0 var(--bs-table-border-color);
|
||||
}
|
||||
|
||||
/* below CSS is applicable, if scrollLeft > 0 */
|
||||
/* thead: first-row -> first th */
|
||||
table > thead > tr > th:not(.freeze-column-right):first-child.freeze-column-active {
|
||||
box-shadow: inset 1px 0 0 var(--bs-table-border-color), inset 0 1px 0 var(--bs-table-border-color), inset 0 -1px 0 var(--bs-table-border-color);
|
||||
}
|
||||
/* thead: second-row -> first th */
|
||||
table > thead > tr:nth-child(2) > th:not(.freeze-column-right):first-child.freeze-column-active {
|
||||
box-shadow: inset 1px 0 0 var(--bs-table-border-color), inset 0 0 0 var(--bs-table-border-color), inset 0 -1px 0 var(--bs-table-border-color);
|
||||
}
|
||||
/* thead: first-row -> all th's */
|
||||
table > thead > tr > th:not(.freeze-column-right).freeze-column-active {
|
||||
box-shadow: inset 1px 0 0 var(--bs-table-border-color), inset -1px 0 0 var(--bs-table-border-color), inset 0 1px 0 var(--bs-table-border-color), inset 0 -1px 0 var(--bs-table-border-color);
|
||||
}
|
||||
/* thead: second-row -> all th's */
|
||||
table > thead > tr:nth-child(2) > th:not(.freeze-column-right).freeze-column-active {
|
||||
box-shadow: inset 1px 0 0 var(--bs-table-border-color), inset -1px 0 0 var(--bs-table-border-color), inset 0 0 0 var(--bs-table-border-color), inset 0 -1px 0 var(--bs-table-border-color);
|
||||
}
|
||||
/* thead: first-row -> all th's, right freeze columns only */
|
||||
table > thead > tr > th:is(.freeze-column-right).freeze-column-active {
|
||||
box-shadow: inset 1px 0 0 var(--bs-table-border-color), inset 0 1px 0 var(--bs-table-border-color), inset 0 -1px 0 var(--bs-table-border-color);
|
||||
}
|
||||
/* thead: second-row -> all th's, right freeze columns only */
|
||||
table > thead > tr:nth-child(2) > th:is(.freeze-column-right).freeze-column-active {
|
||||
box-shadow: inset 1px 0 0 var(--bs-table-border-color), inset 0 0 0 var(--bs-table-border-color), inset 0 -1px 0 var(--bs-table-border-color);
|
||||
}
|
||||
|
||||
/* tbody: every row -> first td, except right freeze columns */
|
||||
table > tbody > tr > td:not(.freeze-column-right):first-child.freeze-column-active {
|
||||
box-shadow: inset 1px 0 0 var(--bs-table-border-color);
|
||||
}
|
||||
/* tbody: every row -> all td's, except right freeze columns */
|
||||
table > tbody > tr > td:not(.freeze-column-right).freeze-column-active {
|
||||
box-shadow: inset 1px 0 0 var(--bs-table-border-color), inset -1px 0 0 var(--bs-table-border-color);
|
||||
}
|
||||
|
||||
/* tbody: every row -> all td's, right freeze columns only */
|
||||
table > tbody > tr > td:is(.freeze-column-right).freeze-column-active {
|
||||
box-shadow: inset 1px 0 0 var(--bs-table-border-color);
|
||||
}
|
||||
|
||||
/* scrollbar */
|
||||
.v-scroll-auto {
|
||||
overflow-y: auto !important;
|
||||
}
|
||||
|
||||
.scroll-hidden {
|
||||
overflow: hidden;
|
||||
}
|
||||
|
||||
.bb-scrollbar {
|
||||
scrollbar-color: rgba(0,0,0,.2) transparent;
|
||||
scrollbar-color: rgba(0, 0, 0, .2) transparent;
|
||||
scrollbar-width: thin
|
||||
}
|
||||
|
||||
.bb-scrollbar.scroll-auto-hide {
|
||||
scrollbar-color: transparent transparent
|
||||
}
|
||||
|
||||
.bb-scrollbar.scroll-auto-hide:hover {
|
||||
scrollbar-color: rgba(0,0,0,.2) transparent;
|
||||
scrollbar-color: rgba(0, 0, 0, .2) transparent
|
||||
}
|
||||
|
||||
.bb-scrollbar::-webkit-scrollbar {
|
||||
width: 18px;
|
||||
height: 18px;
|
||||
}
|
||||
|
||||
.bb-scrollbar::-webkit-scrollbar-thumb {
|
||||
border: 6px solid transparent;
|
||||
background: rgba(0,0,0,.2);
|
||||
background: rgba(0, 0, 0, .2);
|
||||
border-radius: 10px;
|
||||
background-clip: padding-box
|
||||
}
|
||||
|
||||
.bb-scrollbar::-webkit-scrollbar-corner {
|
||||
background: transparent;
|
||||
}
|
||||
|
||||
.bb-scrollbar::-webkit-scrollbar-thumb:vertical {
|
||||
min-height: 30px
|
||||
}
|
||||
|
||||
.bb-scrollbar::-webkit-scrollbar-thumb:horizontal {
|
||||
min-width: 30px
|
||||
}
|
||||
|
||||
.bb-scrollbar.scroll-auto-hide::-webkit-scrollbar-thumb {
|
||||
background: transparent;
|
||||
background-clip: padding-box
|
||||
}
|
||||
|
||||
.bb-scrollbar.scroll-auto-hide:hover::-webkit-scrollbar-thumb {
|
||||
background: rgba(0,0,0,.2);
|
||||
background: rgba(0, 0, 0, .2);
|
||||
background-clip: padding-box
|
||||
}
|
||||
|
||||
.bb-scrollbar::-webkit-scrollbar-thumb {
|
||||
border: 6px solid transparent;
|
||||
background: rgba(0,0,0,.2);
|
||||
background: rgba(0, 0, 0, .2);
|
||||
border-radius: 10px;
|
||||
background-clip: padding-box;
|
||||
}
|
||||
|
||||
.bb-scrollbar::-webkit-scrollbar-thumb:hover {
|
||||
background: rgba(0,0,0,.3);
|
||||
background: rgba(0, 0, 0, .3);
|
||||
background-clip: padding-box;
|
||||
border: 4px solid transparent
|
||||
}
|
||||
|
||||
.bb-scrollbar-hidden {
|
||||
-ms-overflow-style: none;
|
||||
scrollbar-width: none
|
||||
}
|
||||
|
||||
.bb-scrollbar-hidden::-webkit-scrollbar {
|
||||
width: 0
|
||||
}
|
||||
|
||||
/* layout */
|
||||
@media (min-width: 641px) {
|
||||
.bb-page {
|
||||
flex-direction: row !important;
|
||||
}
|
||||
|
||||
.bb-top-row {
|
||||
position: sticky;
|
||||
top: 0;
|
||||
z-index: 1;
|
||||
}
|
||||
|
||||
.top-row, article {
|
||||
padding-left: 2rem !important;
|
||||
padding-right: 1.5rem !important;
|
||||
}
|
||||
}
|
||||
|
||||
.bb-page {
|
||||
position: relative;
|
||||
display: flex;
|
||||
flex-direction: column;
|
||||
}
|
||||
|
||||
main {
|
||||
flex: 1;
|
||||
overflow-x: hidden;
|
||||
height: 100vh;
|
||||
}
|
||||
|
||||
.main {
|
||||
flex: 1;
|
||||
overflow-x: hidden;
|
||||
height: 100vh;
|
||||
}
|
||||
|
||||
.bb-top-row {
|
||||
background-color: #f7f7f7;
|
||||
border-bottom: 1px solid #d6d5d5;
|
||||
justify-content: flex-end;
|
||||
height: 3.5rem;
|
||||
display: flex;
|
||||
align-items: center;
|
||||
}
|
||||
|
||||
/* tooltip */
|
||||
.bb-tooltip-primary {
|
||||
--bs-tooltip-bg: var(--bb-tooltip-primary);
|
||||
--bs-tooltip-color: var(--bb-tooltip-color-white);
|
||||
}
|
||||
|
||||
.bb-tooltip-secondary {
|
||||
--bs-tooltip-bg: var(--bb-tooltip-secondary);
|
||||
--bs-tooltip-color: var(--bb-tooltip-color-white);
|
||||
}
|
||||
|
||||
.bb-tooltip-success {
|
||||
--bs-tooltip-bg: var(--bb-tooltip-success);
|
||||
--bs-tooltip-color: var(--bb-tooltip-color-white);
|
||||
}
|
||||
|
||||
.bb-tooltip-danger {
|
||||
--bs-tooltip-bg: var(--bb-tooltip-danger);
|
||||
--bs-tooltip-color: var(--bb-tooltip-color-white);
|
||||
}
|
||||
|
||||
.bb-tooltip-warning {
|
||||
--bs-tooltip-bg: var(--bb-tooltip-warning);
|
||||
--bs-tooltip-color: var(--bb-tooltip-color-dark);
|
||||
}
|
||||
|
||||
.bb-tooltip-info {
|
||||
--bs-tooltip-bg: var(--bb-tooltip-info);
|
||||
--bs-tooltip-color: var(--bb-tooltip-color-dark);
|
||||
}
|
||||
|
||||
.bb-tooltip-light {
|
||||
--bs-tooltip-bg: var(--bb-tooltip-light);
|
||||
--bs-tooltip-color: var(--bb-tooltip-color-dark);
|
||||
}
|
||||
|
||||
.bb-tooltip-dark {
|
||||
--bs-tooltip-bg: var(--bb-tooltip-dark);
|
||||
--bs-tooltip-color: var(--bb-tooltip-color-white);
|
||||
}
|
||||
|
||||
/* button */
|
||||
.btn-xs {
|
||||
--bs-btn-padding-y: 0.125rem;
|
||||
--bs-btn-padding-x: 0.25rem;
|
||||
--bs-btn-font-size: 0.75rem;
|
||||
--bs-btn-border-radius: var(--bs-border-radius-sm);
|
||||
}
|
||||
|
||||
.btn-sm {
|
||||
--bs-btn-padding-y: 0.25rem;
|
||||
--bs-btn-padding-x: 0.5rem;
|
||||
--bs-btn-font-size: 0.875rem;
|
||||
--bs-btn-border-radius: var(--bs-border-radius-sm);
|
||||
}
|
||||
|
||||
.btn-md {
|
||||
--bs-btn-padding-y: 0.375rem;
|
||||
--bs-btn-padding-x: 0.75rem;
|
||||
--bs-btn-font-size: 1rem;
|
||||
--bs-btn-border-radius: var(--bs-border-radius-md);
|
||||
}
|
||||
|
||||
.btn-lg {
|
||||
--bs-btn-padding-y: 0.5rem;
|
||||
--bs-btn-padding-x: 1rem;
|
||||
--bs-btn-font-size: 1.25rem;
|
||||
--bs-btn-border-radius: var(--bs-border-radius-lg);
|
||||
}
|
||||
|
||||
.btn-xl {
|
||||
--bs-btn-padding-y: 0.625rem;
|
||||
--bs-btn-padding-x: 1.25rem;
|
||||
--bs-btn-font-size: 1.5rem;
|
||||
--bs-btn-border-radius: var(--bs-border-radius-lg);
|
||||
}
|
||||
|
||||
/* button > spinner */
|
||||
.spinner-border-xs {
|
||||
--bs-spinner-width: 0.5rem;
|
||||
--bs-spinner-height: 0.5rem;
|
||||
--bs-spinner-border-width: 0.125em;
|
||||
--bs-spinner-vertical-align: 0;
|
||||
}
|
||||
|
||||
.spinner-border-sm {
|
||||
--bs-spinner-width: 0.75rem;
|
||||
--bs-spinner-height: 0.75rem;
|
||||
--bs-spinner-border-width: 0.15em;
|
||||
--bs-spinner-vertical-align: 0;
|
||||
}
|
||||
|
||||
.spinner-border-md {
|
||||
--bs-spinner-width: 1rem;
|
||||
--bs-spinner-height: 1rem;
|
||||
--bs-spinner-border-width: 0.175em;
|
||||
--bs-spinner-vertical-align: -0.125em;
|
||||
}
|
||||
|
||||
.spinner-border-lg {
|
||||
--bs-spinner-width: 1.25rem;
|
||||
--bs-spinner-height: 1.25rem;
|
||||
--bs-spinner-border-width: 0.2em;
|
||||
--bs-spinner-vertical-align: -0.125em;
|
||||
}
|
||||
|
||||
.spinner-border-xl {
|
||||
--bs-spinner-width: 1.5rem;
|
||||
--bs-spinner-height: 1.5rem;
|
||||
--bs-spinner-border-width: 0.225em;
|
||||
--bs-spinner-vertical-align: -0.125em;
|
||||
}
|
||||
|
||||
/* range */
|
||||
.bb-form-range-input {
|
||||
appearance: auto !important;
|
||||
}
|
||||
|
||||
.bb-range-data-list {
|
||||
display: flex;
|
||||
flex-direction: column;
|
||||
justify-content: space-between;
|
||||
writing-mode: vertical-lr;
|
||||
width: 100%;
|
||||
}
|
||||
|
||||
/* pdf viewer */
|
||||
.pdf-viewer-dropdown-toggle::after {
|
||||
content: inherit !important;
|
||||
}
|
||||
@@ -0,0 +1,267 @@
|
||||
import * as pdfJS from './pdfjs-4.0.379.min.mjs';
|
||||
import * as pdfWorker from './pdfjs-4.0.379.worker.min.mjs';
|
||||
|
||||
if (pdfJS != null && pdfWorker != null) {
|
||||
pdfJS.GlobalWorkerOptions.workerSrc = pdfWorker;
|
||||
}
|
||||
|
||||
function getCanvas(item) {
|
||||
if (isDomSupported() && typeof item === 'string') {
|
||||
item = document.getElementById(item);
|
||||
} else if (item && item.length) {
|
||||
// support for array based queries
|
||||
item = item[0];
|
||||
}
|
||||
|
||||
if (item && item.canvas !== undefined && item.canvas) {
|
||||
// support for any object associated to a canvas (including a context2d)
|
||||
item = item.canvas;
|
||||
}
|
||||
|
||||
return item;
|
||||
}
|
||||
|
||||
const getPdf = (key) => {
|
||||
const canvas = getCanvas(key);
|
||||
return Object.values(pdfInstances).filter((c) => c.canvas === canvas).pop();
|
||||
};
|
||||
|
||||
const pdfInstances = {};
|
||||
|
||||
class Pdf {
|
||||
static instances = pdfInstances;
|
||||
static getPdf = getPdf;
|
||||
|
||||
constructor(item) {
|
||||
const canvas = getCanvas(item);
|
||||
//const existingPdf = getPdf(canvas);
|
||||
|
||||
this.id = canvas.id;
|
||||
this.canvas = canvas;
|
||||
this.ctx = canvas.getContext('2d');
|
||||
this.pdfDoc = null;
|
||||
this.pageNum = 1;
|
||||
this.pagesCount = 0;
|
||||
this.pageRendering = false;
|
||||
this.pageNumPending = null;
|
||||
this.scale = 1;
|
||||
this.rotation = 0;
|
||||
|
||||
pdfInstances[this.id] = this;
|
||||
}
|
||||
}
|
||||
|
||||
export function firstPage(dotNetHelper, elementId) {
|
||||
const pdf = getPdf(elementId);
|
||||
|
||||
if (pdf == null || pdf.pageNum === 1)
|
||||
return;
|
||||
|
||||
if (pdf.pageNum > 1)
|
||||
pdf.pageNum = 1;
|
||||
|
||||
queueRenderPage(pdf, pdf.pageNum);
|
||||
|
||||
setPdfViewerMetaData(dotNetHelper, pdf);
|
||||
}
|
||||
|
||||
export function gotoPage(dotNetHelper, elementId, gotoPageNum) {
|
||||
const pdf = getPdf(elementId);
|
||||
|
||||
if (pdf == null || gotoPageNum < 1 || gotoPageNum > pdf.pagesCount)
|
||||
return;
|
||||
|
||||
pdf.pageNum = gotoPageNum;
|
||||
|
||||
queueRenderPage(pdf, pdf.pageNum);
|
||||
|
||||
setPdfViewerMetaData(dotNetHelper, pdf);
|
||||
}
|
||||
|
||||
export function lastPage(dotNetHelper, elementId) {
|
||||
const pdf = getPdf(elementId);
|
||||
|
||||
if (pdf == null || (pdf.pageNum === 1 && pdf.pageNum === pdf.pagesCount))
|
||||
return;
|
||||
|
||||
if (pdf.pageNum < pdf.pagesCount)
|
||||
pdf.pageNum = pdf.pagesCount;
|
||||
|
||||
queueRenderPage(pdf, pdf.pageNum);
|
||||
|
||||
setPdfViewerMetaData(dotNetHelper, pdf);
|
||||
}
|
||||
|
||||
export function nextPage(dotNetHelper, elementId) {
|
||||
const pdf = getPdf(elementId);
|
||||
|
||||
if (pdf == null || pdf.pageNum === pdf.pagesCount)
|
||||
return;
|
||||
|
||||
if (pdf.pageNum < pdf.pagesCount)
|
||||
pdf.pageNum += 1;
|
||||
|
||||
queueRenderPage(pdf, pdf.pageNum);
|
||||
|
||||
setPdfViewerMetaData(dotNetHelper, pdf);
|
||||
}
|
||||
|
||||
export function previousPage(dotNetHelper, elementId) {
|
||||
const pdf = getPdf(elementId);
|
||||
|
||||
if (pdf == null || pdf.pageNum === 0 || pdf.pageNum === 1)
|
||||
return;
|
||||
|
||||
if (pdf.pageNum > 0)
|
||||
pdf.pageNum -= 1;
|
||||
|
||||
queueRenderPage(pdf, pdf.pageNum);
|
||||
|
||||
setPdfViewerMetaData(dotNetHelper, pdf);
|
||||
}
|
||||
|
||||
export async function print(dotNetHelper, elementId, url) {
|
||||
const pdfDoc = await pdfJS.getDocument(url).promise;
|
||||
const pageRange = [1, 2, 3, 4]; // TODO: update this
|
||||
|
||||
const iframeEl = document.createElement('iframe');
|
||||
iframeEl.style = 'display:none';
|
||||
document.body.appendChild(iframeEl);
|
||||
|
||||
for (const pageNumber of pageRange) {
|
||||
const page = await pdfDoc.getPage(pageNumber);
|
||||
|
||||
const viewport = page.getViewport({ scale: 1.5 });
|
||||
const canvas = document.createElement("canvas");
|
||||
canvas.height = viewport.height;
|
||||
canvas.width = viewport.width;
|
||||
|
||||
//canvas.style.height = `${viewport.height * 2}px`;
|
||||
//canvas.style.width = `${viewport.width * 2}px`;
|
||||
|
||||
const ctx = canvas.getContext('2d');
|
||||
|
||||
const renderContext = {
|
||||
//intent: 'print',
|
||||
canvasContext: ctx,
|
||||
viewport: viewport
|
||||
};
|
||||
await page.render(renderContext).promise;
|
||||
|
||||
const iframeDoc = iframeEl.contentWindow.document;
|
||||
iframeDoc.body.appendChild(canvas);
|
||||
}
|
||||
|
||||
setTimeout(() => {
|
||||
iframeEl.contentWindow.print();
|
||||
iframeEl.remove();
|
||||
},
|
||||
1000);
|
||||
}
|
||||
|
||||
export function rotate(dotNetHelper, elementId, rotation) {
|
||||
const pdf = getPdf(elementId);
|
||||
|
||||
if (pdf == null || Number.isNaN(rotation) || rotation % 90 !== 0)
|
||||
return;
|
||||
|
||||
pdf.rotation = rotation;
|
||||
|
||||
queueRenderPage(pdf, pdf.pageNum);
|
||||
}
|
||||
|
||||
export function zoomInOut(dotNetHelper, elementId, scale) {
|
||||
const pdf = getPdf(elementId);
|
||||
|
||||
if (pdf == null)
|
||||
return;
|
||||
|
||||
if (!Number.isNaN(scale))
|
||||
pdf.scale = scale;
|
||||
|
||||
queueRenderPage(pdf, pdf.pageNum);
|
||||
}
|
||||
|
||||
// resize
|
||||
// print
|
||||
// download
|
||||
// zoomreset
|
||||
|
||||
/*
|
||||
firstPageButton.disabled = this.pageNumber <= 1;
|
||||
lastPageButton.disabled = this.pageNumber >= this.pagesCount;
|
||||
pageRotateCwButton.disabled = this.pagesCount === 0;
|
||||
pageRotateCcwButton.disabled = this.pagesCount === 0;
|
||||
*/
|
||||
|
||||
export function initialize(dotNetHelper, elementId, scale, rotation, url) {
|
||||
const pdf = new Pdf(elementId);
|
||||
pdf.scale = scale;
|
||||
pdf.rotation = rotation;
|
||||
|
||||
pdfJS.getDocument(url).promise.then(function (doc) {
|
||||
pdf.pdfDoc = doc;
|
||||
pdf.pagesCount = doc.numPages;
|
||||
renderPage(pdf, pdf.pageNum);
|
||||
dotNetHelper.invokeMethodAsync('DocumentLoaded', { pagesCount: pdf.pagesCount, pageNumber: pdf.pageNum });
|
||||
});
|
||||
}
|
||||
|
||||
function isDomSupported() {
|
||||
return typeof window !== 'undefined' && typeof document !== 'undefined';
|
||||
}
|
||||
|
||||
/**
|
||||
* If another page rendering in progress, waits until the rendering is
|
||||
* finished. Otherwise, executes rendering immediately.
|
||||
*/
|
||||
function queueRenderPage(pdf, num) {
|
||||
if (pdf.pageRendering) {
|
||||
pdf.pageNumPending = num;
|
||||
} else {
|
||||
renderPage(pdf, num);
|
||||
}
|
||||
}
|
||||
|
||||
/**
|
||||
* Get page info from document, resize canvas accordingly, and render page.
|
||||
* @param num Page number.
|
||||
*/
|
||||
function renderPage(pdf, num) {
|
||||
pdf.pageRendering = true;
|
||||
|
||||
// Using promise to fetch the page
|
||||
pdf.pdfDoc.getPage(num).then((page) => {
|
||||
const viewport = page.getViewport({ scale: pdf.scale, rotation: pdf.rotation });
|
||||
pdf.canvas.height = viewport.height;
|
||||
pdf.canvas.width = viewport.width;
|
||||
|
||||
// Render PDF page into canvas context
|
||||
const renderContext = {
|
||||
canvasContext: pdf.ctx,
|
||||
viewport: viewport
|
||||
};
|
||||
|
||||
const renderTask = page.render(renderContext);
|
||||
|
||||
// Wait for rendering to finish
|
||||
renderTask.promise.then(() => {
|
||||
pdf.pageRendering = false;
|
||||
if (pdf.pageNumPending !== null) {
|
||||
// New page rendering is pending
|
||||
renderPage(pdf, pdf.pageNumPending);
|
||||
pdf.pageNumPending = null;
|
||||
}
|
||||
})
|
||||
.catch((error) => {
|
||||
// TODO: track exception
|
||||
});
|
||||
});
|
||||
}
|
||||
|
||||
function setPdfViewerMetaData(dotNetHelper, pdf) {
|
||||
if (dotNetHelper == null)
|
||||
return;
|
||||
|
||||
dotNetHelper.invokeMethodAsync('SetPdfViewerMetaData', { pagesCount: pdf.pagesCount, pageNumber: pdf.pageNum });
|
||||
}
|
||||
@@ -0,0 +1,49 @@
|
||||
export function initialize(elementId, elementName, handle, group, allowSorting, pull, put, filter, dotNetHelper) {
|
||||
let listGroupEl = document.getElementById(elementId);
|
||||
if (listGroupEl == null)
|
||||
return;
|
||||
|
||||
if (Sortable) {
|
||||
const sortable = Sortable.create(listGroupEl, {
|
||||
animation: 150,
|
||||
filter: '.bb-sortable-list-item-disabled',
|
||||
group: {
|
||||
name: group,
|
||||
pull: pull,
|
||||
put: put
|
||||
},
|
||||
handle: handle, // handle's class
|
||||
onAdd: (event) => {
|
||||
event.item.remove();
|
||||
dotNetHelper.invokeMethodAsync('OnAddJS', event.oldDraggableIndex, event.newDraggableIndex);
|
||||
},
|
||||
onRemove: (event) => {
|
||||
if (event.pullMode === 'clone') {
|
||||
event.clone.remove();
|
||||
}
|
||||
|
||||
event.item.remove();
|
||||
event.from.insertBefore(event.item, event.from.childNodes[event.oldIndex]);
|
||||
|
||||
let fromElName = '';
|
||||
let toElName = '';
|
||||
|
||||
let fromEl = document.getElementById(event.from.id);
|
||||
if (fromEl)
|
||||
fromElName = fromEl.getAttribute('name');
|
||||
|
||||
let toEl = document.getElementById(event.to.id);
|
||||
if (toEl)
|
||||
toElName = toEl.getAttribute('name');
|
||||
|
||||
dotNetHelper.invokeMethodAsync('OnRemoveJS', event.oldDraggableIndex, event.newDraggableIndex, fromElName, toElName);
|
||||
},
|
||||
onUpdate: (event) => {
|
||||
event.item.remove();
|
||||
event.to.insertBefore(event.item, event.to.childNodes[event.oldIndex]);
|
||||
dotNetHelper.invokeMethodAsync('OnUpdateJS', event.oldDraggableIndex, event.newDraggableIndex);
|
||||
},
|
||||
sort: allowSorting
|
||||
});
|
||||
}
|
||||
}
|
||||
|
After Width: | Height: | Size: 6.9 KiB |
@@ -0,0 +1,51 @@
|
||||
html, body {
|
||||
font-family: 'Helvetica Neue', Helvetica, Arial, sans-serif;
|
||||
}
|
||||
|
||||
a, .btn-link {
|
||||
color: #006bb7;
|
||||
}
|
||||
|
||||
.btn-primary {
|
||||
color: #fff;
|
||||
background-color: #1b6ec2;
|
||||
border-color: #1861ac;
|
||||
}
|
||||
|
||||
.btn:focus, .btn:active:focus, .btn-link.nav-link:focus, .form-control:focus, .form-check-input:focus {
|
||||
box-shadow: 0 0 0 0.1rem white, 0 0 0 0.25rem #258cfb;
|
||||
}
|
||||
|
||||
.content {
|
||||
padding-top: 1.1rem;
|
||||
}
|
||||
|
||||
h1:focus {
|
||||
outline: none;
|
||||
}
|
||||
|
||||
.valid.modified:not([type=checkbox]) {
|
||||
outline: 1px solid #26b050;
|
||||
}
|
||||
|
||||
.invalid {
|
||||
outline: 1px solid #e50000;
|
||||
}
|
||||
|
||||
.validation-message {
|
||||
color: #e50000;
|
||||
}
|
||||
|
||||
.blazor-error-boundary {
|
||||
background: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iNTYiIGhlaWdodD0iNDkiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgeG1sbnM6eGxpbms9Imh0dHA6Ly93d3cudzMub3JnLzE5OTkveGxpbmsiIG92ZXJmbG93PSJoaWRkZW4iPjxkZWZzPjxjbGlwUGF0aCBpZD0iY2xpcDAiPjxyZWN0IHg9IjIzNSIgeT0iNTEiIHdpZHRoPSI1NiIgaGVpZ2h0PSI0OSIvPjwvY2xpcFBhdGg+PC9kZWZzPjxnIGNsaXAtcGF0aD0idXJsKCNjbGlwMCkiIHRyYW5zZm9ybT0idHJhbnNsYXRlKC0yMzUgLTUxKSI+PHBhdGggZD0iTTI2My41MDYgNTFDMjY0LjcxNyA1MSAyNjUuODEzIDUxLjQ4MzcgMjY2LjYwNiA1Mi4yNjU4TDI2Ny4wNTIgNTIuNzk4NyAyNjcuNTM5IDUzLjYyODMgMjkwLjE4NSA5Mi4xODMxIDI5MC41NDUgOTIuNzk1IDI5MC42NTYgOTIuOTk2QzI5MC44NzcgOTMuNTEzIDI5MSA5NC4wODE1IDI5MSA5NC42NzgyIDI5MSA5Ny4wNjUxIDI4OS4wMzggOTkgMjg2LjYxNyA5OUwyNDAuMzgzIDk5QzIzNy45NjMgOTkgMjM2IDk3LjA2NTEgMjM2IDk0LjY3ODIgMjM2IDk0LjM3OTkgMjM2LjAzMSA5NC4wODg2IDIzNi4wODkgOTMuODA3MkwyMzYuMzM4IDkzLjAxNjIgMjM2Ljg1OCA5Mi4xMzE0IDI1OS40NzMgNTMuNjI5NCAyNTkuOTYxIDUyLjc5ODUgMjYwLjQwNyA1Mi4yNjU4QzI2MS4yIDUxLjQ4MzcgMjYyLjI5NiA1MSAyNjMuNTA2IDUxWk0yNjMuNTg2IDY2LjAxODNDMjYwLjczNyA2Ni4wMTgzIDI1OS4zMTMgNjcuMTI0NSAyNTkuMzEzIDY5LjMzNyAyNTkuMzEzIDY5LjYxMDIgMjU5LjMzMiA2OS44NjA4IDI1OS4zNzEgNzAuMDg4N0wyNjEuNzk1IDg0LjAxNjEgMjY1LjM4IDg0LjAxNjEgMjY3LjgyMSA2OS43NDc1QzI2Ny44NiA2OS43MzA5IDI2Ny44NzkgNjkuNTg3NyAyNjcuODc5IDY5LjMxNzkgMjY3Ljg3OSA2Ny4xMTgyIDI2Ni40NDggNjYuMDE4MyAyNjMuNTg2IDY2LjAxODNaTTI2My41NzYgODYuMDU0N0MyNjEuMDQ5IDg2LjA1NDcgMjU5Ljc4NiA4Ny4zMDA1IDI1OS43ODYgODkuNzkyMSAyNTkuNzg2IDkyLjI4MzcgMjYxLjA0OSA5My41Mjk1IDI2My41NzYgOTMuNTI5NSAyNjYuMTE2IDkzLjUyOTUgMjY3LjM4NyA5Mi4yODM3IDI2Ny4zODcgODkuNzkyMSAyNjcuMzg3IDg3LjMwMDUgMjY2LjExNiA4Ni4wNTQ3IDI2My41NzYgODYuMDU0N1oiIGZpbGw9IiNGRkU1MDAiIGZpbGwtcnVsZT0iZXZlbm9kZCIvPjwvZz48L3N2Zz4=) no-repeat 1rem/1.8rem, #b32121;
|
||||
padding: 1rem 1rem 1rem 3.7rem;
|
||||
color: white;
|
||||
}
|
||||
|
||||
.blazor-error-boundary::after {
|
||||
content: "An error has occurred."
|
||||
}
|
||||
|
||||
.darker-border-checkbox.form-check-input {
|
||||
border-color: #929292;
|
||||
}
|
||||
|
After Width: | Height: | Size: 83 KiB |
|
After Width: | Height: | Size: 1.1 KiB |
|
After Width: | Height: | Size: 15 KiB |
|
After Width: | Height: | Size: 1.2 KiB |
|
After Width: | Height: | Size: 29 KiB |
|
After Width: | Height: | Size: 143 KiB |
@@ -0,0 +1,597 @@
|
||||
/*!
|
||||
* Bootstrap Reboot v5.3.3 (https://getbootstrap.com/)
|
||||
* Copyright 2011-2024 The Bootstrap Authors
|
||||
* Licensed under MIT (https://github.com/twbs/bootstrap/blob/main/LICENSE)
|
||||
*/
|
||||
:root,
|
||||
[data-bs-theme=light] {
|
||||
--bs-blue: #0d6efd;
|
||||
--bs-indigo: #6610f2;
|
||||
--bs-purple: #6f42c1;
|
||||
--bs-pink: #d63384;
|
||||
--bs-red: #dc3545;
|
||||
--bs-orange: #fd7e14;
|
||||
--bs-yellow: #ffc107;
|
||||
--bs-green: #198754;
|
||||
--bs-teal: #20c997;
|
||||
--bs-cyan: #0dcaf0;
|
||||
--bs-black: #000;
|
||||
--bs-white: #fff;
|
||||
--bs-gray: #6c757d;
|
||||
--bs-gray-dark: #343a40;
|
||||
--bs-gray-100: #f8f9fa;
|
||||
--bs-gray-200: #e9ecef;
|
||||
--bs-gray-300: #dee2e6;
|
||||
--bs-gray-400: #ced4da;
|
||||
--bs-gray-500: #adb5bd;
|
||||
--bs-gray-600: #6c757d;
|
||||
--bs-gray-700: #495057;
|
||||
--bs-gray-800: #343a40;
|
||||
--bs-gray-900: #212529;
|
||||
--bs-primary: #0d6efd;
|
||||
--bs-secondary: #6c757d;
|
||||
--bs-success: #198754;
|
||||
--bs-info: #0dcaf0;
|
||||
--bs-warning: #ffc107;
|
||||
--bs-danger: #dc3545;
|
||||
--bs-light: #f8f9fa;
|
||||
--bs-dark: #212529;
|
||||
--bs-primary-rgb: 13, 110, 253;
|
||||
--bs-secondary-rgb: 108, 117, 125;
|
||||
--bs-success-rgb: 25, 135, 84;
|
||||
--bs-info-rgb: 13, 202, 240;
|
||||
--bs-warning-rgb: 255, 193, 7;
|
||||
--bs-danger-rgb: 220, 53, 69;
|
||||
--bs-light-rgb: 248, 249, 250;
|
||||
--bs-dark-rgb: 33, 37, 41;
|
||||
--bs-primary-text-emphasis: #052c65;
|
||||
--bs-secondary-text-emphasis: #2b2f32;
|
||||
--bs-success-text-emphasis: #0a3622;
|
||||
--bs-info-text-emphasis: #055160;
|
||||
--bs-warning-text-emphasis: #664d03;
|
||||
--bs-danger-text-emphasis: #58151c;
|
||||
--bs-light-text-emphasis: #495057;
|
||||
--bs-dark-text-emphasis: #495057;
|
||||
--bs-primary-bg-subtle: #cfe2ff;
|
||||
--bs-secondary-bg-subtle: #e2e3e5;
|
||||
--bs-success-bg-subtle: #d1e7dd;
|
||||
--bs-info-bg-subtle: #cff4fc;
|
||||
--bs-warning-bg-subtle: #fff3cd;
|
||||
--bs-danger-bg-subtle: #f8d7da;
|
||||
--bs-light-bg-subtle: #fcfcfd;
|
||||
--bs-dark-bg-subtle: #ced4da;
|
||||
--bs-primary-border-subtle: #9ec5fe;
|
||||
--bs-secondary-border-subtle: #c4c8cb;
|
||||
--bs-success-border-subtle: #a3cfbb;
|
||||
--bs-info-border-subtle: #9eeaf9;
|
||||
--bs-warning-border-subtle: #ffe69c;
|
||||
--bs-danger-border-subtle: #f1aeb5;
|
||||
--bs-light-border-subtle: #e9ecef;
|
||||
--bs-dark-border-subtle: #adb5bd;
|
||||
--bs-white-rgb: 255, 255, 255;
|
||||
--bs-black-rgb: 0, 0, 0;
|
||||
--bs-font-sans-serif: system-ui, -apple-system, "Segoe UI", Roboto, "Helvetica Neue", "Noto Sans", "Liberation Sans", Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";
|
||||
--bs-font-monospace: SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace;
|
||||
--bs-gradient: linear-gradient(180deg, rgba(255, 255, 255, 0.15), rgba(255, 255, 255, 0));
|
||||
--bs-body-font-family: var(--bs-font-sans-serif);
|
||||
--bs-body-font-size: 1rem;
|
||||
--bs-body-font-weight: 400;
|
||||
--bs-body-line-height: 1.5;
|
||||
--bs-body-color: #212529;
|
||||
--bs-body-color-rgb: 33, 37, 41;
|
||||
--bs-body-bg: #fff;
|
||||
--bs-body-bg-rgb: 255, 255, 255;
|
||||
--bs-emphasis-color: #000;
|
||||
--bs-emphasis-color-rgb: 0, 0, 0;
|
||||
--bs-secondary-color: rgba(33, 37, 41, 0.75);
|
||||
--bs-secondary-color-rgb: 33, 37, 41;
|
||||
--bs-secondary-bg: #e9ecef;
|
||||
--bs-secondary-bg-rgb: 233, 236, 239;
|
||||
--bs-tertiary-color: rgba(33, 37, 41, 0.5);
|
||||
--bs-tertiary-color-rgb: 33, 37, 41;
|
||||
--bs-tertiary-bg: #f8f9fa;
|
||||
--bs-tertiary-bg-rgb: 248, 249, 250;
|
||||
--bs-heading-color: inherit;
|
||||
--bs-link-color: #0d6efd;
|
||||
--bs-link-color-rgb: 13, 110, 253;
|
||||
--bs-link-decoration: underline;
|
||||
--bs-link-hover-color: #0a58ca;
|
||||
--bs-link-hover-color-rgb: 10, 88, 202;
|
||||
--bs-code-color: #d63384;
|
||||
--bs-highlight-color: #212529;
|
||||
--bs-highlight-bg: #fff3cd;
|
||||
--bs-border-width: 1px;
|
||||
--bs-border-style: solid;
|
||||
--bs-border-color: #dee2e6;
|
||||
--bs-border-color-translucent: rgba(0, 0, 0, 0.175);
|
||||
--bs-border-radius: 0.375rem;
|
||||
--bs-border-radius-sm: 0.25rem;
|
||||
--bs-border-radius-lg: 0.5rem;
|
||||
--bs-border-radius-xl: 1rem;
|
||||
--bs-border-radius-xxl: 2rem;
|
||||
--bs-border-radius-2xl: var(--bs-border-radius-xxl);
|
||||
--bs-border-radius-pill: 50rem;
|
||||
--bs-box-shadow: 0 0.5rem 1rem rgba(0, 0, 0, 0.15);
|
||||
--bs-box-shadow-sm: 0 0.125rem 0.25rem rgba(0, 0, 0, 0.075);
|
||||
--bs-box-shadow-lg: 0 1rem 3rem rgba(0, 0, 0, 0.175);
|
||||
--bs-box-shadow-inset: inset 0 1px 2px rgba(0, 0, 0, 0.075);
|
||||
--bs-focus-ring-width: 0.25rem;
|
||||
--bs-focus-ring-opacity: 0.25;
|
||||
--bs-focus-ring-color: rgba(13, 110, 253, 0.25);
|
||||
--bs-form-valid-color: #198754;
|
||||
--bs-form-valid-border-color: #198754;
|
||||
--bs-form-invalid-color: #dc3545;
|
||||
--bs-form-invalid-border-color: #dc3545;
|
||||
}
|
||||
|
||||
[data-bs-theme=dark] {
|
||||
color-scheme: dark;
|
||||
--bs-body-color: #dee2e6;
|
||||
--bs-body-color-rgb: 222, 226, 230;
|
||||
--bs-body-bg: #212529;
|
||||
--bs-body-bg-rgb: 33, 37, 41;
|
||||
--bs-emphasis-color: #fff;
|
||||
--bs-emphasis-color-rgb: 255, 255, 255;
|
||||
--bs-secondary-color: rgba(222, 226, 230, 0.75);
|
||||
--bs-secondary-color-rgb: 222, 226, 230;
|
||||
--bs-secondary-bg: #343a40;
|
||||
--bs-secondary-bg-rgb: 52, 58, 64;
|
||||
--bs-tertiary-color: rgba(222, 226, 230, 0.5);
|
||||
--bs-tertiary-color-rgb: 222, 226, 230;
|
||||
--bs-tertiary-bg: #2b3035;
|
||||
--bs-tertiary-bg-rgb: 43, 48, 53;
|
||||
--bs-primary-text-emphasis: #6ea8fe;
|
||||
--bs-secondary-text-emphasis: #a7acb1;
|
||||
--bs-success-text-emphasis: #75b798;
|
||||
--bs-info-text-emphasis: #6edff6;
|
||||
--bs-warning-text-emphasis: #ffda6a;
|
||||
--bs-danger-text-emphasis: #ea868f;
|
||||
--bs-light-text-emphasis: #f8f9fa;
|
||||
--bs-dark-text-emphasis: #dee2e6;
|
||||
--bs-primary-bg-subtle: #031633;
|
||||
--bs-secondary-bg-subtle: #161719;
|
||||
--bs-success-bg-subtle: #051b11;
|
||||
--bs-info-bg-subtle: #032830;
|
||||
--bs-warning-bg-subtle: #332701;
|
||||
--bs-danger-bg-subtle: #2c0b0e;
|
||||
--bs-light-bg-subtle: #343a40;
|
||||
--bs-dark-bg-subtle: #1a1d20;
|
||||
--bs-primary-border-subtle: #084298;
|
||||
--bs-secondary-border-subtle: #41464b;
|
||||
--bs-success-border-subtle: #0f5132;
|
||||
--bs-info-border-subtle: #087990;
|
||||
--bs-warning-border-subtle: #997404;
|
||||
--bs-danger-border-subtle: #842029;
|
||||
--bs-light-border-subtle: #495057;
|
||||
--bs-dark-border-subtle: #343a40;
|
||||
--bs-heading-color: inherit;
|
||||
--bs-link-color: #6ea8fe;
|
||||
--bs-link-hover-color: #8bb9fe;
|
||||
--bs-link-color-rgb: 110, 168, 254;
|
||||
--bs-link-hover-color-rgb: 139, 185, 254;
|
||||
--bs-code-color: #e685b5;
|
||||
--bs-highlight-color: #dee2e6;
|
||||
--bs-highlight-bg: #664d03;
|
||||
--bs-border-color: #495057;
|
||||
--bs-border-color-translucent: rgba(255, 255, 255, 0.15);
|
||||
--bs-form-valid-color: #75b798;
|
||||
--bs-form-valid-border-color: #75b798;
|
||||
--bs-form-invalid-color: #ea868f;
|
||||
--bs-form-invalid-border-color: #ea868f;
|
||||
}
|
||||
|
||||
*,
|
||||
*::before,
|
||||
*::after {
|
||||
box-sizing: border-box;
|
||||
}
|
||||
|
||||
@media (prefers-reduced-motion: no-preference) {
|
||||
:root {
|
||||
scroll-behavior: smooth;
|
||||
}
|
||||
}
|
||||
|
||||
body {
|
||||
margin: 0;
|
||||
font-family: var(--bs-body-font-family);
|
||||
font-size: var(--bs-body-font-size);
|
||||
font-weight: var(--bs-body-font-weight);
|
||||
line-height: var(--bs-body-line-height);
|
||||
color: var(--bs-body-color);
|
||||
text-align: var(--bs-body-text-align);
|
||||
background-color: var(--bs-body-bg);
|
||||
-webkit-text-size-adjust: 100%;
|
||||
-webkit-tap-highlight-color: rgba(0, 0, 0, 0);
|
||||
}
|
||||
|
||||
hr {
|
||||
margin: 1rem 0;
|
||||
color: inherit;
|
||||
border: 0;
|
||||
border-top: var(--bs-border-width) solid;
|
||||
opacity: 0.25;
|
||||
}
|
||||
|
||||
h6, h5, h4, h3, h2, h1 {
|
||||
margin-top: 0;
|
||||
margin-bottom: 0.5rem;
|
||||
font-weight: 500;
|
||||
line-height: 1.2;
|
||||
color: var(--bs-heading-color);
|
||||
}
|
||||
|
||||
h1 {
|
||||
font-size: calc(1.375rem + 1.5vw);
|
||||
}
|
||||
@media (min-width: 1200px) {
|
||||
h1 {
|
||||
font-size: 2.5rem;
|
||||
}
|
||||
}
|
||||
|
||||
h2 {
|
||||
font-size: calc(1.325rem + 0.9vw);
|
||||
}
|
||||
@media (min-width: 1200px) {
|
||||
h2 {
|
||||
font-size: 2rem;
|
||||
}
|
||||
}
|
||||
|
||||
h3 {
|
||||
font-size: calc(1.3rem + 0.6vw);
|
||||
}
|
||||
@media (min-width: 1200px) {
|
||||
h3 {
|
||||
font-size: 1.75rem;
|
||||
}
|
||||
}
|
||||
|
||||
h4 {
|
||||
font-size: calc(1.275rem + 0.3vw);
|
||||
}
|
||||
@media (min-width: 1200px) {
|
||||
h4 {
|
||||
font-size: 1.5rem;
|
||||
}
|
||||
}
|
||||
|
||||
h5 {
|
||||
font-size: 1.25rem;
|
||||
}
|
||||
|
||||
h6 {
|
||||
font-size: 1rem;
|
||||
}
|
||||
|
||||
p {
|
||||
margin-top: 0;
|
||||
margin-bottom: 1rem;
|
||||
}
|
||||
|
||||
abbr[title] {
|
||||
-webkit-text-decoration: underline dotted;
|
||||
text-decoration: underline dotted;
|
||||
cursor: help;
|
||||
-webkit-text-decoration-skip-ink: none;
|
||||
text-decoration-skip-ink: none;
|
||||
}
|
||||
|
||||
address {
|
||||
margin-bottom: 1rem;
|
||||
font-style: normal;
|
||||
line-height: inherit;
|
||||
}
|
||||
|
||||
ol,
|
||||
ul {
|
||||
padding-left: 2rem;
|
||||
}
|
||||
|
||||
ol,
|
||||
ul,
|
||||
dl {
|
||||
margin-top: 0;
|
||||
margin-bottom: 1rem;
|
||||
}
|
||||
|
||||
ol ol,
|
||||
ul ul,
|
||||
ol ul,
|
||||
ul ol {
|
||||
margin-bottom: 0;
|
||||
}
|
||||
|
||||
dt {
|
||||
font-weight: 700;
|
||||
}
|
||||
|
||||
dd {
|
||||
margin-bottom: 0.5rem;
|
||||
margin-left: 0;
|
||||
}
|
||||
|
||||
blockquote {
|
||||
margin: 0 0 1rem;
|
||||
}
|
||||
|
||||
b,
|
||||
strong {
|
||||
font-weight: bolder;
|
||||
}
|
||||
|
||||
small {
|
||||
font-size: 0.875em;
|
||||
}
|
||||
|
||||
mark {
|
||||
padding: 0.1875em;
|
||||
color: var(--bs-highlight-color);
|
||||
background-color: var(--bs-highlight-bg);
|
||||
}
|
||||
|
||||
sub,
|
||||
sup {
|
||||
position: relative;
|
||||
font-size: 0.75em;
|
||||
line-height: 0;
|
||||
vertical-align: baseline;
|
||||
}
|
||||
|
||||
sub {
|
||||
bottom: -0.25em;
|
||||
}
|
||||
|
||||
sup {
|
||||
top: -0.5em;
|
||||
}
|
||||
|
||||
a {
|
||||
color: rgba(var(--bs-link-color-rgb), var(--bs-link-opacity, 1));
|
||||
text-decoration: underline;
|
||||
}
|
||||
a:hover {
|
||||
--bs-link-color-rgb: var(--bs-link-hover-color-rgb);
|
||||
}
|
||||
|
||||
a:not([href]):not([class]), a:not([href]):not([class]):hover {
|
||||
color: inherit;
|
||||
text-decoration: none;
|
||||
}
|
||||
|
||||
pre,
|
||||
code,
|
||||
kbd,
|
||||
samp {
|
||||
font-family: var(--bs-font-monospace);
|
||||
font-size: 1em;
|
||||
}
|
||||
|
||||
pre {
|
||||
display: block;
|
||||
margin-top: 0;
|
||||
margin-bottom: 1rem;
|
||||
overflow: auto;
|
||||
font-size: 0.875em;
|
||||
}
|
||||
pre code {
|
||||
font-size: inherit;
|
||||
color: inherit;
|
||||
word-break: normal;
|
||||
}
|
||||
|
||||
code {
|
||||
font-size: 0.875em;
|
||||
color: var(--bs-code-color);
|
||||
word-wrap: break-word;
|
||||
}
|
||||
a > code {
|
||||
color: inherit;
|
||||
}
|
||||
|
||||
kbd {
|
||||
padding: 0.1875rem 0.375rem;
|
||||
font-size: 0.875em;
|
||||
color: var(--bs-body-bg);
|
||||
background-color: var(--bs-body-color);
|
||||
border-radius: 0.25rem;
|
||||
}
|
||||
kbd kbd {
|
||||
padding: 0;
|
||||
font-size: 1em;
|
||||
}
|
||||
|
||||
figure {
|
||||
margin: 0 0 1rem;
|
||||
}
|
||||
|
||||
img,
|
||||
svg {
|
||||
vertical-align: middle;
|
||||
}
|
||||
|
||||
table {
|
||||
caption-side: bottom;
|
||||
border-collapse: collapse;
|
||||
}
|
||||
|
||||
caption {
|
||||
padding-top: 0.5rem;
|
||||
padding-bottom: 0.5rem;
|
||||
color: var(--bs-secondary-color);
|
||||
text-align: left;
|
||||
}
|
||||
|
||||
th {
|
||||
text-align: inherit;
|
||||
text-align: -webkit-match-parent;
|
||||
}
|
||||
|
||||
thead,
|
||||
tbody,
|
||||
tfoot,
|
||||
tr,
|
||||
td,
|
||||
th {
|
||||
border-color: inherit;
|
||||
border-style: solid;
|
||||
border-width: 0;
|
||||
}
|
||||
|
||||
label {
|
||||
display: inline-block;
|
||||
}
|
||||
|
||||
button {
|
||||
border-radius: 0;
|
||||
}
|
||||
|
||||
button:focus:not(:focus-visible) {
|
||||
outline: 0;
|
||||
}
|
||||
|
||||
input,
|
||||
button,
|
||||
select,
|
||||
optgroup,
|
||||
textarea {
|
||||
margin: 0;
|
||||
font-family: inherit;
|
||||
font-size: inherit;
|
||||
line-height: inherit;
|
||||
}
|
||||
|
||||
button,
|
||||
select {
|
||||
text-transform: none;
|
||||
}
|
||||
|
||||
[role=button] {
|
||||
cursor: pointer;
|
||||
}
|
||||
|
||||
select {
|
||||
word-wrap: normal;
|
||||
}
|
||||
select:disabled {
|
||||
opacity: 1;
|
||||
}
|
||||
|
||||
[list]:not([type=date]):not([type=datetime-local]):not([type=month]):not([type=week]):not([type=time])::-webkit-calendar-picker-indicator {
|
||||
display: none !important;
|
||||
}
|
||||
|
||||
button,
|
||||
[type=button],
|
||||
[type=reset],
|
||||
[type=submit] {
|
||||
-webkit-appearance: button;
|
||||
}
|
||||
button:not(:disabled),
|
||||
[type=button]:not(:disabled),
|
||||
[type=reset]:not(:disabled),
|
||||
[type=submit]:not(:disabled) {
|
||||
cursor: pointer;
|
||||
}
|
||||
|
||||
::-moz-focus-inner {
|
||||
padding: 0;
|
||||
border-style: none;
|
||||
}
|
||||
|
||||
textarea {
|
||||
resize: vertical;
|
||||
}
|
||||
|
||||
fieldset {
|
||||
min-width: 0;
|
||||
padding: 0;
|
||||
margin: 0;
|
||||
border: 0;
|
||||
}
|
||||
|
||||
legend {
|
||||
float: left;
|
||||
width: 100%;
|
||||
padding: 0;
|
||||
margin-bottom: 0.5rem;
|
||||
font-size: calc(1.275rem + 0.3vw);
|
||||
line-height: inherit;
|
||||
}
|
||||
@media (min-width: 1200px) {
|
||||
legend {
|
||||
font-size: 1.5rem;
|
||||
}
|
||||
}
|
||||
legend + * {
|
||||
clear: left;
|
||||
}
|
||||
|
||||
::-webkit-datetime-edit-fields-wrapper,
|
||||
::-webkit-datetime-edit-text,
|
||||
::-webkit-datetime-edit-minute,
|
||||
::-webkit-datetime-edit-hour-field,
|
||||
::-webkit-datetime-edit-day-field,
|
||||
::-webkit-datetime-edit-month-field,
|
||||
::-webkit-datetime-edit-year-field {
|
||||
padding: 0;
|
||||
}
|
||||
|
||||
::-webkit-inner-spin-button {
|
||||
height: auto;
|
||||
}
|
||||
|
||||
[type=search] {
|
||||
-webkit-appearance: textfield;
|
||||
outline-offset: -2px;
|
||||
}
|
||||
|
||||
/* rtl:raw:
|
||||
[type="tel"],
|
||||
[type="url"],
|
||||
[type="email"],
|
||||
[type="number"] {
|
||||
direction: ltr;
|
||||
}
|
||||
*/
|
||||
::-webkit-search-decoration {
|
||||
-webkit-appearance: none;
|
||||
}
|
||||
|
||||
::-webkit-color-swatch-wrapper {
|
||||
padding: 0;
|
||||
}
|
||||
|
||||
::-webkit-file-upload-button {
|
||||
font: inherit;
|
||||
-webkit-appearance: button;
|
||||
}
|
||||
|
||||
::file-selector-button {
|
||||
font: inherit;
|
||||
-webkit-appearance: button;
|
||||
}
|
||||
|
||||
output {
|
||||
display: inline-block;
|
||||
}
|
||||
|
||||
iframe {
|
||||
border: 0;
|
||||
}
|
||||
|
||||
summary {
|
||||
display: list-item;
|
||||
cursor: pointer;
|
||||
}
|
||||
|
||||
progress {
|
||||
vertical-align: baseline;
|
||||
}
|
||||
|
||||
[hidden] {
|
||||
display: none !important;
|
||||
}
|
||||
|
||||
/*# sourceMappingURL=bootstrap-reboot.css.map */
|
||||
@@ -0,0 +1,594 @@
|
||||
/*!
|
||||
* Bootstrap Reboot v5.3.3 (https://getbootstrap.com/)
|
||||
* Copyright 2011-2024 The Bootstrap Authors
|
||||
* Licensed under MIT (https://github.com/twbs/bootstrap/blob/main/LICENSE)
|
||||
*/
|
||||
:root,
|
||||
[data-bs-theme=light] {
|
||||
--bs-blue: #0d6efd;
|
||||
--bs-indigo: #6610f2;
|
||||
--bs-purple: #6f42c1;
|
||||
--bs-pink: #d63384;
|
||||
--bs-red: #dc3545;
|
||||
--bs-orange: #fd7e14;
|
||||
--bs-yellow: #ffc107;
|
||||
--bs-green: #198754;
|
||||
--bs-teal: #20c997;
|
||||
--bs-cyan: #0dcaf0;
|
||||
--bs-black: #000;
|
||||
--bs-white: #fff;
|
||||
--bs-gray: #6c757d;
|
||||
--bs-gray-dark: #343a40;
|
||||
--bs-gray-100: #f8f9fa;
|
||||
--bs-gray-200: #e9ecef;
|
||||
--bs-gray-300: #dee2e6;
|
||||
--bs-gray-400: #ced4da;
|
||||
--bs-gray-500: #adb5bd;
|
||||
--bs-gray-600: #6c757d;
|
||||
--bs-gray-700: #495057;
|
||||
--bs-gray-800: #343a40;
|
||||
--bs-gray-900: #212529;
|
||||
--bs-primary: #0d6efd;
|
||||
--bs-secondary: #6c757d;
|
||||
--bs-success: #198754;
|
||||
--bs-info: #0dcaf0;
|
||||
--bs-warning: #ffc107;
|
||||
--bs-danger: #dc3545;
|
||||
--bs-light: #f8f9fa;
|
||||
--bs-dark: #212529;
|
||||
--bs-primary-rgb: 13, 110, 253;
|
||||
--bs-secondary-rgb: 108, 117, 125;
|
||||
--bs-success-rgb: 25, 135, 84;
|
||||
--bs-info-rgb: 13, 202, 240;
|
||||
--bs-warning-rgb: 255, 193, 7;
|
||||
--bs-danger-rgb: 220, 53, 69;
|
||||
--bs-light-rgb: 248, 249, 250;
|
||||
--bs-dark-rgb: 33, 37, 41;
|
||||
--bs-primary-text-emphasis: #052c65;
|
||||
--bs-secondary-text-emphasis: #2b2f32;
|
||||
--bs-success-text-emphasis: #0a3622;
|
||||
--bs-info-text-emphasis: #055160;
|
||||
--bs-warning-text-emphasis: #664d03;
|
||||
--bs-danger-text-emphasis: #58151c;
|
||||
--bs-light-text-emphasis: #495057;
|
||||
--bs-dark-text-emphasis: #495057;
|
||||
--bs-primary-bg-subtle: #cfe2ff;
|
||||
--bs-secondary-bg-subtle: #e2e3e5;
|
||||
--bs-success-bg-subtle: #d1e7dd;
|
||||
--bs-info-bg-subtle: #cff4fc;
|
||||
--bs-warning-bg-subtle: #fff3cd;
|
||||
--bs-danger-bg-subtle: #f8d7da;
|
||||
--bs-light-bg-subtle: #fcfcfd;
|
||||
--bs-dark-bg-subtle: #ced4da;
|
||||
--bs-primary-border-subtle: #9ec5fe;
|
||||
--bs-secondary-border-subtle: #c4c8cb;
|
||||
--bs-success-border-subtle: #a3cfbb;
|
||||
--bs-info-border-subtle: #9eeaf9;
|
||||
--bs-warning-border-subtle: #ffe69c;
|
||||
--bs-danger-border-subtle: #f1aeb5;
|
||||
--bs-light-border-subtle: #e9ecef;
|
||||
--bs-dark-border-subtle: #adb5bd;
|
||||
--bs-white-rgb: 255, 255, 255;
|
||||
--bs-black-rgb: 0, 0, 0;
|
||||
--bs-font-sans-serif: system-ui, -apple-system, "Segoe UI", Roboto, "Helvetica Neue", "Noto Sans", "Liberation Sans", Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";
|
||||
--bs-font-monospace: SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace;
|
||||
--bs-gradient: linear-gradient(180deg, rgba(255, 255, 255, 0.15), rgba(255, 255, 255, 0));
|
||||
--bs-body-font-family: var(--bs-font-sans-serif);
|
||||
--bs-body-font-size: 1rem;
|
||||
--bs-body-font-weight: 400;
|
||||
--bs-body-line-height: 1.5;
|
||||
--bs-body-color: #212529;
|
||||
--bs-body-color-rgb: 33, 37, 41;
|
||||
--bs-body-bg: #fff;
|
||||
--bs-body-bg-rgb: 255, 255, 255;
|
||||
--bs-emphasis-color: #000;
|
||||
--bs-emphasis-color-rgb: 0, 0, 0;
|
||||
--bs-secondary-color: rgba(33, 37, 41, 0.75);
|
||||
--bs-secondary-color-rgb: 33, 37, 41;
|
||||
--bs-secondary-bg: #e9ecef;
|
||||
--bs-secondary-bg-rgb: 233, 236, 239;
|
||||
--bs-tertiary-color: rgba(33, 37, 41, 0.5);
|
||||
--bs-tertiary-color-rgb: 33, 37, 41;
|
||||
--bs-tertiary-bg: #f8f9fa;
|
||||
--bs-tertiary-bg-rgb: 248, 249, 250;
|
||||
--bs-heading-color: inherit;
|
||||
--bs-link-color: #0d6efd;
|
||||
--bs-link-color-rgb: 13, 110, 253;
|
||||
--bs-link-decoration: underline;
|
||||
--bs-link-hover-color: #0a58ca;
|
||||
--bs-link-hover-color-rgb: 10, 88, 202;
|
||||
--bs-code-color: #d63384;
|
||||
--bs-highlight-color: #212529;
|
||||
--bs-highlight-bg: #fff3cd;
|
||||
--bs-border-width: 1px;
|
||||
--bs-border-style: solid;
|
||||
--bs-border-color: #dee2e6;
|
||||
--bs-border-color-translucent: rgba(0, 0, 0, 0.175);
|
||||
--bs-border-radius: 0.375rem;
|
||||
--bs-border-radius-sm: 0.25rem;
|
||||
--bs-border-radius-lg: 0.5rem;
|
||||
--bs-border-radius-xl: 1rem;
|
||||
--bs-border-radius-xxl: 2rem;
|
||||
--bs-border-radius-2xl: var(--bs-border-radius-xxl);
|
||||
--bs-border-radius-pill: 50rem;
|
||||
--bs-box-shadow: 0 0.5rem 1rem rgba(0, 0, 0, 0.15);
|
||||
--bs-box-shadow-sm: 0 0.125rem 0.25rem rgba(0, 0, 0, 0.075);
|
||||
--bs-box-shadow-lg: 0 1rem 3rem rgba(0, 0, 0, 0.175);
|
||||
--bs-box-shadow-inset: inset 0 1px 2px rgba(0, 0, 0, 0.075);
|
||||
--bs-focus-ring-width: 0.25rem;
|
||||
--bs-focus-ring-opacity: 0.25;
|
||||
--bs-focus-ring-color: rgba(13, 110, 253, 0.25);
|
||||
--bs-form-valid-color: #198754;
|
||||
--bs-form-valid-border-color: #198754;
|
||||
--bs-form-invalid-color: #dc3545;
|
||||
--bs-form-invalid-border-color: #dc3545;
|
||||
}
|
||||
|
||||
[data-bs-theme=dark] {
|
||||
color-scheme: dark;
|
||||
--bs-body-color: #dee2e6;
|
||||
--bs-body-color-rgb: 222, 226, 230;
|
||||
--bs-body-bg: #212529;
|
||||
--bs-body-bg-rgb: 33, 37, 41;
|
||||
--bs-emphasis-color: #fff;
|
||||
--bs-emphasis-color-rgb: 255, 255, 255;
|
||||
--bs-secondary-color: rgba(222, 226, 230, 0.75);
|
||||
--bs-secondary-color-rgb: 222, 226, 230;
|
||||
--bs-secondary-bg: #343a40;
|
||||
--bs-secondary-bg-rgb: 52, 58, 64;
|
||||
--bs-tertiary-color: rgba(222, 226, 230, 0.5);
|
||||
--bs-tertiary-color-rgb: 222, 226, 230;
|
||||
--bs-tertiary-bg: #2b3035;
|
||||
--bs-tertiary-bg-rgb: 43, 48, 53;
|
||||
--bs-primary-text-emphasis: #6ea8fe;
|
||||
--bs-secondary-text-emphasis: #a7acb1;
|
||||
--bs-success-text-emphasis: #75b798;
|
||||
--bs-info-text-emphasis: #6edff6;
|
||||
--bs-warning-text-emphasis: #ffda6a;
|
||||
--bs-danger-text-emphasis: #ea868f;
|
||||
--bs-light-text-emphasis: #f8f9fa;
|
||||
--bs-dark-text-emphasis: #dee2e6;
|
||||
--bs-primary-bg-subtle: #031633;
|
||||
--bs-secondary-bg-subtle: #161719;
|
||||
--bs-success-bg-subtle: #051b11;
|
||||
--bs-info-bg-subtle: #032830;
|
||||
--bs-warning-bg-subtle: #332701;
|
||||
--bs-danger-bg-subtle: #2c0b0e;
|
||||
--bs-light-bg-subtle: #343a40;
|
||||
--bs-dark-bg-subtle: #1a1d20;
|
||||
--bs-primary-border-subtle: #084298;
|
||||
--bs-secondary-border-subtle: #41464b;
|
||||
--bs-success-border-subtle: #0f5132;
|
||||
--bs-info-border-subtle: #087990;
|
||||
--bs-warning-border-subtle: #997404;
|
||||
--bs-danger-border-subtle: #842029;
|
||||
--bs-light-border-subtle: #495057;
|
||||
--bs-dark-border-subtle: #343a40;
|
||||
--bs-heading-color: inherit;
|
||||
--bs-link-color: #6ea8fe;
|
||||
--bs-link-hover-color: #8bb9fe;
|
||||
--bs-link-color-rgb: 110, 168, 254;
|
||||
--bs-link-hover-color-rgb: 139, 185, 254;
|
||||
--bs-code-color: #e685b5;
|
||||
--bs-highlight-color: #dee2e6;
|
||||
--bs-highlight-bg: #664d03;
|
||||
--bs-border-color: #495057;
|
||||
--bs-border-color-translucent: rgba(255, 255, 255, 0.15);
|
||||
--bs-form-valid-color: #75b798;
|
||||
--bs-form-valid-border-color: #75b798;
|
||||
--bs-form-invalid-color: #ea868f;
|
||||
--bs-form-invalid-border-color: #ea868f;
|
||||
}
|
||||
|
||||
*,
|
||||
*::before,
|
||||
*::after {
|
||||
box-sizing: border-box;
|
||||
}
|
||||
|
||||
@media (prefers-reduced-motion: no-preference) {
|
||||
:root {
|
||||
scroll-behavior: smooth;
|
||||
}
|
||||
}
|
||||
|
||||
body {
|
||||
margin: 0;
|
||||
font-family: var(--bs-body-font-family);
|
||||
font-size: var(--bs-body-font-size);
|
||||
font-weight: var(--bs-body-font-weight);
|
||||
line-height: var(--bs-body-line-height);
|
||||
color: var(--bs-body-color);
|
||||
text-align: var(--bs-body-text-align);
|
||||
background-color: var(--bs-body-bg);
|
||||
-webkit-text-size-adjust: 100%;
|
||||
-webkit-tap-highlight-color: rgba(0, 0, 0, 0);
|
||||
}
|
||||
|
||||
hr {
|
||||
margin: 1rem 0;
|
||||
color: inherit;
|
||||
border: 0;
|
||||
border-top: var(--bs-border-width) solid;
|
||||
opacity: 0.25;
|
||||
}
|
||||
|
||||
h6, h5, h4, h3, h2, h1 {
|
||||
margin-top: 0;
|
||||
margin-bottom: 0.5rem;
|
||||
font-weight: 500;
|
||||
line-height: 1.2;
|
||||
color: var(--bs-heading-color);
|
||||
}
|
||||
|
||||
h1 {
|
||||
font-size: calc(1.375rem + 1.5vw);
|
||||
}
|
||||
@media (min-width: 1200px) {
|
||||
h1 {
|
||||
font-size: 2.5rem;
|
||||
}
|
||||
}
|
||||
|
||||
h2 {
|
||||
font-size: calc(1.325rem + 0.9vw);
|
||||
}
|
||||
@media (min-width: 1200px) {
|
||||
h2 {
|
||||
font-size: 2rem;
|
||||
}
|
||||
}
|
||||
|
||||
h3 {
|
||||
font-size: calc(1.3rem + 0.6vw);
|
||||
}
|
||||
@media (min-width: 1200px) {
|
||||
h3 {
|
||||
font-size: 1.75rem;
|
||||
}
|
||||
}
|
||||
|
||||
h4 {
|
||||
font-size: calc(1.275rem + 0.3vw);
|
||||
}
|
||||
@media (min-width: 1200px) {
|
||||
h4 {
|
||||
font-size: 1.5rem;
|
||||
}
|
||||
}
|
||||
|
||||
h5 {
|
||||
font-size: 1.25rem;
|
||||
}
|
||||
|
||||
h6 {
|
||||
font-size: 1rem;
|
||||
}
|
||||
|
||||
p {
|
||||
margin-top: 0;
|
||||
margin-bottom: 1rem;
|
||||
}
|
||||
|
||||
abbr[title] {
|
||||
-webkit-text-decoration: underline dotted;
|
||||
text-decoration: underline dotted;
|
||||
cursor: help;
|
||||
-webkit-text-decoration-skip-ink: none;
|
||||
text-decoration-skip-ink: none;
|
||||
}
|
||||
|
||||
address {
|
||||
margin-bottom: 1rem;
|
||||
font-style: normal;
|
||||
line-height: inherit;
|
||||
}
|
||||
|
||||
ol,
|
||||
ul {
|
||||
padding-right: 2rem;
|
||||
}
|
||||
|
||||
ol,
|
||||
ul,
|
||||
dl {
|
||||
margin-top: 0;
|
||||
margin-bottom: 1rem;
|
||||
}
|
||||
|
||||
ol ol,
|
||||
ul ul,
|
||||
ol ul,
|
||||
ul ol {
|
||||
margin-bottom: 0;
|
||||
}
|
||||
|
||||
dt {
|
||||
font-weight: 700;
|
||||
}
|
||||
|
||||
dd {
|
||||
margin-bottom: 0.5rem;
|
||||
margin-right: 0;
|
||||
}
|
||||
|
||||
blockquote {
|
||||
margin: 0 0 1rem;
|
||||
}
|
||||
|
||||
b,
|
||||
strong {
|
||||
font-weight: bolder;
|
||||
}
|
||||
|
||||
small {
|
||||
font-size: 0.875em;
|
||||
}
|
||||
|
||||
mark {
|
||||
padding: 0.1875em;
|
||||
color: var(--bs-highlight-color);
|
||||
background-color: var(--bs-highlight-bg);
|
||||
}
|
||||
|
||||
sub,
|
||||
sup {
|
||||
position: relative;
|
||||
font-size: 0.75em;
|
||||
line-height: 0;
|
||||
vertical-align: baseline;
|
||||
}
|
||||
|
||||
sub {
|
||||
bottom: -0.25em;
|
||||
}
|
||||
|
||||
sup {
|
||||
top: -0.5em;
|
||||
}
|
||||
|
||||
a {
|
||||
color: rgba(var(--bs-link-color-rgb), var(--bs-link-opacity, 1));
|
||||
text-decoration: underline;
|
||||
}
|
||||
a:hover {
|
||||
--bs-link-color-rgb: var(--bs-link-hover-color-rgb);
|
||||
}
|
||||
|
||||
a:not([href]):not([class]), a:not([href]):not([class]):hover {
|
||||
color: inherit;
|
||||
text-decoration: none;
|
||||
}
|
||||
|
||||
pre,
|
||||
code,
|
||||
kbd,
|
||||
samp {
|
||||
font-family: var(--bs-font-monospace);
|
||||
font-size: 1em;
|
||||
}
|
||||
|
||||
pre {
|
||||
display: block;
|
||||
margin-top: 0;
|
||||
margin-bottom: 1rem;
|
||||
overflow: auto;
|
||||
font-size: 0.875em;
|
||||
}
|
||||
pre code {
|
||||
font-size: inherit;
|
||||
color: inherit;
|
||||
word-break: normal;
|
||||
}
|
||||
|
||||
code {
|
||||
font-size: 0.875em;
|
||||
color: var(--bs-code-color);
|
||||
word-wrap: break-word;
|
||||
}
|
||||
a > code {
|
||||
color: inherit;
|
||||
}
|
||||
|
||||
kbd {
|
||||
padding: 0.1875rem 0.375rem;
|
||||
font-size: 0.875em;
|
||||
color: var(--bs-body-bg);
|
||||
background-color: var(--bs-body-color);
|
||||
border-radius: 0.25rem;
|
||||
}
|
||||
kbd kbd {
|
||||
padding: 0;
|
||||
font-size: 1em;
|
||||
}
|
||||
|
||||
figure {
|
||||
margin: 0 0 1rem;
|
||||
}
|
||||
|
||||
img,
|
||||
svg {
|
||||
vertical-align: middle;
|
||||
}
|
||||
|
||||
table {
|
||||
caption-side: bottom;
|
||||
border-collapse: collapse;
|
||||
}
|
||||
|
||||
caption {
|
||||
padding-top: 0.5rem;
|
||||
padding-bottom: 0.5rem;
|
||||
color: var(--bs-secondary-color);
|
||||
text-align: right;
|
||||
}
|
||||
|
||||
th {
|
||||
text-align: inherit;
|
||||
text-align: -webkit-match-parent;
|
||||
}
|
||||
|
||||
thead,
|
||||
tbody,
|
||||
tfoot,
|
||||
tr,
|
||||
td,
|
||||
th {
|
||||
border-color: inherit;
|
||||
border-style: solid;
|
||||
border-width: 0;
|
||||
}
|
||||
|
||||
label {
|
||||
display: inline-block;
|
||||
}
|
||||
|
||||
button {
|
||||
border-radius: 0;
|
||||
}
|
||||
|
||||
button:focus:not(:focus-visible) {
|
||||
outline: 0;
|
||||
}
|
||||
|
||||
input,
|
||||
button,
|
||||
select,
|
||||
optgroup,
|
||||
textarea {
|
||||
margin: 0;
|
||||
font-family: inherit;
|
||||
font-size: inherit;
|
||||
line-height: inherit;
|
||||
}
|
||||
|
||||
button,
|
||||
select {
|
||||
text-transform: none;
|
||||
}
|
||||
|
||||
[role=button] {
|
||||
cursor: pointer;
|
||||
}
|
||||
|
||||
select {
|
||||
word-wrap: normal;
|
||||
}
|
||||
select:disabled {
|
||||
opacity: 1;
|
||||
}
|
||||
|
||||
[list]:not([type=date]):not([type=datetime-local]):not([type=month]):not([type=week]):not([type=time])::-webkit-calendar-picker-indicator {
|
||||
display: none !important;
|
||||
}
|
||||
|
||||
button,
|
||||
[type=button],
|
||||
[type=reset],
|
||||
[type=submit] {
|
||||
-webkit-appearance: button;
|
||||
}
|
||||
button:not(:disabled),
|
||||
[type=button]:not(:disabled),
|
||||
[type=reset]:not(:disabled),
|
||||
[type=submit]:not(:disabled) {
|
||||
cursor: pointer;
|
||||
}
|
||||
|
||||
::-moz-focus-inner {
|
||||
padding: 0;
|
||||
border-style: none;
|
||||
}
|
||||
|
||||
textarea {
|
||||
resize: vertical;
|
||||
}
|
||||
|
||||
fieldset {
|
||||
min-width: 0;
|
||||
padding: 0;
|
||||
margin: 0;
|
||||
border: 0;
|
||||
}
|
||||
|
||||
legend {
|
||||
float: right;
|
||||
width: 100%;
|
||||
padding: 0;
|
||||
margin-bottom: 0.5rem;
|
||||
font-size: calc(1.275rem + 0.3vw);
|
||||
line-height: inherit;
|
||||
}
|
||||
@media (min-width: 1200px) {
|
||||
legend {
|
||||
font-size: 1.5rem;
|
||||
}
|
||||
}
|
||||
legend + * {
|
||||
clear: right;
|
||||
}
|
||||
|
||||
::-webkit-datetime-edit-fields-wrapper,
|
||||
::-webkit-datetime-edit-text,
|
||||
::-webkit-datetime-edit-minute,
|
||||
::-webkit-datetime-edit-hour-field,
|
||||
::-webkit-datetime-edit-day-field,
|
||||
::-webkit-datetime-edit-month-field,
|
||||
::-webkit-datetime-edit-year-field {
|
||||
padding: 0;
|
||||
}
|
||||
|
||||
::-webkit-inner-spin-button {
|
||||
height: auto;
|
||||
}
|
||||
|
||||
[type=search] {
|
||||
-webkit-appearance: textfield;
|
||||
outline-offset: -2px;
|
||||
}
|
||||
|
||||
[type="tel"],
|
||||
[type="url"],
|
||||
[type="email"],
|
||||
[type="number"] {
|
||||
direction: ltr;
|
||||
}
|
||||
::-webkit-search-decoration {
|
||||
-webkit-appearance: none;
|
||||
}
|
||||
|
||||
::-webkit-color-swatch-wrapper {
|
||||
padding: 0;
|
||||
}
|
||||
|
||||
::-webkit-file-upload-button {
|
||||
font: inherit;
|
||||
-webkit-appearance: button;
|
||||
}
|
||||
|
||||
::file-selector-button {
|
||||
font: inherit;
|
||||
-webkit-appearance: button;
|
||||
}
|
||||
|
||||
output {
|
||||
display: inline-block;
|
||||
}
|
||||
|
||||
iframe {
|
||||
border: 0;
|
||||
}
|
||||
|
||||
summary {
|
||||
display: list-item;
|
||||
cursor: pointer;
|
||||
}
|
||||
|
||||
progress {
|
||||
vertical-align: baseline;
|
||||
}
|
||||
|
||||
[hidden] {
|
||||
display: none !important;
|
||||
}
|
||||
/*# sourceMappingURL=bootstrap-reboot.rtl.css.map */
|
||||