TERMINAL FM // css

	NAME ↑		SIZE	MODIFIED	PERMS	ACTIONS
	.. / Parent Directory
		style.css — 198.33 KB 2025-05-10 09:19 · rw-rw-rw-	198.33 KB	2025-05-10 09:19	rw-rw-rw-

ONLINE

css

1 items

15:31:28

body, html { height: 100%; margin: 0; padding: 0 } body { -webkit-backface-visibility: hidden; backface-visibility: hidden; overflow-y: scroll } :root { --sa-scheme-light--main-color: #fff; --sa-scheme-light--opposite-color: #212529; --sa-scheme-dark--main-color: #3d464d; --sa-scheme-dark--opposite-color: #fff; --sa-scheme-theme--main-color: #FAB207; --sa-scheme-theme--opposite-color: #3d464d } @keyframes sa-loader-animation { 0% { transform: rotate(0deg) } to { transform: rotate(1turn) } } .accordion-button { font-size: .9375rem; font-weight: 500 } .accordion-button.sa-hover-area { --sa-hover-area--padding: .375rem } .accordion-button:after { content: none } .accordion-button.collapsed .accordion-sa-icon:after { transform: rotate(90deg) } .accordion-sa-icon { flex-shrink: 0; height: .625rem; opacity: .85; position: relative; width: .625rem } [dir=ltr] .accordion-sa-icon { margin-right: .625rem } [dir=rtl] .accordion-sa-icon { margin-left: .625rem } .accordion-sa-icon:after, .accordion-sa-icon:before { background: currentColor; content: ""; display: block; height: .125rem; position: absolute; top: .25rem; transition: transform .2s; width: .625rem } [dir=ltr] .accordion-sa-icon:after, [dir=ltr] .accordion-sa-icon:before { left: 0 } [dir=rtl] .accordion-sa-icon:after, [dir=rtl] .accordion-sa-icon:before { right: 0 } .accordion-body { color: #6c757d; font-size: .9375rem; line-height: 1.5rem; padding-top: 0 } .alert { font-size: .9375rem; line-height: 1.375rem } .alert .alert-link { background-color: #ffffff7d; border-radius: .125rem; box-decoration-break: clone; -webkit-box-decoration-break: clone; color: inherit; padding: 0 .25rem; position: relative; text-decoration: none; transition: background-color .12s; z-index: 0 } .alert .alert-link:hover { background-color: #ffffffb3 } .alert .alert-link:active { background-color: hsla(0, 0%, 100%, .595) } .alert .alert-link:hover { text-decoration: none } .alert .alert-link:active { transition-duration: 0s } .alert .sa-close { padding: 1.1875rem; position: absolute; top: 0; z-index: 2 } [dir=ltr] .alert .sa-close { right: 0 } [dir=rtl] .alert .sa-close { left: 0 } .alert-sa-has-icon { display: flex } .alert-sa-icon { align-items: center; display: flex; font-size: 1.5rem; justify-content: center } [dir=ltr] .alert-sa-icon { margin: -.0625rem .75rem -.0625rem -.375rem } [dir=rtl] .alert-sa-icon { margin: -.0625rem -.375rem -.0625rem .75rem } .alert-sa-content { align-self: center } .alert-danger hr, .alert-dark hr, .alert-info hr, .alert-light hr, .alert-primary hr, .alert-secondary hr, .alert-success hr, .alert-warning hr { opacity: .12 } .alert-danger .alert-sa-icon, .alert-dark .alert-sa-icon, .alert-info .alert-sa-icon, .alert-light .alert-sa-icon, .alert-primary .alert-sa-icon, .alert-secondary .alert-sa-icon, .alert-success .alert-sa-icon, .alert-warning .alert-sa-icon { opacity: .8 } .alert-success { background: #b0e595; color: #314029 } .alert-danger { background: #ffb8b8; color: #473333 } .alert-warning { background: #ffe28c; color: #594e31 } .alert-warning .alert-link { background-color: #ffffffa1 } .alert-warning .alert-link:hover { background-color: #ffffffe6 } .alert-warning .alert-link:active { background-color: hsla(0, 0%, 100%, .765) } .alert-info { background: #b8e2e5; color: #2d3e40 } .alert-info .alert-link { background-color: #ffffff8f } .alert-info .alert-link:hover { background-color: #fffc } .alert-info .alert-link:active { background-color: #ffffffad } .alert-primary { background: #b2d9ff; color: #36414d } .alert-secondary { background: #d9d9d9; color: #424242 } .alert-secondary .alert-link { background-color: #ffffffa1 } .alert-secondary .alert-link:hover { background-color: #ffffffe6 } .alert-secondary .alert-link:active { background-color: hsla(0, 0%, 100%, .765) } .alert-light { background: #fff; color: #3d464d } .alert-light .alert-link { background-color: #3d464db3; color: #fff } .alert-light .alert-link:hover { background-color: #3d464d } .alert-light .alert-link:active { background-color: #3d464dd9 } .alert-dark { background: #3d464d; color: #fff } .alert-dark .alert-link { background-color: #ffffffb3; color: #3d464d } .alert-dark .alert-link:hover { background-color: #fff } .alert-dark .alert-link:active { background-color: #ffffffd9 } .alert-sa-danger-card, .alert-sa-dark-card, .alert-sa-info-card, .alert-sa-light-card, .alert-sa-primary-card, .alert-sa-secondary-card, .alert-sa-success-card, .alert-sa-warning-card { background-color: #fff; border-radius: 2px; box-shadow: 0 1px 3px #00000026 } .alert-sa-danger-card hr, .alert-sa-dark-card hr, .alert-sa-info-card hr, .alert-sa-light-card hr, .alert-sa-primary-card hr, .alert-sa-secondary-card hr, .alert-sa-success-card hr, .alert-sa-warning-card hr { opacity: .2 } .alert-sa-danger-card .sa-close, .alert-sa-dark-card .sa-close, .alert-sa-info-card .sa-close, .alert-sa-light-card .sa-close, .alert-sa-primary-card .sa-close, .alert-sa-secondary-card .sa-close, .alert-sa-success-card .sa-close, .alert-sa-warning-card .sa-close { color: #6c757d } .alert-sa-success-card { color: #2c870e } .alert-sa-success-card .alert-sa-icon { color: #51ad23 } .alert-sa-success-card .alert-link { background-color: #2c870e26 } .alert-sa-success-card .alert-link:focus, .alert-sa-success-card .alert-link:hover { background-color: #2c870e40 } .alert-sa-success-card .alert-link:active { background-color: #2c870e1a } .alert-sa-danger-card { color: #db3737 } .alert-sa-danger-card .alert-sa-icon { color: #eb5252 } .alert-sa-danger-card .alert-link { background-color: #db373726 } .alert-sa-danger-card .alert-link:focus, .alert-sa-danger-card .alert-link:hover { background-color: #db373740 } .alert-sa-danger-card .alert-link:active { background-color: #db37371a } .alert-sa-warning-card { color: #ba5d00 } .alert-sa-warning-card .alert-sa-icon { color: #ffab19 } .alert-sa-warning-card .alert-link { background-color: #ba5d0026 } .alert-sa-warning-card .alert-link:focus, .alert-sa-warning-card .alert-link:hover { background-color: #ba5d0040 } .alert-sa-warning-card .alert-link:active { background-color: #ba5d001a } .alert-sa-info-card { color: #1c828a } .alert-sa-info-card .alert-sa-icon { color: #4cb8bf } .alert-sa-info-card .alert-link { background-color: #1c828a26 } .alert-sa-info-card .alert-link:focus, .alert-sa-info-card .alert-link:hover { background-color: #1c828a40 } .alert-sa-info-card .alert-link:active { background-color: #1c828a1a } .alert-sa-primary-card { color: #3476d1 } .alert-sa-primary-card .alert-sa-icon { color: #498ff2 } .alert-sa-primary-card .alert-link { background-color: #3476d126 } .alert-sa-primary-card .alert-link:focus, .alert-sa-primary-card .alert-link:hover { background-color: #3476d140 } .alert-sa-primary-card .alert-link:active { background-color: #3476d11a } .alert-sa-secondary-card { color: #757575 } .alert-sa-secondary-card .alert-sa-icon { color: #a6a6a6 } .alert-sa-secondary-card .alert-link { background-color: #75757526 } .alert-sa-secondary-card .alert-link:focus, .alert-sa-secondary-card .alert-link:hover { background-color: #75757540 } .alert-sa-secondary-card .alert-link:active { background-color: #7575751a } .alert-sa-light-card { color: #757575 } .alert-sa-light-card .alert-sa-icon { color: #a6a6a6 } .alert-sa-light-card .alert-link { background-color: #75757526 } .alert-sa-light-card .alert-link:focus, .alert-sa-light-card .alert-link:hover { background-color: #75757540 } .alert-sa-light-card .alert-link:active { background-color: #7575751a } .alert-sa-dark-card { color: #333a40 } .alert-sa-dark-card .alert-sa-icon { color: #5c6873 } .alert-sa-dark-card .alert-link { background-color: #333a4026 } .alert-sa-dark-card .alert-link:focus, .alert-sa-dark-card .alert-link:hover { background-color: #333a4040 } .alert-sa-dark-card .alert-link:active { background-color: #333a401a } .badge-sa-pill { border-radius: 50rem; padding: .35em .9em } .badge-sa-theme { background: #FAB207; color: #3d464d } .badge-sa-primary { background: #d9ecff; color: #004b9a } .badge-sa-secondary { background: #e2e3e5; color: #444a4f } .badge-sa-success { background: #def2d0; color: #245900 } .badge-sa-danger { background: #ffdcdc; color: #900 } .badge-sa-warning { background: #f9f1c8; color: #5e4f00 } .badge-sa-info { background: #dcf1f2; color: #00585d } .badge-sa-light { background: #fff; color: #212529 } .badge-sa-dark { background: #3d464d; color: #fff } .breadcrumb-sa-simple { background: #0000; font-size: .8125rem; margin: 0; padding: 0 } .breadcrumb-sa-simple a { text-decoration: none } .breadcrumb-sa-simple a:hover { text-decoration: underline } .breadcrumb-sa-simple .breadcrumb-item.active, .breadcrumb-sa-simple a { color: #828f99 } [dir=ltr] .breadcrumb-sa-simple .breadcrumb-item+.breadcrumb-item { padding-left: .5rem } [dir=rtl] .breadcrumb-sa-simple .breadcrumb-item+.breadcrumb-item { padding-right: .5rem } .breadcrumb-sa-simple .breadcrumb-item+.breadcrumb-item:before { color: #828f9973 } [dir=ltr] .breadcrumb-sa-simple .breadcrumb-item+.breadcrumb-item:before { padding-right: .5rem } [dir=rtl] .breadcrumb-sa-simple .breadcrumb-item+.breadcrumb-item:before { padding-left: .5rem } .btn { --sa-button--normal-bg-color: #000; --sa-button--normal-border-color: var(--sa-button--normal-bg-color); --sa-button--normal-font-color: #fff; --sa-button--hover-bg-color: var(--sa-button--normal-bg-color); --sa-button--hover-border-color: var(--sa-button--hover-bg-color); --sa-button--hover-font-color: var(--sa-button--normal-font-color); --sa-button--active-bg-color: var(--sa-button--hover-bg-color); --sa-button--active-border-color: var(--sa-button--active-bg-color); --sa-button--active-font-color: var(--sa-button--hover-font-color); fill: currentColor; background-color: var(--sa-button--normal-bg-color); border-color: var(--sa-button--normal-border-color); color: var(--sa-button--normal-font-color) } .btn svg { flex-shrink: 0 } .btn-check:focus+.btn, .btn:focus, .btn:hover { background-color: var(--sa-button--hover-bg-color); border-color: var(--sa-button--hover-border-color); color: var(--sa-button--hover-font-color) } .btn-check:active+.btn, .btn-check:checked+.btn, .btn.active, .btn:active, .show>.btn.dropdown-toggle { background-color: var(--sa-button--active-bg-color); border-color: var(--sa-button--active-border-color); color: var(--sa-button--active-font-color) } .btn.disabled, .btn:disabled { background-color: var(--sa-button--normal-bg-color); border-color: var(--sa-button--normal-border-color); color: var(--sa-button--normal-font-color) } .btn { box-shadow: 0 0 0 0 #fff, 0 0 0 0 #3d464d } .btn-check:focus+.btn, .btn:focus { box-shadow: 0 0 0 2px #fff, 0 0 0 4px #3d464d } .btn-check:active+.btn:focus, .btn-check:checked+.btn:focus, .btn.active:focus, .btn:active:focus, .show>.btn.dropdown-toggle:focus { box-shadow: 0 0 0 3px #fff, 0 0 0 5px #3d464d } .btn-primary { --sa-button--normal-bg-color: #FAB207; --sa-button--normal-font-color: #212529; --sa-arrow-opacity: 0.4; --sa-button--hover-bg-color: #f5c000 } .btn-primary.btn-sa-loading:before { border-color: #21252999 #21252933 #21252933 } .btn-secondary { --sa-button--normal-bg-color: #e6e8eb; --sa-button--normal-font-color: #212529; --sa-arrow-opacity: 0.4; --sa-button--hover-bg-color: #d9dbde } .btn-secondary.btn-sa-loading:before { border-color: #21252999 #21252933 #21252933 } .btn-success { --sa-button--normal-bg-color: #00a629; --sa-button--normal-font-color: #fff; --sa-arrow-opacity: 0.5; --sa-button--hover-bg-color: #009425 } .btn-success.btn-sa-loading:before { border-color: #fff9 #fff3 #fff3 } .btn-danger { --sa-button--normal-bg-color: #db3737; --sa-button--normal-font-color: #fff; --sa-arrow-opacity: 0.5; --sa-button--hover-bg-color: #c43131 } .btn-danger.btn-sa-loading:before { border-color: #fff9 #fff3 #fff3 } .btn-warning { --sa-button--normal-bg-color: #ffab19; --sa-button--normal-font-color: #212529; --sa-arrow-opacity: 0.35; --sa-button--hover-bg-color: #f59b00 } .btn-warning.btn-sa-loading:before { border-color: #21252999 #21252933 #21252933 } .btn-info { --sa-button--normal-bg-color: #00a2ad; --sa-button--normal-font-color: #fff; --sa-arrow-opacity: 0.5; --sa-button--hover-bg-color: #00949e } .btn-info.btn-sa-loading:before { border-color: #fff9 #fff3 #fff3 } .btn-light { --sa-button--normal-bg-color: #fff; --sa-button--normal-font-color: #212529; --sa-arrow-opacity: 0.35; --sa-button--hover-bg-color: #f5f5f5 } .btn-light.btn-sa-loading:before { border-color: #21252999 #21252933 #21252933 } .btn-dark { --sa-button--normal-bg-color: #3d464d; --sa-button--normal-font-color: #fff; --sa-arrow-opacity: 0.4; --sa-button--hover-bg-color: #4b565e } .btn-dark.btn-sa-loading:before { border-color: #fff9 #fff3 #fff3 } .btn-sa-muted { --sa-button--normal-bg-color: #fff; --sa-button--normal-font-color: #6c757d; --sa-arrow-opacity: 0.35; --sa-button--hover-bg-color: #f5f5f5 } .btn-sa-muted.btn-sa-loading:before { border-color: #6c757d99 #6c757d33 #6c757d33 } .btn-outline-primary { --sa-button--normal-bg-color: #0000; --sa-button--normal-border-color: #FAB207; --sa-button--normal-font-color: #FAB207; --sa-button--hover-bg-color: #FAB207; --sa-button--hover-font-color: #212529; --sa-button--active-bg-color: #f5c000 } .btn-outline-primary.btn-sa-loading { --sa-button--normal-bg-color: #FAB207 } .btn-outline-primary.btn-sa-loading:before { border-color: #21252999 #21252933 #21252933 } .btn-outline-secondary { --sa-button--normal-bg-color: #0000; --sa-button--normal-border-color: #e6e8eb; --sa-button--normal-font-color: #e6e8eb; --sa-button--hover-bg-color: #e6e8eb; --sa-button--hover-font-color: #212529; --sa-button--active-bg-color: #d9dbde } .btn-outline-secondary.btn-sa-loading { --sa-button--normal-bg-color: #e6e8eb } .btn-outline-secondary.btn-sa-loading:before { border-color: #21252999 #21252933 #21252933 } .btn-outline-success { --sa-button--normal-bg-color: #0000; --sa-button--normal-border-color: #00a629; --sa-button--normal-font-color: #00a629; --sa-button--hover-bg-color: #00a629; --sa-button--hover-font-color: #fff; --sa-button--active-bg-color: #009425 } .btn-outline-success.btn-sa-loading { --sa-button--normal-bg-color: #00a629 } .btn-outline-success.btn-sa-loading:before { border-color: #fff9 #fff3 #fff3 } .btn-outline-danger { --sa-button--normal-bg-color: #0000; --sa-button--normal-border-color: #db3737; --sa-button--normal-font-color: #db3737; --sa-button--hover-bg-color: #db3737; --sa-button--hover-font-color: #fff; --sa-button--active-bg-color: #c43131 } .btn-outline-danger.btn-sa-loading { --sa-button--normal-bg-color: #db3737 } .btn-outline-danger.btn-sa-loading:before { border-color: #fff9 #fff3 #fff3 } .btn-outline-warning { --sa-button--normal-bg-color: #0000; --sa-button--normal-border-color: #ffab19; --sa-button--normal-font-color: #ffab19; --sa-button--hover-bg-color: #ffab19; --sa-button--hover-font-color: #212529; --sa-button--active-bg-color: #f59b00 } .btn-outline-warning.btn-sa-loading { --sa-button--normal-bg-color: #ffab19 } .btn-outline-warning.btn-sa-loading:before { border-color: #21252999 #21252933 #21252933 } .btn-outline-info { --sa-button--normal-bg-color: #0000; --sa-button--normal-border-color: #00a2ad; --sa-button--normal-font-color: #00a2ad; --sa-button--hover-bg-color: #00a2ad; --sa-button--hover-font-color: #fff; --sa-button--active-bg-color: #00949e } .btn-outline-info.btn-sa-loading { --sa-button--normal-bg-color: #00a2ad } .btn-outline-info.btn-sa-loading:before { border-color: #fff9 #fff3 #fff3 } .btn-outline-light { --sa-button--normal-bg-color: #0000; --sa-button--normal-border-color: #fff; --sa-button--normal-font-color: #fff; --sa-button--hover-bg-color: #fff; --sa-button--hover-font-color: #212529; --sa-button--active-bg-color: #f5f5f5 } .btn-outline-light.btn-sa-loading { --sa-button--normal-bg-color: #fff } .btn-outline-light.btn-sa-loading:before { border-color: #21252999 #21252933 #21252933 } .btn-outline-dark { --sa-button--normal-bg-color: #0000; --sa-button--normal-border-color: #3d464d; --sa-button--normal-font-color: #3d464d; --sa-button--hover-bg-color: #3d464d; --sa-button--hover-font-color: #fff; --sa-button--active-bg-color: #4b565e } .btn-outline-dark.btn-sa-loading { --sa-button--normal-bg-color: #3d464d } .btn-outline-dark.btn-sa-loading:before { border-color: #fff9 #fff3 #fff3 } .btn-outline-sa-muted { --sa-button--normal-bg-color: #0000; --sa-button--normal-border-color: #fff; --sa-button--normal-font-color: #fff; --sa-button--hover-bg-color: #fff; --sa-button--hover-font-color: #6c757d; --sa-button--active-bg-color: #f5f5f5 } .btn-outline-sa-muted.btn-sa-loading { --sa-button--normal-bg-color: #fff } .btn-outline-sa-muted.btn-sa-loading:before { border-color: #6c757d99 #6c757d33 #6c757d33 } .btn-sa-loading { --sa-button--normal-font-color: #0000; --sa-button--hover-bg-color: var(--sa-button--normal-bg-color); --sa-button--hover-border-color: var(--sa-button--normal-bg-color); --sa-button--hover-font-color: var(--sa-button--normal-font-color); --sa-button--active-bg-color: var(--sa-button--normal-bg-color); --sa-button--active-border-color: var(--sa-button--normal-bg-color); --sa-button--active-font-color: var(--sa-button--normal-font-color); position: relative } .btn-sa-loading:before { animation-duration: .5s; animation-iteration-count: infinite; animation-name: sa-loader-animation; animation-timing-function: linear; border: .125rem solid #fff3; border-radius: 0; border-top-color: #fff9; content: ""; display: block; height: 0; left: 50%; position: absolute; top: 50%; width: 0 } .btn-sa-loading:not(:disabled) { cursor: default } .btn-sa-icon { align-items: center; display: inline-flex; justify-content: center } .btn, .btn-group>.btn { --sa-button-padding-x: 0rem; --sa-button-padding-y: 0rem; border-width: .125rem; padding: var(--sa-button-padding-y) var(--sa-button-padding-x) } .btn-group>.btn.btn-sa-pill, .btn.btn-sa-pill { padding: var(--sa-button-padding-y) calc(var(--sa-button-padding-x)*1.5) } .btn, .btn-group>.btn { --sa-button-padding-x: 0.8125rem; --sa-button-padding-y: 0.3125rem; --sa-button--min-size: calc(1.625rem + var(--sa-button-padding-y)*2); font-size: .9375rem; line-height: 1.375rem; min-height: var(--sa-button--min-size) } .btn-group>.btn.btn-sa-loading:before, .btn.btn-sa-loading:before { border-radius: .6875rem; height: 1.375rem; left: calc(50% - .6875rem); top: calc(50% - .6875rem); width: 1.375rem } .btn-group>.btn.btn-sa-pill, .btn.btn-sa-pill { border-radius: 1.125rem } .btn-group>.btn.btn-sa-icon, .btn.btn-sa-icon { min-width: var(--sa-button--min-size); padding: .25rem } .btn-group-lg>.btn, .btn-group>.btn-lg, .btn-lg { --sa-button-padding-x: 1.0625rem; --sa-button-padding-y: 0.4375rem; --sa-button--min-size: calc(1.875rem + var(--sa-button-padding-y)*2); font-size: 1.0625rem; line-height: 1.625rem; min-height: var(--sa-button--min-size) } .btn-group-lg>.btn.btn-sa-loading:before, .btn-group>.btn-lg.btn-sa-loading:before, .btn-lg.btn-sa-loading:before { border-radius: .8125rem; height: 1.625rem; left: calc(50% - .8125rem); top: calc(50% - .8125rem); width: 1.625rem } .btn-group-lg>.btn.btn-sa-pill, .btn-group>.btn-lg.btn-sa-pill, .btn-lg.btn-sa-pill { border-radius: 1.375rem } .btn-group-lg>.btn.btn-sa-icon, .btn-group>.btn-lg.btn-sa-icon, .btn-lg.btn-sa-icon { min-width: var(--sa-button--min-size); padding: .25rem } .btn-group-sm>.btn, .btn-group>.btn-sm, .btn-sm { --sa-button-padding-x: 0.5625rem; --sa-button-padding-y: 0.1875rem; --sa-button--min-size: calc(1.375rem + var(--sa-button-padding-y)*2); font-size: .8125rem; line-height: 1.125rem; min-height: var(--sa-button--min-size) } .btn-group-sm>.btn.btn-sa-loading:before, .btn-group>.btn-sm.btn-sa-loading:before, .btn-sm.btn-sa-loading:before { border-radius: .5625rem; height: 1.125rem; left: calc(50% - .5625rem); top: calc(50% - .5625rem); width: 1.125rem } .btn-group-sm>.btn.btn-sa-pill, .btn-group>.btn-sm.btn-sa-pill, .btn-sm.btn-sa-pill { border-radius: .875rem } .btn-group-sm>.btn.btn-sa-icon, .btn-group>.btn-sm.btn-sa-icon, .btn-sm.btn-sa-icon { min-width: var(--sa-button--min-size); padding: .25rem } .card { box-shadow: 0 1px 3px #00000026; font-size: .9375rem } .card>.list-group { border-bottom: 1px solid #2125291a; border-top: 1px solid #2125291a } .card.bg-primary .card-footer, .card.bg-primary .card-header { border-color: #ffffff26 } .card.bg-secondary .card-footer, .card.bg-secondary .card-header { border-color: #00000014 } .card.bg-danger .card-footer, .card.bg-danger .card-header, .card.bg-success .card-footer, .card.bg-success .card-header { border-color: #ffffff2e } .card.bg-warning .card-footer, .card.bg-warning .card-header { border-color: #00000014 } .card.bg-info .card-footer, .card.bg-info .card-header { border-color: #ffffff2e } .card.bg-light .card-footer, .card.bg-light .card-header { border-color: #00000014 } .card.bg-dark .card-footer, .card.bg-dark .card-header { border-color: #ffffff26 } .card-sa-border { border: 1px solid #2125291a; box-shadow: none } @media (min-width:576px) { .card-group { background: #fff; border-radius: .125rem; box-shadow: 0 1px 3px #00000026 } .card-group>.card { box-shadow: none } [dir=ltr] .card-group>.card+.card { border-left: 1px solid #2125291a } [dir=rtl] .card-group>.card+.card { border-right: 1px solid #2125291a } } .card-header { border-bottom-width: 1px } .card-footer { border-top-width: 1px } .card-header-tabs { margin-left: 0; margin-right: 0; margin-top: -.875rem } .card-header-pills { margin-bottom: -.25rem; margin-top: -.25rem } .container--max--sm { max-width: 540px } .container--max--md { max-width: 720px } .container--max--lg { max-width: 960px } .container--max--xl { max-width: 1140px } .container--max--xxl { max-width: 1320px } .dropdown-menu { box-shadow: 0 1px 15px #19264026, 0 1px 3px #1926401f, inset 0 -1px #19264008 } .dropdown-divider { background: #0000; opacity: 1 } .dropdown-toggle:after, .dropdown-toggle:before { --sa-toggle-arrow-y: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 8 8'%3E%3Cpath d='m3.1 5.8-3-3.9c-.3-.4 0-.9.4-.9h6c.4 0 .7.5.4.9l-3 3.9c-.2.3-.6.3-.8 0z'/%3E%3C/svg%3E"); --sa-toggle-arrow-x: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 8 8'%3E%3Cpath d='m6.8 3.9-3.9 3c-.4.3-.9 0-.9-.4v-6c0-.4.5-.7.9-.4l3.9 3c.3.2.3.6 0 .8z'/%3E%3C/svg%3E"); background-color: currentColor; background-repeat: no-repeat; height: .5rem; -webkit-mask-image: var(--sa-toggle-arrow-y); mask-image: var(--sa-toggle-arrow-y); opacity: var(--sa-arrow-opacity, 1); transition: opacity .12s; width: .5rem } .dropdown-toggle:after, .dropend .dropdown-toggle:after, .dropstart .dropdown-toggle:before, .dropup .dropdown-toggle:after { border: none } .dropup .dropdown-toggle:after { -webkit-mask-position: 0 .0625rem; mask-position: 0 .0625rem; transform: scaleY(-1) } .dropend .dropdown-toggle:after, .dropstart .dropdown-toggle:before { -webkit-mask-image: var(--sa-toggle-arrow-x); mask-image: var(--sa-toggle-arrow-x) } [dir=ltr] .dropend .dropdown-toggle:after { transform: scaleX(1) } [dir=ltr] .dropstart .dropdown-toggle:before, [dir=rtl] .dropend .dropdown-toggle:after { transform: scaleX(-1) } [dir=rtl] .dropstart .dropdown-toggle:before { transform: scaleX(1) } .dropdown-toggle.btn:after, .dropdown-toggle.btn:before { vertical-align: .0625rem } [dir=ltr] .dropdown-toggle.btn:after { margin-left: .6875rem; margin-right: -.1875rem } [dir=ltr] .dropdown-toggle.btn:before, [dir=rtl] .dropdown-toggle.btn:after { margin-left: -.1875rem; margin-right: .6875rem } [dir=rtl] .dropdown-toggle.btn:before { margin-left: .6875rem; margin-right: -.1875rem } .dropdown-toggle.btn-lg:after, .dropdown-toggle.btn-lg:before { vertical-align: .125rem } [dir=ltr] .dropdown-toggle.btn-lg:after { margin-left: .8125rem; margin-right: -.3125rem } [dir=ltr] .dropdown-toggle.btn-lg:before, [dir=rtl] .dropdown-toggle.btn-lg:after { margin-left: -.3125rem; margin-right: .8125rem } [dir=rtl] .dropdown-toggle.btn-lg:before { margin-left: .8125rem; margin-right: -.3125rem } .dropdown-toggle.btn-sm:after, .dropdown-toggle.btn-sm:before { vertical-align: 0 } [dir=ltr] .dropdown-toggle.btn-sm:after { margin-left: .5625rem; margin-right: -.0625rem } [dir=ltr] .dropdown-toggle.btn-sm:before, [dir=rtl] .dropdown-toggle.btn-sm:after { margin-left: -.0625rem; margin-right: .5625rem } [dir=rtl] .dropdown-toggle.btn-sm:before { margin-left: .5625rem; margin-right: -.0625rem } [dir=ltr] .dropdown-toggle-split.btn:after, [dir=ltr] .dropend .dropdown-toggle-split.btn:after, [dir=ltr] .dropstart .dropdown-toggle-split.btn:before, [dir=ltr] .dropup .dropdown-toggle-split.btn:after { margin-left: 0; margin-right: -.0625rem } [dir=rtl] .dropdown-toggle-split.btn:after, [dir=rtl] .dropend .dropdown-toggle-split.btn:after, [dir=rtl] .dropstart .dropdown-toggle-split.btn:before, [dir=rtl] .dropup .dropdown-toggle-split.btn:after { margin-left: -.0625rem; margin-right: 0 } .form-check-input { box-shadow: 0 0 0 0 #fff, 0 0 0 0 #3d464d; transition: color .12s ease-in-out, background-color .12s ease-in-out, border-color .12s ease-in-out, box-shadow .12s ease-in-out } .form-check-label { font-size: .9375rem } .form-switch-without-label { background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='-7 -7 14 14'%3E%3Ccircle r='5' fill='rgba(0, 0, 0, 0.25)'/%3E%3C/svg%3E"); transition: background-position .15s ease-in-out; width: 2em } @media (prefers-reduced-motion:reduce) { .form-switch-without-label { transition: none } } [dir=ltr] .form-switch-without-label { background-position: 0 } [dir=rtl] .form-switch-without-label { background-position: 100% } .form-switch-without-label[type=checkbox] { border-radius: 2em } .form-switch-without-label:focus { background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='-7 -7 14 14'%3E%3Ccircle r='5' fill='rgba(0, 0, 0, 0.25)'/%3E%3C/svg%3E") } .form-switch-without-label[type=checkbox]:checked { background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='-7 -7 14 14'%3E%3Ccircle r='5' fill='%233d464d'/%3E%3C/svg%3E") } [dir=ltr] .form-switch-without-label[type=checkbox]:checked { background-position: 100% } [dir=rtl] .form-switch-without-label[type=checkbox]:checked { background-position: 0 } .form-check-input.is-invalid:focus, .form-check-input.is-valid:focus, .form-check-input:focus, .was-validated .form-check-input:invalid:focus, .was-validated .form-check-input:valid:focus { box-shadow: none } .form-check-input.is-invalid:focus-visible, .form-check-input.is-valid:focus-visible, .form-check-input:focus-visible, .was-validated .form-check-input:invalid:focus-visible, .was-validated .form-check-input:valid:focus-visible { box-shadow: 0 0 0 2px #fff, 0 0 0 4px #3d464d } .form-check-input.is-invalid:focus-visible:active, .form-check-input.is-valid:focus-visible:active, .form-check-input:focus-visible:active, .was-validated .form-check-input:invalid:focus-visible:active, .was-validated .form-check-input:valid:focus-visible:active { box-shadow: 0 0 0 3px #fff, 0 0 0 5px #3d464d } .form-check-input[type=checkbox].is-invalid:checked, .form-check-input[type=checkbox].is-valid:checked, .was-validated .form-check-input[type=checkbox]:invalid:checked, .was-validated .form-check-input[type=checkbox]:valid:checked { background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='-2 -2 14 14'%3E%3Cpath fill='%23fff' d='M10 2.4 4.5 8 1 4.5l1.4-1.4 2.1 2.1L8.6 1 10 2.4z'/%3E%3C/svg%3E") } .form-check-input[type=radio].is-invalid:checked, .form-check-input[type=radio].is-valid:checked, .was-validated .form-check-input[type=radio]:invalid:checked, .was-validated .form-check-input[type=radio]:valid:checked { background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='-7 -7 14 14'%3E%3Ccircle r='3' fill='%23fff'/%3E%3C/svg%3E") } .form-switch-without-label[type=checkbox].is-invalid:checked, .form-switch-without-label[type=checkbox].is-valid:checked, .form-switch .form-check-input.is-invalid:checked, .form-switch .form-check-input.is-valid:checked, .form-switch .was-validated .form-check-input:invalid:checked, .form-switch .was-validated .form-check-input:valid:checked, .was-validated .form-switch-without-label[type=checkbox]:invalid:checked, .was-validated .form-switch-without-label[type=checkbox]:valid:checked { background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='-7 -7 14 14'%3E%3Ccircle r='5' fill='%23fff'/%3E%3C/svg%3E") } .form-control { --sa-input-padding-x: 0; --sa-input-padding-y: 0; padding: var(--sa-input-padding-y) var(--sa-input-padding-x) } [dir=rtl] .form-control::file-selector-button { margin-left: var(--sa-input-padding-x) } .form-control::-webkit-file-upload-button { margin: calc(var(--sa-input-padding-y)*-1) calc(var(--sa-input-padding-x)*-1); padding: var(--sa-input-padding-y) var(--sa-input-padding-x) } [dir=ltr] .form-control::-webkit-file-upload-button { margin-right: var(--sa-input-padding-x) } [dir=rtl] .form-control::-webkit-file-upload-button { margin-left: var(--sa-input-padding-x) } .form-control--search, .form-control--search-filled { background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' fill='rgba(33, 37, 41, 0.3)'%3E%3Cpath d='M16.243 14.828s-.196.48-.542.826c-.361.361-.873.588-.873.588l-4.507-4.506A6.445 6.445 0 0 1 6.5 13 6.5 6.5 0 1 1 13 6.5a6.445 6.445 0 0 1-1.264 3.821l4.507 4.507zM6.5 2a4.5 4.5 0 1 0 0 9 4.5 4.5 0 0 0 0-9z'/%3E%3C/svg%3E"); background-repeat: no-repeat; background-size: 1rem 1rem } [dir=ltr] .form-control--search, [dir=ltr] .form-control--search-filled { background-position: left .625rem center; padding-left: 2.25rem } [dir=rtl] .form-control--search, [dir=rtl] .form-control--search-filled { background-position: right .625rem center; padding-right: 2.25rem } .form-control--search { border-color: #ced4da } .form-control--search-filled { background-color: #ebedf0; border-color: #ebedf0 } .form-control { --sa-input-padding-x: 0.8125rem; --sa-input-padding-y: 0.375rem; font-size: .9375rem; line-height: 1.375rem; min-height: calc(1.5rem + var(--sa-input-padding-y)*2) } .form-control-lg { --sa-input-padding-x: 1.0625rem; --sa-input-padding-y: 0.5rem; font-size: 1.0625rem; line-height: 1.625rem; min-height: calc(1.75rem + var(--sa-input-padding-y)*2) } .form-control-sm { --sa-input-padding-x: 0.5625rem; --sa-input-padding-y: 0.25rem; font-size: .8125rem; line-height: 1.125rem; min-height: calc(1.25rem + var(--sa-input-padding-y)*2) } .form-range::-webkit-slider-thumb { box-shadow: 0 0 0 0 #fff, 0 0 0 0 #3d464d } .form-range::-moz-range-thumb { box-shadow: 0 0 0 0 #fff, 0 0 0 0 #3d464d } .form-range:focus { outline: 0 } .form-range:focus::-webkit-slider-thumb { box-shadow: 0 0 0 2px #fff, 0 0 0 4px #3d464d } .form-range:focus::-moz-range-thumb { box-shadow: 0 0 0 2px #fff, 0 0 0 4px #3d464d } .form-range:active:focus { outline: 0 } .form-range:active:focus::-webkit-slider-thumb { box-shadow: 0 0 0 3px #fff, 0 0 0 5px #3d464d } .form-range:active:focus::-moz-range-thumb { box-shadow: 0 0 0 3px #fff, 0 0 0 5px #3d464d } .form-select { --sa-input-padding-x: 0; --sa-input-padding-y: 0; --sa-input-padding-x: 0.8125rem; --sa-input-padding-y: 0.375rem; background-clip: padding-box; font-size: .9375rem; line-height: 1.375rem; min-height: calc(1.5rem + var(--sa-input-padding-y)*2); padding: var(--sa-input-padding-y) var(--sa-input-padding-x); transition: border-color .15s ease-in-out, box-shadow .15s ease-in-out } [dir=ltr] .form-select { background-position: right var(--sa-input-padding-x) center; padding-right: calc(var(--sa-input-padding-x)*2 + 5px) } [dir=rtl] .form-select { background-position: left var(--sa-input-padding-x) center; padding-left: calc(var(--sa-input-padding-x)*2 + 5px) } .form-select-lg { --sa-input-padding-x: 1.0625rem; --sa-input-padding-y: 0.5rem; font-size: 1.0625rem; line-height: 1.625rem; min-height: calc(1.75rem + var(--sa-input-padding-y)*2) } [dir=ltr] .form-select-lg { background-position: right var(--sa-input-padding-x) center; padding-right: calc(var(--sa-input-padding-x)*2 + 5px) } [dir=rtl] .form-select-lg { background-position: left var(--sa-input-padding-x) center; padding-left: calc(var(--sa-input-padding-x)*2 + 5px) } .form-select-sm { --sa-input-padding-x: 0.5625rem; --sa-input-padding-y: 0.25rem; font-size: .8125rem; line-height: 1.125rem; min-height: calc(1.25rem + var(--sa-input-padding-y)*2) } [dir=ltr] .form-select-sm { background-position: right var(--sa-input-padding-x) center; padding-right: calc(var(--sa-input-padding-x)*2 + 5px) } [dir=rtl] .form-select-sm { background-position: left var(--sa-input-padding-x) center; padding-left: calc(var(--sa-input-padding-x)*2 + 5px) } .input-group .input-group-text { --sa-input-padding-x: 0; --sa-input-padding-y: 0; padding: var(--sa-input-padding-y) var(--sa-input-padding-x) } .input-group .form-control, .input-group .form-select, .input-group .input-group-text { --sa-input-padding-x: 0.8125rem; --sa-input-padding-y: 0.375rem; font-size: .9375rem; line-height: 1.375rem; min-height: calc(1.5rem + var(--sa-input-padding-y)*2) } [dir=ltr] .input-group .form-select { background-position: right var(--sa-input-padding-x) center; padding-right: calc(var(--sa-input-padding-x)*2 + .3125rem) } [dir=rtl] .input-group .form-select { background-position: left var(--sa-input-padding-x) center; padding-left: calc(var(--sa-input-padding-x)*2 + .3125rem) } .input-group-lg .form-control, .input-group-lg .form-select, .input-group-lg .input-group-text { --sa-input-padding-x: 1.0625rem; --sa-input-padding-y: 0.5rem; font-size: 1.0625rem; line-height: 1.625rem; min-height: calc(1.75rem + var(--sa-input-padding-y)*2) } [dir=ltr] .input-group-lg .form-select { background-position: right var(--sa-input-padding-x) center; padding-right: calc(var(--sa-input-padding-x)*2 + .3125rem) } [dir=rtl] .input-group-lg .form-select { background-position: left var(--sa-input-padding-x) center; padding-left: calc(var(--sa-input-padding-x)*2 + .3125rem) } .input-group-sm .form-control, .input-group-sm .form-select, .input-group-sm .input-group-text { --sa-input-padding-x: 0.5625rem; --sa-input-padding-y: 0.25rem; font-size: .8125rem; line-height: 1.125rem; min-height: calc(1.25rem + var(--sa-input-padding-y)*2) } [dir=ltr] .input-group-sm .form-select { background-position: right var(--sa-input-padding-x) center; padding-right: calc(var(--sa-input-padding-x)*2 + .3125rem) } [dir=rtl] .input-group-sm .form-select { background-position: left var(--sa-input-padding-x) center; padding-left: calc(var(--sa-input-padding-x)*2 + .3125rem) } .input-group .btn { --sa-button-padding-x: 0rem; --sa-button-padding-y: 0rem; border-width: 1px; padding: calc(var(--sa-button-padding-y) + 1px) calc(var(--sa-button-padding-x) + 1px) } .input-group .btn-danger, .input-group .btn-dark, .input-group .btn-info, .input-group .btn-light, .input-group .btn-primary, .input-group .btn-sa-muted, .input-group .btn-secondary, .input-group .btn-success, .input-group .btn-warning { border-color: #00000014 } .input-group .btn { --sa-button-padding-x: 0.8125rem; --sa-button-padding-y: 0.3125rem; font-size: .9375rem; line-height: 1.375rem } .input-group .btn.btn-sa-loading:before { border-radius: .6875rem; height: 1.375rem; left: calc(50% - .6875rem); top: calc(50% - .6875rem); width: 1.375rem } .input-group-lg .btn { --sa-button-padding-x: 1.0625rem; --sa-button-padding-y: 0.4375rem; font-size: 1.0625rem; line-height: 1.625rem } .input-group-lg .btn.btn-sa-loading:before { border-radius: .8125rem; height: 1.625rem; left: calc(50% - .8125rem); top: calc(50% - .8125rem); width: 1.625rem } .input-group-sm .btn { --sa-button-padding-x: 0.5625rem; --sa-button-padding-y: 0.1875rem; font-size: .8125rem; line-height: 1.125rem } .input-group-sm .btn.btn-sa-loading:before { border-radius: .5625rem; height: 1.125rem; left: calc(50% - .5625rem); top: calc(50% - .5625rem); width: 1.125rem } .col-form-label { font-size: .9375rem; line-height: 1.375rem; min-height: calc(1.5rem + var(--sa-input-padding-y)*2); padding-bottom: .4375rem; padding-top: .4375rem } .col-form-label-lg { font-size: 1.0625rem; line-height: 1.625rem; min-height: calc(1.75rem + var(--sa-input-padding-y)*2); padding-bottom: .5625rem; padding-top: .5625rem } .col-form-label-sm { font-size: .8125rem; line-height: 1.125rem; min-height: calc(1.25rem + var(--sa-input-padding-y)*2); padding-bottom: .3125rem; padding-top: .3125rem } .list-group { font-size: .9375rem } .list-group-item:not(.active)+.list-group-item:hover { border-top-width: 1px; margin-top: -1px } .modal-content { box-shadow: 0 1px 15px #19264026, 0 1px 3px #1926401f, inset 0 -1px #19264008 } [dir=ltr] .modal-header .sa-close--modal { margin: -.5rem -.5rem -.5rem auto } [dir=rtl] .modal-header .sa-close--modal { margin: -.5rem auto -.5rem -.5rem } .nav { font-size: .875rem } [dir=ltr] .nav-tabs .nav-item+.nav-item { margin-left: .3125rem } [dir=rtl] .nav-tabs .nav-item+.nav-item { margin-right: .3125rem } .nav-tabs .nav-link { border: none; border-bottom: 1px solid #0000; border-radius: .125rem .125rem 0 0; color: inherit; font-weight: 500; padding: .75rem 1rem; position: relative } .nav-tabs .nav-link:focus, .nav-tabs .nav-link:hover { background: #f0f2f5 } .nav-tabs .nav-link-sa-indicator { background: #FAB207; border-radius: .09375rem; bottom: -.125rem; box-shadow: inset 0 0 0 1px #00000005; content: ""; display: block; height: .1875rem; left: 0; opacity: 0; pointer-events: none; position: absolute; width: 100% } .nav-tabs .nav-item.show .nav-link, .nav-tabs .nav-link.active { background: #0000; border-color: #0000; color: inherit } .nav-tabs .nav-item.show .nav-link .nav-link-sa-indicator, .nav-tabs .nav-link.active .nav-link-sa-indicator { opacity: 1 } .card-header-tabs .nav-link { border-radius: 0 } [dir=ltr] .nav-pills .nav-item+.nav-item { margin-left: .3125rem } [dir=rtl] .nav-pills .nav-item+.nav-item { margin-right: .3125rem } .nav-pills .nav-link { color: inherit; font-weight: 500 } .nav-pills .nav-link:not(.active):focus, .nav-pills .nav-link:not(.active):hover { background: #f0f2f5 } .nav-pills .nav-link.disabled { color: #6c757d } .nav-pills .nav-link.active { font-weight: 500 } .nav-link { --sa-arrow-opacity: .2 } .nav-link.show, .nav-link:hover { --sa-arrow-opacity: .35 } .nav-link.active { --sa-arrow-opacity: .4 } .dropdown-toggle.nav-link:after { vertical-align: 0 } [dir=ltr] .dropdown-toggle.nav-link:after { margin-left: .5rem; margin-right: -.1875rem } [dir=ltr] .dropdown-toggle.nav-link:before, [dir=rtl] .dropdown-toggle.nav-link:after { margin-left: -.1875rem; margin-right: .5rem } [dir=rtl] .dropdown-toggle.nav-link:before { margin-left: .5rem; margin-right: -.1875rem } .offcanvas-sa-card { box-shadow: 0 1px 3px #00000026; max-width: calc(100% - 2rem); width: 20rem } .offcanvas-sa-card+.offcanvas-backdrop { background: #f5f7facc } .offcanvas-sa-card .offcanvas-header { border-bottom: 1px solid #2125291a } .offcanvas-sa-card .offcanvas-body { height: 0 } .offcanvas-sa-card .simplebar-track { --simplebar-track--color: #828f99 } .pagination .page-link { --sa-button-padding-x: 0rem; --sa-button-padding-y: 0rem; border-radius: 2px; border-width: .125rem; font-weight: 500; padding: var(--sa-button-padding-y) var(--sa-button-padding-x) } .page-link { box-shadow: 0 0 0 0 #fff, 0 0 0 0 #3d464d } .page-link:focus { border-color: #e1e3e5; box-shadow: 0 0 0 2px #fff, 0 0 0 4px #3d464d } .page-link:active:focus { box-shadow: 0 0 0 3px #fff, 0 0 0 5px #3d464d } .page-link-sa-next:after, .page-link-sa-prev:after { --sa-toggle-arrow-x: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 8 8'%3E%3Cpath d='m6.8 3.9-3.9 3c-.4.3-.9 0-.9-.4v-6c0-.4.5-.7.9-.4l3.9 3c.3.2.3.6 0 .8z'/%3E%3C/svg%3E"); background-color: currentColor; background-repeat: no-repeat; content: ""; display: inline-block; height: .5rem; -webkit-mask-image: var(--sa-toggle-arrow-x); mask-image: var(--sa-toggle-arrow-x); opacity: var(--sa-arrow-opacity, .8); transition: opacity .12s; width: .5rem } [dir=ltr] .page-link-sa-next:after { transform: scaleX(1) } [dir=ltr] .page-link-sa-prev:after, [dir=rtl] .page-link-sa-next:after { transform: scaleX(-1) } [dir=rtl] .page-link-sa-prev:after { transform: scaleX(1) } .pagination .page-link { --sa-button-padding-x: 0.7222222222rem; --sa-button-padding-y: 0.3125rem; font-size: .9375rem; line-height: 1.375rem } .pagination .page-link-sa-next:after, .pagination .page-link-sa-prev:after { vertical-align: .0625rem } .pagination-lg .page-link { --sa-button-padding-x: 0.9444444444rem; --sa-button-padding-y: 0.4375rem; font-size: 1.0625rem; line-height: 1.625rem } .pagination-lg .page-link-sa-next:after, .pagination-lg .page-link-sa-prev:after { vertical-align: .125rem } .pagination-sm .page-link { --sa-button-padding-x: 0.5rem; --sa-button-padding-y: 0.1875rem; font-size: .8125rem; line-height: 1.125rem } .pagination-sm .page-link-sa-next:after, .pagination-sm .page-link-sa-prev:after { vertical-align: 0 } .popover { background: #fff; box-shadow: 0 1px 15px #19264026, 0 1px 3px #1926401f } .popover-header { border-bottom: 1px solid #2125291a } .popover-arrow { --sa-popover-arrow-container-size: 1.75rem; --sa-popover-arrow-box-size: 8.4852813742rem; --sa-popover-arrow-size: 0.375rem; --sa-popover-arrow-container-offset: calc(var(--sa-popover-arrow-container-size)/2*-1 + 0.0625rem) } .bs-popover-auto[data-popper-placement^=bottom]>.popover-arrow, .bs-popover-auto[data-popper-placement^=left]>.popover-arrow, .bs-popover-auto[data-popper-placement^=right]>.popover-arrow, .bs-popover-auto[data-popper-placement^=top]>.popover-arrow, .bs-popover-bottom>.popover-arrow, .bs-popover-end>.popover-arrow, .bs-popover-start>.popover-arrow, .bs-popover-top>.popover-arrow { overflow: hidden; pointer-events: none } .bs-popover-auto[data-popper-placement^=bottom]>.popover-arrow:before, .bs-popover-auto[data-popper-placement^=left]>.popover-arrow:before, .bs-popover-auto[data-popper-placement^=right]>.popover-arrow:before, .bs-popover-auto[data-popper-placement^=top]>.popover-arrow:before, .bs-popover-bottom>.popover-arrow:before, .bs-popover-end>.popover-arrow:before, .bs-popover-start>.popover-arrow:before, .bs-popover-top>.popover-arrow:before { content: none } .bs-popover-auto[data-popper-placement^=bottom]>.popover-arrow:after, .bs-popover-auto[data-popper-placement^=left]>.popover-arrow:after, .bs-popover-auto[data-popper-placement^=right]>.popover-arrow:after, .bs-popover-auto[data-popper-placement^=top]>.popover-arrow:after, .bs-popover-bottom>.popover-arrow:after, .bs-popover-end>.popover-arrow:after, .bs-popover-start>.popover-arrow:after, .bs-popover-top>.popover-arrow:after { background: #fff; border: none; box-shadow: 0 1px 15px #19264026, 0 1px 3px #1926401f; height: var(--sa-popover-arrow-box-size); width: var(--sa-popover-arrow-box-size) } .bs-popover-auto[data-popper-placement^=left]>.popover-arrow, .bs-popover-auto[data-popper-placement^=right]>.popover-arrow, .bs-popover-end>.popover-arrow, .bs-popover-start>.popover-arrow { height: var(--sa-popover-arrow-container-size); width: calc(var(--sa-popover-arrow-container-size)/2) } .bs-popover-auto[data-popper-placement^=left]>.popover-arrow:after, .bs-popover-auto[data-popper-placement^=right]>.popover-arrow:after, .bs-popover-end>.popover-arrow:after, .bs-popover-start>.popover-arrow:after { top: 50% } .bs-popover-auto[data-popper-placement^=bottom]>.popover-arrow, .bs-popover-auto[data-popper-placement^=top]>.popover-arrow, .bs-popover-bottom>.popover-arrow, .bs-popover-top>.popover-arrow { height: calc(var(--sa-popover-arrow-container-size)/2); width: var(--sa-popover-arrow-container-size) } .bs-popover-auto[data-popper-placement^=bottom]>.popover-arrow:after, .bs-popover-auto[data-popper-placement^=top]>.popover-arrow:after, .bs-popover-bottom>.popover-arrow:after, .bs-popover-top>.popover-arrow:after { left: 50% } [dir=ltr] .bs-popover-auto[data-popper-placement^=right]>.popover-arrow, [dir=ltr] .bs-popover-end>.popover-arrow { left: var(--sa-popover-arrow-container-offset); right: auto } [dir=rtl] .bs-popover-auto[data-popper-placement^=right]>.popover-arrow, [dir=rtl] .bs-popover-end>.popover-arrow { left: auto; right: var(--sa-popover-arrow-container-offset) } [dir=ltr] .bs-popover-auto[data-popper-placement^=right]>.popover-arrow:after, [dir=ltr] .bs-popover-end>.popover-arrow:after { left: calc(100% - var(--sa-popover-arrow-size)); transform: rotate(-45deg); transform-origin: top left } [dir=rtl] .bs-popover-auto[data-popper-placement^=right]>.popover-arrow:after, [dir=rtl] .bs-popover-end>.popover-arrow:after { right: calc(100% - var(--sa-popover-arrow-size)); transform: rotate(45deg); transform-origin: top right } [dir=ltr] .bs-popover-auto[data-popper-placement^=left]>.popover-arrow, [dir=ltr] .bs-popover-start>.popover-arrow { left: auto; right: var(--sa-popover-arrow-container-offset) } [dir=rtl] .bs-popover-auto[data-popper-placement^=left]>.popover-arrow, [dir=rtl] .bs-popover-start>.popover-arrow { left: var(--sa-popover-arrow-container-offset); right: auto } [dir=ltr] .bs-popover-auto[data-popper-placement^=left]>.popover-arrow:after, [dir=ltr] .bs-popover-start>.popover-arrow:after { right: calc(100% - var(--sa-popover-arrow-size)); transform: rotate(45deg); transform-origin: top right } [dir=rtl] .bs-popover-auto[data-popper-placement^=left]>.popover-arrow:after, [dir=rtl] .bs-popover-start>.popover-arrow:after { left: calc(100% - var(--sa-popover-arrow-size)); transform: rotate(-45deg); transform-origin: top left } .bs-popover-auto[data-popper-placement^=top]>.popover-arrow, .bs-popover-top>.popover-arrow { bottom: var(--sa-popover-arrow-container-offset); top: auto } .bs-popover-auto[data-popper-placement^=top]>.popover-arrow:after, .bs-popover-top>.popover-arrow:after { bottom: calc(100% - var(--sa-popover-arrow-size)); transform: rotate(-45deg); transform-origin: bottom left } .bs-popover-auto[data-popper-placement^=bottom]>.popover-arrow, .bs-popover-bottom>.popover-arrow { bottom: auto; top: var(--sa-popover-arrow-container-offset) } .bs-popover-auto[data-popper-placement^=bottom]>.popover-arrow:after, .bs-popover-bottom>.popover-arrow:after { top: calc(100% - var(--sa-popover-arrow-size)); transform: rotate(45deg); transform-origin: top left } .progress { --sa-progress--value: 0%; position: relative } .progress:after { border-radius: inherit; bottom: 0; box-shadow: inset 0 0 0 1px #00000005, inset 0 1px 2px #00000014; content: ""; display: block; left: 0; position: absolute; right: 0; top: 0 } .progress-bar { --sa-progress--bg-color: #000; --sa-progress--font-color: #fff; --sa-progress--strip-color: #fff; background-color: var(--sa-progress--bg-color); color: var(--sa-progress--font-color); font-weight: 500; width: var(--sa-progress--value, 0) } .progress-bar-striped { background-image: linear-gradient(45deg, var(--sa-progress--strip-color) 25%, #0000 25%, #0000 50%, var(--sa-progress--strip-color) 50%, var(--sa-progress--strip-color) 75%, #0000 75%, #0000) } .progress-bar-sa-primary { --sa-progress--bg-color: #FAB207; --sa-progress--font-color: #212529; --sa-progress--strip-color: #00000012 } .progress-bar-sa-success { --sa-progress--bg-color: #00a629; --sa-progress--font-color: #fff; --sa-progress--strip-color: #ffffff24 } .progress-bar-sa-danger { --sa-progress--bg-color: #db3737; --sa-progress--font-color: #fff; --sa-progress--strip-color: #ffffff29 } .progress-bar-sa-warning { --sa-progress--bg-color: #ffab19; --sa-progress--font-color: #212529; --sa-progress--strip-color: #00000012 } .progress-bar-sa-info { --sa-progress--bg-color: #00a2ad; --sa-progress--font-color: #fff; --sa-progress--strip-color: #ffffff26 } .progress-bar-sa-dark { --sa-progress--bg-color: #3d464d; --sa-progress--font-color: #fff; --sa-progress--strip-color: #ffffff24 } .toast-header { border-bottom: 1px solid #2125291a } .toast-sa-success { background: #b0e595; box-shadow: 0 1px 15px #1926401a, 0 1px 3px #19264012; color: #314029 } .toast-sa-success .toast-header { border-color: #3140291f; color: inherit } .toast-sa-danger { background: #ffb8b8; box-shadow: 0 1px 15px #1926401a, 0 1px 3px #19264012; color: #473333 } .toast-sa-danger .toast-header { border-color: #4733331f; color: inherit } .toast-sa-warning { background: #ffe28c; box-shadow: 0 1px 15px #1926401a, 0 1px 3px #19264012; color: #594e31 } .toast-sa-warning .toast-header { border-color: #594e311f; color: inherit } .toast-sa-info { background: #b8e2e5; box-shadow: 0 1px 15px #1926401a, 0 1px 3px #19264012; color: #2d3e40 } .toast-sa-info .toast-header { border-color: #2d3e401f; color: inherit } .toast-sa-primary { background: #b2d9ff; box-shadow: 0 1px 15px #1926401a, 0 1px 3px #19264012; color: #36414d } .toast-sa-primary .toast-header { border-color: #36414d1f; color: inherit } .toast-sa-secondary { background: #d9d9d9; box-shadow: 0 1px 15px #1926401a, 0 1px 3px #19264012; color: #424242 } .toast-sa-secondary .toast-header { border-color: #4242421f; color: inherit } .toast-sa-light { background: #fff; box-shadow: 0 1px 15px #1926401a, 0 1px 3px #19264012; color: #3d464d } .toast-sa-light .toast-header { border-color: #3d464d1f; color: inherit } .toast-sa-dark { background: #3d464d; box-shadow: 0 1px 15px #1926401a, 0 1px 3px #19264012; color: #fff } .toast-sa-dark .toast-header { border-color: #ffffff1f; color: inherit } .tooltip-arrow { --sa-tooltip-arrow-container-size: 1.75rem; --sa-tooltip-arrow-box-size: 8.4852813742rem; --sa-tooltip-arrow-size: 0.375rem; --sa-tooltip-arrow-container-offset: calc(var(--sa-tooltip-arrow-container-size)/4*-1 + 0.0625rem) } .bs-tooltip-auto[data-popper-placement^=bottom]>.tooltip-arrow, .bs-tooltip-auto[data-popper-placement^=left]>.tooltip-arrow, .bs-tooltip-auto[data-popper-placement^=right]>.tooltip-arrow, .bs-tooltip-auto[data-popper-placement^=top]>.tooltip-arrow, .bs-tooltip-bottom>.tooltip-arrow, .bs-tooltip-end>.tooltip-arrow, .bs-tooltip-start>.tooltip-arrow, .bs-tooltip-top>.tooltip-arrow { overflow: hidden; pointer-events: none } .bs-tooltip-auto[data-popper-placement^=bottom]>.tooltip-arrow:before, .bs-tooltip-auto[data-popper-placement^=left]>.tooltip-arrow:before, .bs-tooltip-auto[data-popper-placement^=right]>.tooltip-arrow:before, .bs-tooltip-auto[data-popper-placement^=top]>.tooltip-arrow:before, .bs-tooltip-bottom>.tooltip-arrow:before, .bs-tooltip-end>.tooltip-arrow:before, .bs-tooltip-start>.tooltip-arrow:before, .bs-tooltip-top>.tooltip-arrow:before { content: none } .bs-tooltip-auto[data-popper-placement^=bottom]>.tooltip-arrow:after, .bs-tooltip-auto[data-popper-placement^=left]>.tooltip-arrow:after, .bs-tooltip-auto[data-popper-placement^=right]>.tooltip-arrow:after, .bs-tooltip-auto[data-popper-placement^=top]>.tooltip-arrow:after, .bs-tooltip-bottom>.tooltip-arrow:after, .bs-tooltip-end>.tooltip-arrow:after, .bs-tooltip-start>.tooltip-arrow:after, .bs-tooltip-top>.tooltip-arrow:after { background: #3d464d; border: none; content: ""; display: block; height: var(--sa-tooltip-arrow-box-size); position: absolute; width: var(--sa-tooltip-arrow-box-size) } .bs-tooltip-auto[data-popper-placement^=left]>.tooltip-arrow, .bs-tooltip-auto[data-popper-placement^=right]>.tooltip-arrow, .bs-tooltip-end>.tooltip-arrow, .bs-tooltip-start>.tooltip-arrow { height: var(--sa-tooltip-arrow-container-size); width: calc(var(--sa-tooltip-arrow-container-size)/2) } .bs-tooltip-auto[data-popper-placement^=left]>.tooltip-arrow:after, .bs-tooltip-auto[data-popper-placement^=right]>.tooltip-arrow:after, .bs-tooltip-end>.tooltip-arrow:after, .bs-tooltip-start>.tooltip-arrow:after { top: 50% } .bs-tooltip-auto[data-popper-placement^=bottom]>.tooltip-arrow, .bs-tooltip-auto[data-popper-placement^=top]>.tooltip-arrow, .bs-tooltip-bottom>.tooltip-arrow, .bs-tooltip-top>.tooltip-arrow { height: calc(var(--sa-tooltip-arrow-container-size)/2); width: var(--sa-tooltip-arrow-container-size) } .bs-tooltip-auto[data-popper-placement^=bottom]>.tooltip-arrow:after, .bs-tooltip-auto[data-popper-placement^=top]>.tooltip-arrow:after, .bs-tooltip-bottom>.tooltip-arrow:after, .bs-tooltip-top>.tooltip-arrow:after { left: 50% } [dir=ltr] .bs-tooltip-auto[data-popper-placement^=right]>.tooltip-arrow, [dir=ltr] .bs-tooltip-end>.tooltip-arrow { left: var(--sa-tooltip-arrow-container-offset); right: auto } [dir=rtl] .bs-tooltip-auto[data-popper-placement^=right]>.tooltip-arrow, [dir=rtl] .bs-tooltip-end>.tooltip-arrow { left: auto; right: var(--sa-tooltip-arrow-container-offset) } [dir=ltr] .bs-tooltip-auto[data-popper-placement^=right]>.tooltip-arrow:after, [dir=ltr] .bs-tooltip-end>.tooltip-arrow:after { left: calc(100% - var(--sa-tooltip-arrow-size)); transform: rotate(-45deg); transform-origin: top left } [dir=rtl] .bs-tooltip-auto[data-popper-placement^=right]>.tooltip-arrow:after, [dir=rtl] .bs-tooltip-end>.tooltip-arrow:after { right: calc(100% - var(--sa-tooltip-arrow-size)); transform: rotate(45deg); transform-origin: top right } [dir=ltr] .bs-tooltip-auto[data-popper-placement^=left]>.tooltip-arrow, [dir=ltr] .bs-tooltip-start>.tooltip-arrow { left: auto; right: var(--sa-tooltip-arrow-container-offset) } [dir=rtl] .bs-tooltip-auto[data-popper-placement^=left]>.tooltip-arrow, [dir=rtl] .bs-tooltip-start>.tooltip-arrow { left: var(--sa-tooltip-arrow-container-offset); right: auto } [dir=ltr] .bs-tooltip-auto[data-popper-placement^=left]>.tooltip-arrow:after, [dir=ltr] .bs-tooltip-start>.tooltip-arrow:after { right: calc(100% - var(--sa-tooltip-arrow-size)); transform: rotate(45deg); transform-origin: top right } [dir=rtl] .bs-tooltip-auto[data-popper-placement^=left]>.tooltip-arrow:after, [dir=rtl] .bs-tooltip-start>.tooltip-arrow:after { left: calc(100% - var(--sa-tooltip-arrow-size)); transform: rotate(-45deg); transform-origin: top left } .bs-tooltip-auto[data-popper-placement^=top]>.tooltip-arrow, .bs-tooltip-top>.tooltip-arrow { bottom: var(--sa-tooltip-arrow-container-offset); top: auto } .bs-tooltip-auto[data-popper-placement^=top]>.tooltip-arrow:after, .bs-tooltip-top>.tooltip-arrow:after { bottom: calc(100% - var(--sa-tooltip-arrow-size)); transform: rotate(-45deg); transform-origin: bottom left } .bs-tooltip-auto[data-popper-placement^=bottom]>.tooltip-arrow, .bs-tooltip-bottom>.tooltip-arrow { bottom: auto; top: var(--sa-tooltip-arrow-container-offset) } .bs-tooltip-auto[data-popper-placement^=bottom]>.tooltip-arrow:after, .bs-tooltip-bottom>.tooltip-arrow:after { top: calc(100% - var(--sa-tooltip-arrow-size)); transform: rotate(45deg); transform-origin: top left } .invalid-tooltip, .valid-tooltip { color: #fff } .datepicker { background: #fff; border: none; border-radius: .125rem; box-shadow: 0 1px 15px #19264026, 0 1px 3px #1926401f, inset 0 -1px #19264008; color: #212529; font-family: "Lato"; font-size: .75rem; font-weight: 500 } .datepicker-inline .datepicker { background: #fff; border: 1px solid #ced4da } .datepicker.datepicker-sa-embedded { border: none; border-radius: 0; width: 100% } .datepicker--pointer { --sa-popover-arrow-container-size: 1.75rem; --sa-popover-arrow-box-size: 0.5303300859rem; --sa-popover-arrow-size: 0.375rem; background: #0000; border: none; overflow: hidden; pointer-events: none } .datepicker--pointer:after { background: #fff; border: none; box-shadow: 0 1px 15px #19264026, 0 1px 3px #1926401f; content: ""; display: block; height: var(--sa-popover-arrow-box-size); position: absolute; width: var(--sa-popover-arrow-box-size) } .-bottom-center- .datepicker--pointer, .-bottom-left- .datepicker--pointer, .-bottom-right- .datepicker--pointer, .-top-center- .datepicker--pointer, .-top-left- .datepicker--pointer, .-top-right- .datepicker--pointer { height: calc(var(--sa-popover-arrow-container-size)/2); transform: none; width: var(--sa-popover-arrow-container-size) } .-bottom-center- .datepicker--pointer:after, .-bottom-left- .datepicker--pointer:after, .-bottom-right- .datepicker--pointer:after, .-top-center- .datepicker--pointer:after, .-top-left- .datepicker--pointer:after, .-top-right- .datepicker--pointer:after { left: 50% } .-left-bottom- .datepicker--pointer, .-left-center- .datepicker--pointer, .-left-top- .datepicker--pointer, .-right-bottom- .datepicker--pointer, .-right-center- .datepicker--pointer, .-right-top- .datepicker--pointer { height: var(--sa-popover-arrow-container-size); transform: none; width: calc(var(--sa-popover-arrow-container-size)/2) } .-left-bottom- .datepicker--pointer:after, .-left-center- .datepicker--pointer:after, .-left-top- .datepicker--pointer:after, .-right-bottom- .datepicker--pointer:after, .-right-center- .datepicker--pointer:after, .-right-top- .datepicker--pointer:after { top: 50% } .-bottom-center- .datepicker--pointer, .-bottom-left- .datepicker--pointer, .-bottom-right- .datepicker--pointer { bottom: 100% } .-bottom-center- .datepicker--pointer:after, .-bottom-left- .datepicker--pointer:after, .-bottom-right- .datepicker--pointer:after { top: calc(100% - var(--sa-popover-arrow-size)); transform: rotate(45deg); transform-origin: top left } .-top-center- .datepicker--pointer, .-top-left- .datepicker--pointer, .-top-right- .datepicker--pointer { top: 100% } .-top-center- .datepicker--pointer:after, .-top-left- .datepicker--pointer:after, .-top-right- .datepicker--pointer:after { bottom: calc(100% - var(--sa-popover-arrow-size)); transform: rotate(-45deg); transform-origin: bottom left } [dir=ltr] .-right-bottom- .datepicker--pointer, [dir=ltr] .-right-center- .datepicker--pointer, [dir=ltr] .-right-top- .datepicker--pointer { right: 100% } [dir=rtl] .-right-bottom- .datepicker--pointer, [dir=rtl] .-right-center- .datepicker--pointer, [dir=rtl] .-right-top- .datepicker--pointer { left: 100% } [dir=ltr] .-right-bottom- .datepicker--pointer:after, [dir=ltr] .-right-center- .datepicker--pointer:after, [dir=ltr] .-right-top- .datepicker--pointer:after { left: calc(100% - var(--sa-popover-arrow-size)); transform: rotate(-45deg); transform-origin: top left } [dir=rtl] .-right-bottom- .datepicker--pointer:after, [dir=rtl] .-right-center- .datepicker--pointer:after, [dir=rtl] .-right-top- .datepicker--pointer:after { right: calc(100% - var(--sa-popover-arrow-size)); transform: rotate(45deg); transform-origin: top right } [dir=ltr] .-left-bottom- .datepicker--pointer, [dir=ltr] .-left-center- .datepicker--pointer, [dir=ltr] .-left-top- .datepicker--pointer { left: 100% } [dir=rtl] .-left-bottom- .datepicker--pointer, [dir=rtl] .-left-center- .datepicker--pointer, [dir=rtl] .-left-top- .datepicker--pointer { right: 100% } [dir=ltr] .-left-bottom- .datepicker--pointer:after, [dir=ltr] .-left-center- .datepicker--pointer:after, [dir=ltr] .-left-top- .datepicker--pointer:after { right: calc(100% - var(--sa-popover-arrow-size)); transform: rotate(45deg); transform-origin: top right } [dir=rtl] .-left-bottom- .datepicker--pointer:after, [dir=rtl] .-left-center- .datepicker--pointer:after, [dir=rtl] .-left-top- .datepicker--pointer:after { left: calc(100% - var(--sa-popover-arrow-size)); transform: rotate(-45deg); transform-origin: top left } [dir=ltr] .-bottom-left- .datepicker--pointer, [dir=ltr] .-top-left- .datepicker--pointer { left: -.125rem; right: auto } [dir=ltr] .-bottom-right- .datepicker--pointer, [dir=ltr] .-top-right- .datepicker--pointer, [dir=rtl] .-bottom-left- .datepicker--pointer, [dir=rtl] .-top-left- .datepicker--pointer { left: auto; right: -.125rem } [dir=rtl] .-bottom-right- .datepicker--pointer, [dir=rtl] .-top-right- .datepicker--pointer { left: -.125rem; right: auto } .-bottom-center- .datepicker--pointer, .-top-center- .datepicker--pointer { left: calc(50% - .875rem) } .-left-top- .datepicker--pointer, .-right-top- .datepicker--pointer { top: -.125rem } .-left-bottom- .datepicker--pointer, .-right-bottom- .datepicker--pointer { bottom: -.125rem } .-left-center- .datepicker--pointer, .-right-center- .datepicker--pointer { top: calc(50% - .875rem) } [dir=ltr] .datepicker--nav-action svg { transform: scaleX(1) } [dir=rtl] .datepicker--nav-action svg { transform: scaleX(-1) } .datepicker--nav-title { border-radius: .125rem; font-size: .8125rem } .datepicker--nav-title:hover { background: #f0f2f5 } .datepicker--nav-title i { color: #828f99 } .datepicker--cell { border-radius: .125rem } .datepicker--cell.-focus- { background: #f0f2f5 } .datepicker--cell.-current- { background: #FAB20740; color: inherit } .datepicker--cell.-selected-, .datepicker--cell.-selected-.-current-, .datepicker--cell.-selected-.-current-.-other-decade-, .datepicker--cell.-selected-.-current-.-other-month-, .datepicker--cell.-selected-.-current-:hover, .datepicker--cell.-selected-.-other-decade-, .datepicker--cell.-selected-.-other-month-, .datepicker--cell.-selected-:hover { background: #FAB207; color: #3d464d } .datepicker--cell.-selected-.-current- .datepicker-sa-dot, .datepicker--cell.-selected- .datepicker-sa-dot { color: currentColor; opacity: .3 } .datepicker--days-names { margin-bottom: .25rem; margin-top: .375rem } .datepicker--day-name { color: #e43d3d; font-size: .6875rem } .datepicker--cell-day.-other-month-, .datepicker--cell-year.-other-decade- { font-weight: 400 } .datepicker--cell-day.-other-month-, .datepicker--cell-day.-other-month-:hover, .datepicker--cell-year.-other-decade-, .datepicker--cell-year.-other-decade-:hover { color: #828f99 } .datepicker--nav-action:hover, .datepicker--nav-title:hover { background: #f0f2f5; border-radius: .125rem } .datepicker--cell { padding: .4375rem 0; -webkit-user-select: none; user-select: none } .datepicker--cell-day { flex-direction: column; height: auto; justify-content: flex-start } .datepicker-sa-dots { display: flex; margin: -.0625rem 0 -.1875rem } .datepicker-sa-dot { --datepicker-sa-dot--color: #6c757d; background: currentColor; border-radius: 50%; color: var(--datepicker-sa-dot--color); height: .25rem; width: .25rem } [dir=ltr] .datepicker-sa-dot+.datepicker-sa-dot { margin-left: .125rem } [dir=rtl] .datepicker-sa-dot+.datepicker-sa-dot { margin-right: .125rem } .fc { --fc-today-bg-color: #0000; --fc-border-color: #2125291a; --fc-neutral-bg-color: #f5f7fa } .fc a { color: inherit } .fc a, .fc a[data-navlink]:hover { text-decoration: none } .fc .fc-toolbar.fc-header-toolbar { margin: 0; padding: 1rem } .fc .fc-scrollgrid, .fc td:first-child, .fc th:first-child { border-left: none; border-right: none } .fc .fc-scrollgrid-section-body:last-child>td, .fc .fc-scrollgrid-section-body:last-child>th { border-bottom: none } .fc .fc-toolbar-title { font-size: 1.125rem } .fc .fc-col-header-cell { color: #6c757d; font-size: .875rem; font-weight: 400; padding: .25rem 0 } .fc .fc-daygrid-day-number { border-radius: .125rem; margin-top: .125rem; padding: .375rem .75rem } [dir=ltr] .fc .fc-daygrid-day-number { margin-right: .125rem } [dir=rtl] .fc .fc-daygrid-day-number { margin-left: .125rem } .fc .fc-day:not(.fc-day-other) .fc-daygrid-day-number { cursor: pointer } .fc .fc-day:not(.fc-day-other) .fc-daygrid-day-number:hover { background: #f0f2f5 } .fc .fc-list { border-bottom: 0; border-left: 0; border-right: 0 } .fc .fc-list, .fc .fc-list-empty { background: #0000 } .fc .fc-button { --sa-button--min-size: 1.625rem; border-radius: 2px; border-width: .125rem; font-size: .8125rem; font-weight: 500; line-height: 1.125rem; min-height: var(--sa-button--min-size); padding: .1875rem .5625rem } .fc .fc-next-button, .fc .fc-prev-button, .fc .fc-sa-sidebar-button { align-items: center; display: inline-flex; font-size: 1rem; justify-content: center; padding: 0; width: calc(var(--sa-button--min-size) + .25rem) } @media (min-width:1600px) { .fc .fc-sa-sidebar-button { display: none } [dir=ltr] .fc .fc-toolbar>*>.fc-sa-sidebar-button+* { margin-left: 0 } [dir=rtl] .fc .fc-toolbar>*>.fc-sa-sidebar-button+* { margin-right: 0 } } @media (max-width:767.98px) { .fc .fc-today-button { display: none } } @media (max-width:575.98px) { .fc .fc-toolbar-chunk:nth-child(3) { margin-top: .75rem; width: 100% } .fc .fc-toolbar.fc-header-toolbar { flex-wrap: wrap } } .fc .fc-button-primary { --fc-button-text-color: #212529; --fc-button-bg-color: #e6e8eb; --fc-button-border-color: var(--fc-button-bg-color); --fc-button-hover-bg-color: #d9dbde; --fc-button-hover-border-color: var(--fc-button-hover-bg-color); --fc-button-active-bg-color: var(--fc-button-hover-bg-color); --fc-button-active-border-color: var(--fc-button-active-bg-color); box-shadow: 0 0 0 0 #fff, 0 0 0 0 #3d464d; transition: color .12s ease-in-out, background-color .12s ease-in-out, border-color .12s ease-in-out, box-shadow .12s ease-in-out } .fc .fc-next-button, .fc .fc-prev-button, .fc .fc-sa-sidebar-button { --fc-button-text-color: #212529a6 } .fc .fc-button-primary:focus, .fc .fc-button-primary:not(:disabled).fc-button-active:focus, .fc .fc-button-primary:not(:disabled):active:focus { box-shadow: 0 0 0 2px #fff, 0 0 0 4px #3d464d } .fc .fc-button-group>.fc-button:focus { z-index: 2 } .fc .fc-h-event { --fc-event-bg-color: #FAB207; --fc-event-border-color: #0000 } .fc .fc-h-event .fc-event-main { --fc-event-text-color: #3d464d } .fc .fc-daygrid-event { border-radius: .125rem; margin-top: .125rem; padding: .0625rem .25rem } @media (max-width:767.98px) { .fc .fc-h-event { padding: .125rem .25rem } .fc .fc-h-event .fc-event-title { display: none } } .noUi-target { --sa-nouislider-pips--max-width: 0px; --sa-nouislider-pips--max-height: 0px; background: #0000; border: none; border-radius: 0; box-shadow: none; display: flex } .noUi-base { flex-shrink: 0 } .noUi-base:before { background: #e6e8eb; border-radius: .1875rem; content: ""; position: absolute } .noUi-connect { background: #FAB207 } .noUi-handle { background: #3d464d; border: none; border-radius: .5625rem; box-shadow: 0 0 0 0 #fff, 0 0 0 0 #3d464d; position: absolute; transition: box-shadow .2s ease-in-out } .noUi-handle:after { content: none } .noUi-handle:before { background: #FAB207; border-radius: .25rem; content: ""; display: block; position: absolute } .noUi-active, .noUi-handle:focus { box-shadow: 0 0 0 2px #fff, 0 0 0 4px #3d464d; outline: none } .noUi-active .noUi-tooltip, .noUi-handle:focus .noUi-tooltip { --sa-noui-tooltip--offset: 6px } .noUi-active, .noUi-active:focus { box-shadow: 0 0 0 3px #fff, 0 0 0 5px #3d464d } .noUi-active .noUi-tooltip, .noUi-active:focus .noUi-tooltip { --sa-noui-tooltip--offset: 7px } .noUi-pips { position: relative } .noUi-value { font-size: .75rem; line-height: 1; padding: 0 } .noUi-tooltip { --sa-noui-tooltip--offset: 4px; background: #3d464d; border: none; border-radius: .125rem; color: #fff; font-size: .75rem; opacity: 0; padding: .125rem .5rem; pointer-events: none } .noUi-handle:focus .noUi-tooltip { opacity: 1 } .noUi-marker, .noUi-marker-large, .noUi-marker-sub { background: #828f99; opacity: .7 } .noUi-value, .noUi-value-sub { color: #828f99 } .noUi-horizontal { flex-direction: column; height: auto } .noUi-horizontal .noUi-base { height: .375rem; margin: .375rem .5625rem; width: calc(100% - 1.125rem) } .noUi-horizontal .noUi-base:before { height: 100%; left: -.5625rem; width: calc(100% + 1.125rem) } .noUi-horizontal .noUi-handle { height: 1.125rem; position: absolute; right: -.5625rem; top: -.375rem; width: 1.125rem } .noUi-horizontal .noUi-handle:before { height: .5rem; left: .3125rem; top: .3125rem; width: .5rem } .noUi-pips-horizontal { height: calc(.75rem + var(--sa-nouislider-pips--max-height)); margin-left: .5625rem; margin-right: .5625rem; margin-top: .375rem; padding: 0; top: 0; width: calc(100% - 1.125rem) } .noUi-marker-horizontal.noUi-marker { height: .25rem; width: 1px } .noUi-marker-horizontal.noUi-marker-large, .noUi-marker-horizontal.noUi-marker-sub { height: .5rem } .noUi-value-horizontal { top: .75rem; transform: translateX(calc(-50% - 1px)) } .noUi-horizontal .noUi-tooltip { bottom: calc(100% + var(--sa-noui-tooltip--offset)); transition: bottom .2s ease-in-out, opacity .2s ease-in-out } .noUi-vertical { flex-direction: row; width: auto } .noUi-vertical .noUi-base { height: calc(100% - 1.125rem); margin: .5625rem .375rem; width: .375rem } .noUi-vertical .noUi-base:before { height: calc(100% + 1.125rem); top: -.5625rem; width: 100% } .noUi-vertical .noUi-handle { height: 1.125rem; position: absolute; right: -.375rem; top: -.5625rem; width: 1.125rem } .noUi-vertical .noUi-handle:before { height: .5rem; left: .3125rem; top: .3125rem; width: .5rem } .noUi-pips-vertical { height: calc(100% - 1.125rem); left: 0; margin-bottom: .5625rem; margin-left: .375rem; margin-top: .5625rem; padding: 0; width: calc(.75rem + var(--sa-nouislider-pips--max-width)) } .noUi-marker-vertical.noUi-marker { height: 1px; width: .25rem } .noUi-marker-vertical.noUi-marker-large, .noUi-marker-vertical.noUi-marker-sub { width: .5rem } .noUi-value-vertical { left: .75rem; transform: translateY(calc(-50% - 1px)) } .noUi-vertical .noUi-tooltip { right: calc(100% + var(--sa-noui-tooltip--offset)); transition: right .2s ease-in-out, opacity .2s ease-in-out } .sa-anchor { pointer-events: none } .sa-anchor:before { content: ""; display: block; margin-top: calc(var(--sa-sticky-height, 0)*-1 + -1rem); padding-top: calc(var(--sa-sticky-height, 0) + 1rem) } .sa-anchor__body { pointer-events: auto } .sa-anchor__link { font-weight: 400; opacity: 0; text-decoration: none; transition: opacity .12s } [dir=ltr] .sa-anchor__link { margin-left: .25em } [dir=rtl] .sa-anchor__link { margin-right: .25em } .sa-anchor:hover .sa-anchor__link { opacity: .4 } .sa-anchor .sa-anchor__link:focus, .sa-anchor .sa-anchor__link:hover { color: #0b5be5; opacity: .8; text-decoration: none } .sa-article { --sa-article--toc-width: 0rem; padding: 1.5rem .75rem 4rem } .sa-article--has-toc { --sa-article--toc-width: 15rem } .sa-article__header { margin-bottom: 1.5rem } .sa-article__breadcrumb { margin-bottom: .4375rem } .sa-article__title { margin: 0 } .sa-article__subtitle { color: #6c757d; font-size: 1.25rem; font-weight: 300; line-height: 1.5; margin-top: .5rem } @media (min-width:992px) { [dir=ltr] .sa-article { padding-right: calc(var(--sa-article--toc-width) + .75rem) } [dir=rtl] .sa-article { padding-left: calc(var(--sa-article--toc-width) + .75rem) } .sa-article__toc { height: calc(100vh - var(--sa-toolbar-visible-height) - var(--sa-footer-visible-height)); position: fixed; top: var(--sa-toolbar-visible-height); width: var(--sa-article--toc-width) } [dir=ltr] .sa-article__toc { right: 0 } [dir=rtl] .sa-article__toc { left: 0 } } .sa-box { --sa-box--aspect-ratio: 1 } .sa-box__body { padding-bottom: calc(100%/var(--sa-box--aspect-ratio)); position: relative } .sa-box__container { display: flex; height: 100%; left: 0; position: absolute; top: 0; width: 100% } .sa-box--aspect-ratio--1\:1 { --sa-box--aspect-ratio: 1 } .sa-box--aspect-ratio--3\:2 { --sa-box--aspect-ratio: 1.5 } .sa-box--aspect-ratio--2\:1 { --sa-box--aspect-ratio: 2 } .sa-box--aspect-ratio--3\:1 { --sa-box--aspect-ratio: 3 } .sa-card-area { position: relative; width: 100% } .sa-card-area__card { background-clip: padding-box; background-color: #fff; border: 1px solid #fff; border-radius: .125rem; bottom: 0; box-shadow: 0 1px 3px #00000026; color: #6c757d4d; font-size: 1.5rem; left: 0; position: absolute; right: 0; top: 0; transition: border-color .15s ease-in-out, box-shadow .15s ease-in-out, background .15s ease-in-out; z-index: -1 } .sa-card-area__card svg { bottom: .75rem; position: absolute } [dir=ltr] .sa-card-area__card svg { right: .75rem } [dir=rtl] .sa-card-area__card svg { left: .75rem } .sa-card-area__area { background: #0000; border: none; display: block; font-size: inherit; margin: 0; padding: 1rem 1.25rem; resize: none; width: 100% } .sa-card-area__area:focus { outline: none } .sa-card-area__area::placeholder { color: #6c757d } .sa-card-area__area:focus+.sa-card-area__card { border-color: #13264d33; box-shadow: 0 0 0 3px rgba(19, 38, 77, .125) } .sa-chart-toolbar:before { content: ""; display: block; height: 1px; margin-bottom: -1px } .sa-chart-toolbar__body { display: flex; flex-wrap: wrap; margin-top: -.75rem } [dir=ltr] .sa-chart-toolbar__body { margin-left: -.75rem } [dir=rtl] .sa-chart-toolbar__body { margin-right: -.75rem } .sa-chart-toolbar__item { align-items: center; display: flex; margin-top: .75rem } [dir=ltr] .sa-chart-toolbar__item { margin-left: .75rem } [dir=rtl] .sa-chart-toolbar__item { margin-right: .75rem } .sa-chart-toolbar__item-label { color: #6c757d; font-size: .875rem; white-space: nowrap } [dir=ltr] .sa-chart-toolbar__item-label { margin-right: .75rem } [dir=rtl] .sa-chart-toolbar__item-label { margin-left: .75rem } .sa-chart-toolbar__item-select { flex-basis: 8rem } .sa-chart-toolbar__item-range { display: flex } [dir=ltr] .sa-chart-toolbar__item-range { margin-left: .5rem } [dir=rtl] .sa-chart-toolbar__item-range { margin-right: .5rem } .sa-chart-toolbar__item-range .form-control { flex-basis: 8rem } @media (max-width:767.98px) { .sa-chart-toolbar__item { display: block; width: 100% } .sa-chart-toolbar__item-label { margin-bottom: .25rem } [dir=ltr] .sa-chart-toolbar__item-label { margin-right: 0 } [dir=rtl] .sa-chart-toolbar__item-label { margin-left: 0 } .sa-chart-toolbar__item-range { margin-top: .5rem; width: 100% } [dir=ltr] .sa-chart-toolbar__item-range { margin-left: 0 } [dir=rtl] .sa-chart-toolbar__item-range { margin-right: 0 } .sa-chart-toolbar__item-range .form-control { flex-grow: 1 } } .sa-close { --sa-close--icon: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12'%3E%3Cpath d='M10.8 10.8c-.4.4-1 .4-1.4 0L6 7.4l-3.4 3.4c-.4.4-1 .4-1.4 0-.4-.4-.4-1 0-1.4L4.6 6 1.2 2.6c-.4-.4-.4-1 0-1.4.4-.4 1-.4 1.4 0L6 4.6l3.4-3.4c.4-.4 1-.4 1.4 0 .4.4.4 1 0 1.4L7.4 6l3.4 3.4c.4.4.4 1 0 1.4z'/%3E%3C/svg%3E"); --sa-close--icon-size: .75rem; background: #0000; border: none; border-radius: .125rem; color: inherit; padding: .5rem; position: relative; z-index: 0 } .sa-close:before { background: currentColor; border-radius: inherit; bottom: 0; content: ""; left: 0; opacity: 0; position: absolute; right: 0; top: 0; z-index: -1 } .sa-close:after { background-color: currentColor; background-repeat: no-repeat; content: ""; display: block; height: var(--sa-close--icon-size); -webkit-mask-image: var(--sa-close--icon); mask-image: var(--sa-close--icon); opacity: .4; width: var(--sa-close--icon-size) } .sa-close:after, .sa-close:before { transition: opacity .12s } .sa-close:focus:before, .sa-close:hover:before { opacity: .07 } .sa-close:focus:after, .sa-close:hover:after { opacity: .65 } .sa-close:active:after, .sa-close:active:before { transition-duration: 0s } .sa-close:active:before { opacity: .11 } .sa-close:active:after { opacity: .8 } .sa-close--modal { --sa-close--icon: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 14 14'%3E%3Cpath d='M13.7 13.7c-.4.4-1 .4-1.4 0L7 8.4l-5.3 5.3c-.4.4-1 .4-1.4 0-.4-.4-.4-1 0-1.4L5.6 7 .3 1.7C-.1 1.3-.1.7.3.3c.4-.4 1-.4 1.4 0L7 5.6 12.3.3c.4-.4 1-.4 1.4 0 .4.4.4 1 0 1.4L8.4 7l5.3 5.3c.4.4.4 1 0 1.4z'/%3E%3C/svg%3E"); --sa-close--icon-size: .875rem; border-radius: 100%; padding: .6875rem } .sa-collapse { margin: -.5rem 0; min-height: 1rem; pointer-events: none } .sa-collapse__body { margin: -.5rem; padding: 0 .5rem } .sa-collapse__body:after, .sa-collapse__body:before { content: ""; display: block; height: .5rem } .sa-collapse__content { pointer-events: auto } .sa-color-checkbox { --sa-color-checkbox--bg-color: #000; --sa-color-checkbox--font-color: #fff; --sa-color-checkbox--parent-bg-color: #fff; height: 1em; position: relative; width: 1em } .sa-color-checkbox input { height: 100%; opacity: 0; position: absolute; width: 100% } .sa-color-checkbox svg { flex-shrink: 0 } .sa-color-checkbox__box { align-items: center; background: var(--sa-color-checkbox--parent-bg-color); border: .125rem solid var(--sa-color-checkbox--bg-color); border-radius: .125rem; color: var(--sa-color-checkbox--parent-bg-color); display: flex; height: inherit; justify-content: center; transition: background-color .12s, color .12s; width: inherit } input:checked+.sa-color-checkbox__box { background: var(--sa-color-checkbox--bg-color); color: var(--sa-color-checkbox--font-color) } .sa-dash { background: #6c757d; display: inline-block; height: 1px; opacity: .5; vertical-align: middle; width: 1rem } .sa-dash--size--small { width: .75rem } .sa-datatables { --sa-datatabes--padding-x: 1.25rem; --sa-datatabes__row--padding-x: .75rem; --sa-datatabes__row--padding-y: .75rem; --sa-datatabes__header-row--padding-y: .625rem } .sa-datatables table { width: 100% } .sa-datatables td, .sa-datatables th { --sa-datatables-cell-padding-x-end: var(--sa-datatabes__row--padding-x); padding: var(--sa-datatabes__row--padding-y) var(--sa-datatabes__row--padding-x) } [dir=ltr] .sa-datatables td:first-child, [dir=ltr] .sa-datatables th:first-child { padding-left: var(--sa-datatabes--padding-x) } [dir=rtl] .sa-datatables td:first-child, [dir=rtl] .sa-datatables th:first-child { padding-right: var(--sa-datatabes--padding-x) } .sa-datatables td:last-child, .sa-datatables th:last-child { --sa-datatables-cell-padding-x-end: var(--sa-datatabes--padding-x) } [dir=ltr] .sa-datatables td:last-child, [dir=ltr] .sa-datatables th:last-child { padding-right: var(--sa-datatables-cell-padding-x-end) } [dir=rtl] .sa-datatables td:last-child, [dir=rtl] .sa-datatables th:last-child { padding-left: var(--sa-datatables-cell-padding-x-end) } .sa-datatables thead td, .sa-datatables thead th { padding-bottom: var(--sa-datatabes__header-row--padding-y); padding-top: var(--sa-datatabes__header-row--padding-y) } .sa-datatables thead th { font-weight: 500 } .sa-datatables tbody tr>* { border-top: 1px solid #2125291a } .dataTables_wrapper .sa-datatables .dataTables_info { padding: 0 } .sa-datatables .dataTables_length label { align-items: center; display: flex } .sa-datatables table.dataTable>thead .sorting:hover { background: #f0f2f5 } .sa-datatables table.dataTable>thead .sorting:after, .sa-datatables table.dataTable>thead .sorting:before, .sa-datatables table.dataTable>thead .sorting_asc:after, .sa-datatables table.dataTable>thead .sorting_asc:before, .sa-datatables table.dataTable>thead .sorting_asc_disabled:after, .sa-datatables table.dataTable>thead .sorting_asc_disabled:before, .sa-datatables table.dataTable>thead .sorting_desc:after, .sa-datatables table.dataTable>thead .sorting_desc:before, .sa-datatables table.dataTable>thead .sorting_desc_disabled:after, .sa-datatables table.dataTable>thead .sorting_desc_disabled:before { background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='7' height='5' fill='%23212529'%3E%3Cpath d='M3.111 4.799.109.875C-.156.528.08.014.505.014H6.51c.425 0 .661.514.396.861L3.903 4.799a.494.494 0 0 1-.792 0z'/%3E%3C/svg%3E"); bottom: calc(50% - 6px); content: ""; display: block; height: 5px; opacity: .2; width: 7px } [dir=ltr] .sa-datatables table.dataTable>thead .sorting:after, [dir=ltr] .sa-datatables table.dataTable>thead .sorting:before, [dir=ltr] .sa-datatables table.dataTable>thead .sorting_asc:after, [dir=ltr] .sa-datatables table.dataTable>thead .sorting_asc:before, [dir=ltr] .sa-datatables table.dataTable>thead .sorting_asc_disabled:after, [dir=ltr] .sa-datatables table.dataTable>thead .sorting_asc_disabled:before, [dir=ltr] .sa-datatables table.dataTable>thead .sorting_desc:after, [dir=ltr] .sa-datatables table.dataTable>thead .sorting_desc:before, [dir=ltr] .sa-datatables table.dataTable>thead .sorting_desc_disabled:after, [dir=ltr] .sa-datatables table.dataTable>thead .sorting_desc_disabled:before { left: auto; right: var(--sa-datatables-cell-padding-x-end) } [dir=rtl] .sa-datatables table.dataTable>thead .sorting:after, [dir=rtl] .sa-datatables table.dataTable>thead .sorting:before, [dir=rtl] .sa-datatables table.dataTable>thead .sorting_asc:after, [dir=rtl] .sa-datatables table.dataTable>thead .sorting_asc:before, [dir=rtl] .sa-datatables table.dataTable>thead .sorting_asc_disabled:after, [dir=rtl] .sa-datatables table.dataTable>thead .sorting_asc_disabled:before, [dir=rtl] .sa-datatables table.dataTable>thead .sorting_desc:after, [dir=rtl] .sa-datatables table.dataTable>thead .sorting_desc:before, [dir=rtl] .sa-datatables table.dataTable>thead .sorting_desc_disabled:after, [dir=rtl] .sa-datatables table.dataTable>thead .sorting_desc_disabled:before { left: var(--sa-datatables-cell-padding-x-end); right: auto } .sa-datatables table.dataTable>thead .sorting:before, .sa-datatables table.dataTable>thead .sorting_asc:before, .sa-datatables table.dataTable>thead .sorting_asc_disabled:before, .sa-datatables table.dataTable>thead .sorting_desc:before, .sa-datatables table.dataTable>thead .sorting_desc_disabled:before { bottom: calc(50% + 1px); transform: scaleY(-1) } .sa-datatables table.dataTable>thead .sorting_asc:before, .sa-datatables table.dataTable>thead .sorting_desc:after { opacity: .65 } [dir=ltr] .sa-datatables table.dataTable>thead>tr>td:not(.sorting_disabled), [dir=ltr] .sa-datatables table.dataTable>thead>tr>th:not(.sorting_disabled) { padding-left: var(--sa-datatabes__row--padding-x); padding-right: calc(var(--sa-datatabes__row--padding-x)*2 + 7px) } [dir=ltr] .sa-datatables table.dataTable>thead>tr>td:not(.sorting_disabled):first-child, [dir=ltr] .sa-datatables table.dataTable>thead>tr>th:not(.sorting_disabled):first-child { padding-left: var(--sa-datatabes--padding-x) } [dir=ltr] .sa-datatables table.dataTable>thead>tr>td:not(.sorting_disabled):last-child, [dir=ltr] .sa-datatables table.dataTable>thead>tr>th:not(.sorting_disabled):last-child { padding-left: var(--sa-datatabes__row--padding-x); padding-right: calc(var(--sa-datatabes__row--padding-x) + var(--sa-datatabes--padding-x) + 7px) } [dir=rtl] .sa-datatables table.dataTable>thead>tr>td:not(.sorting_disabled), [dir=rtl] .sa-datatables table.dataTable>thead>tr>th:not(.sorting_disabled) { padding-left: calc(var(--sa-datatabes__row--padding-x)*2 + 7px); padding-right: var(--sa-datatabes__row--padding-x) } [dir=rtl] .sa-datatables table.dataTable>thead>tr>td:not(.sorting_disabled):first-child, [dir=rtl] .sa-datatables table.dataTable>thead>tr>th:not(.sorting_disabled):first-child { padding-right: var(--sa-datatabes--padding-x) } [dir=rtl] .sa-datatables table.dataTable>thead>tr>td:not(.sorting_disabled):last-child, [dir=rtl] .sa-datatables table.dataTable>thead>tr>th:not(.sorting_disabled):last-child { padding-left: calc(var(--sa-datatabes__row--padding-x) + var(--sa-datatabes--padding-x) + 7px); padding-right: var(--sa-datatabes__row--padding-x) } .sa-datatables__table { margin: -6px 0; overflow-x: auto } .sa-datatables__controls, .sa-datatables__footer { align-items: center; display: flex; flex-wrap: wrap; justify-content: center } .sa-datatables__footer { border-top: 1px solid #2125291a; justify-content: space-between; padding: .875rem var(--sa-datatabes--padding-x) } .sa-datatables__divider { color: #6c757d; margin: 0 .75rem; opacity: .5 } .sa-datatables__divider:before { content: "/" } .sa-datatables__page-size .form-select { --sa-input-padding-y: .125rem; --sa-input-padding-x: .375rem } [dir=ltr] .sa-datatables__page-size .form-select { margin-left: .5rem } [dir=rtl] .sa-datatables__page-size .form-select { margin-right: .5rem } @media (max-width:767.98px) { .sa-datatables__footer { flex-direction: column } .sa-datatables__controls { margin-top: .75rem } } @media (max-width:575.98px) { .sa-datatables__controls { flex-direction: column } .sa-datatables__divider { display: none } .sa-datatables__page-size { margin-top: .75rem } } .sa-divider { --sa-divider--parent-bg-color: #fff; display: flex; justify-content: center; position: relative; width: 100%; z-index: 0 } .sa-divider:before { background: #2125291a; content: ""; display: block; height: 1px; width: 100% } .sa-divider__text { background: var(--sa-divider--parent-bg-color); color: #828f99; font-size: .6875rem; margin: -.25rem 0; padding: .125rem .5rem 0; position: relative; text-align: center; text-transform: uppercase; z-index: 1 } .sa-divider--has-text:before { position: absolute; top: 50% } .sa-entity-layout { --sa-entity-layout--gutter: 1.5em } .sa-entity-layout__body { display: flex; flex-wrap: wrap; margin-top: calc(var(--sa-entity-layout--gutter)*-1) } [dir=ltr] .sa-entity-layout__body { margin-left: calc(var(--sa-entity-layout--gutter)*-1) } [dir=rtl] .sa-entity-layout__body { margin-right: calc(var(--sa-entity-layout--gutter)*-1) } .sa-entity-layout__main, .sa-entity-layout__sidebar { flex-basis: calc(100% - var(--sa-entity-layout--gutter)); flex-grow: 1; margin-top: var(--sa-entity-layout--gutter); max-width: calc(100% - var(--sa-entity-layout--gutter)) } [dir=ltr] .sa-entity-layout__main, [dir=ltr] .sa-entity-layout__sidebar { margin-left: var(--sa-entity-layout--gutter) } [dir=rtl] .sa-entity-layout__main, [dir=rtl] .sa-entity-layout__sidebar { margin-right: var(--sa-entity-layout--gutter) } .sa-entity-layout--size--md .sa-entity-layout__main, .sa-entity-layout--size--md .sa-entity-layout__sidebar { flex-basis: 0 } .sa-entity-layout--size--md .sa-entity-layout__main { flex-shrink: 1; width: auto } .sa-entity-layout--size--md .sa-entity-layout__sidebar { max-width: 20rem } .sa-entity-layout--size--lg .sa-entity-layout__sidebar { max-width: 24rem } .sa-example { --sa-example--parent-bg-color: #f5f7fa; border: 1px solid #2125291a; border-radius: .125rem; position: relative } .sa-example__legend { background: var(--sa-example--parent-bg-color); color: #828f99; font-size: .625rem; letter-spacing: .02em; line-height: 1; padding: 0 .25rem; position: absolute; text-transform: uppercase; top: -.3125rem; z-index: 1 } [dir=ltr] .sa-example__legend { left: .75rem } [dir=rtl] .sa-example__legend { right: .75rem } .sa-example__body { padding: 1.5rem } .sa-example__button { background: #0000; background-clip: padding-box; border: none; border-top: 1px solid #2125291a; color: #6c757d; display: block; font-size: .625rem; padding: .25rem 1.25rem; text-align: center; text-transform: uppercase; transition: background-color .12s; width: 100% } .sa-example__button:focus, .sa-example__button:hover { background-color: #f0f2f5 } .sa-example__button:active { background-color: #ebedf0; transition-duration: 0s } .sa-example__button:focus { outline: none } .sa-example__code:before { border-top: 1px solid #2125291a; content: ""; display: block } .sa-example__code pre { margin: 0 } .sa-example__code code { background: #fff; font-size: .8125rem; letter-spacing: -.01em; line-height: 1.0625rem; overflow: auto; padding: 1.25rem } @media (max-width:575.98px) { .sa-example { border-left: none; border-radius: 0; border-right: none; margin-left: -1.5rem; margin-right: -1.5rem } .sa-example__body { padding-left: 1.5rem; padding-right: 1.5rem } [dir=ltr] .sa-example__legend { left: 2rem } [dir=rtl] .sa-example__legend { right: 2rem } } .sa-file { --sa-file--icon-color: #6c757d80; --sa-file--border-radius: .25rem; border-radius: var(--sa-file--border-radius); cursor: pointer; display: block; position: relative; text-align: center; transition: background-color .12s ease-in-out, border-color .12s ease-in-out } .sa-file, .sa-file:hover { color: inherit } .sa-file:hover { background: #f5f7fa; text-decoration: none } .sa-file:after { border-radius: inherit; box-shadow: inset 0 0 0 1px #2125291a; content: ""; height: 100%; left: 0; pointer-events: none; position: absolute; top: 0; width: 100% } .sa-file__thumbnail { --sa-box--aspect-ratio: (16/9); background: #f5f7fa; background-clip: padding-box; border-radius: var(--sa-file--border-radius) var(--sa-file--border-radius) 0 0; overflow: hidden; position: relative } .sa-file__thumbnail:after { background: #2125291a; bottom: 0; content: ""; height: 1px; left: 1px; position: absolute; width: calc(100% - 2px) } .sa-file__icon { align-items: center; color: var(--sa-file--icon-color); display: flex; font-size: 3rem; justify-content: center } .sa-file__image img { height: 100%; object-fit: cover; width: 100% } .sa-file__badge { font-size: .6875rem; position: absolute; top: .75rem } [dir=ltr] .sa-file__badge { left: .75rem } [dir=rtl] .sa-file__badge { right: .75rem } .sa-file__info { padding: .75rem } .sa-file__name { font-size: .9375rem; overflow: hidden; text-overflow: ellipsis; white-space: nowrap } .sa-file__meta { color: #6c757d; font-size: .8125rem } .sa-file--type--docx { --sa-file--icon-color: #2b579a } .sa-file--type--xlsx { --sa-file--icon-color: #217346 } .sa-file--type--pdf { --sa-file--icon-color: #d2281e } .sa-file--type--jpg { --sa-file--icon-color: #883dac } .sa-file--type--txt { --sa-file--icon-color: #777 } .sa-file--type--mkv { --sa-file--icon-color: #2298da } .sa-file--type--mp3 { --sa-file--icon-color: #36a389 } .sa-file--type--zip { --sa-file--icon-color: #ffb800 } .sa-filters__list { list-style: none; margin: 0; padding: 0 } .sa-filters__item { font-size: .875rem; padding: 1rem 1.25rem } .sa-filters__item+.sa-filters__item { border-top: 1px solid #2125291a } .sa-filters__item-title { font-weight: 500; margin-bottom: .75rem } .sa-folder { align-items: center; border: 1px solid #2125291a; border-radius: .25rem; display: flex; padding: .75rem; transition: background-color .12s ease-in-out, border-color .12s ease-in-out } .sa-folder, .sa-folder:hover { color: inherit } .sa-folder:hover { background: #f5f7fa; text-decoration: none } .sa-folder__image { color: #FAB207; display: flex; font-size: 2rem; justify-content: center; width: 2.75rem } .sa-folder__image svg { display: block } [dir=ltr] .sa-folder__image+.sa-folder__info { margin-left: .625rem } [dir=rtl] .sa-folder__image+.sa-folder__info { margin-right: .625rem } .sa-folder__name { font-size: .9375rem; overflow: hidden; text-overflow: ellipsis; white-space: nowrap } .sa-folder__meta { color: #6c757d; font-size: .8125rem; margin-top: -1px } .sa-grid { --sa-grid--gutter: .75rem; --sa-grid__item--min-width: 15rem } .sa-grid__body { display: flex; flex-wrap: wrap; margin-left: calc(var(--sa-grid--gutter)*-1); margin-top: calc(var(--sa-grid--gutter)*-1) } .sa-grid__filler, .sa-grid__item { flex-basis: 0; flex-grow: 1; margin-left: var(--sa-grid--gutter); min-width: var(--sa-grid__item--min-width) } .sa-grid__item { margin-top: var(--sa-grid--gutter) } .sa-hover-area { --sa-hover-area--padding: .25rem; position: relative; z-index: 0 } .sa-hover-area:before { border-radius: .125rem; bottom: var(--sa-hover-area--padding); content: ""; left: var(--sa-hover-area--padding); position: absolute; right: var(--sa-hover-area--padding); top: var(--sa-hover-area--padding); transition: background-color .1s ease; z-index: -1 } .sa-hover-area:hover:before { background: #f0f2f5 } .sa-hover-area:active:before { background: #ebedf0; transition-duration: 0s } .sa-language-icon { border-radius: .125rem; height: 1rem; object-fit: none; object-position: center; width: 1.375rem } .sa-layout { --sa-layout--gutter: 1.5rem; --sa-layout--sidebar-width: 16rem; display: flex; flex-wrap: wrap } [dir=ltr] .sa-layout { margin-left: calc(var(--sa-layout--gutter)*-1) } [dir=rtl] .sa-layout { margin-right: calc(var(--sa-layout--gutter)*-1) } [dir=ltr] .sa-layout__content, [dir=ltr] .sa-layout__sidebar { margin-left: var(--sa-layout--gutter) } [dir=rtl] .sa-layout__content, [dir=rtl] .sa-layout__sidebar { margin-right: var(--sa-layout--gutter) } .sa-layout__sidebar { background: #fff; border-radius: .125rem; box-shadow: 0 1px 3px #00000026; flex-shrink: 0; transition: transform .2s; width: var(--sa-layout--sidebar-width) } .sa-layout__sidebar .simplebar-track { --simplebar-track--color: #828f99 } .sa-layout__sidebar-header { align-items: center; border-bottom: 1px solid #2125291a; display: flex; font-size: 1rem; font-weight: 500; justify-content: space-between; padding: .875rem 1.25rem } .sa-layout__sidebar-close { display: none; margin: -.375rem 0; padding: .75rem } [dir=ltr] .sa-layout__sidebar-close { margin-right: -.75rem } [dir=rtl] .sa-layout__sidebar-close { margin-left: -.75rem } .sa-layout__backdrop { transition: opacity .2s } .sa-layout__content { flex-grow: 1; width: calc(100% - var(--sa-layout--sidebar-width) - var(--sa-layout--gutter)*2) } .sa-layout__filters-button { display: none } .sa-layout--switch-device .sa-layout__backdrop, .sa-layout--switch-device .sa-layout__sidebar { transition: none } @media (max-width:1599.98px) { .sa-layout__sidebar { border-radius: 0; display: flex; flex-direction: column; height: 100%; max-width: 18rem; position: fixed; top: 0; width: calc(100% - 1.25rem); z-index: 1000 } [dir=ltr] .sa-layout__sidebar { left: 0; margin: 0; transform: translateX(calc(-100% + -.625rem)) } [dir=rtl] .sa-layout__sidebar { margin: 0; right: 0; transform: translateX(calc(100% + .625rem)) } .sa-layout__sidebar-body { flex-grow: 1; height: 0 } .sa-layout__filters-button, .sa-layout__sidebar-close { display: block } .sa-layout__backdrop { background: #f5f7facc; bottom: 0; left: 0; opacity: 0; pointer-events: none; position: fixed; right: 0; top: 0; z-index: 999 } .sa-layout--sidebar-open .sa-layout__sidebar { transform: none } .sa-layout--sidebar-open .sa-layout__backdrop { opacity: 1; pointer-events: auto } } .sa-meta { font-size: .75rem } .sa-meta__list { color: #6c757d; display: flex; flex-wrap: wrap; list-style: none; margin: -.25rem 0 -.125rem; overflow: hidden; padding: 0 0 .125rem } [dir=ltr] .sa-meta__list { margin-left: -.125rem; margin-right: -.9375rem; padding-left: .125rem } [dir=rtl] .sa-meta__list { margin-left: -.9375rem; margin-right: -.125rem; padding-right: .125rem } .sa-meta__item { margin-top: .25rem; position: relative } [dir=ltr] .sa-meta__item { margin-right: .9375rem } [dir=rtl] .sa-meta__item { margin-left: .9375rem } .sa-meta__item:before { background: currentColor; content: ""; display: block; height: calc(100% - .1875rem); opacity: .4; position: absolute; top: 1px; width: 1px } [dir=ltr] .sa-meta__item:before { left: -.5rem } [dir=rtl] .sa-meta__item:before { right: -.5rem } .sa-nav--card, .sa-nav--card .sa-nav__menu { font-size: .875rem; list-style: none; margin: 0; padding: 0 } .sa-nav--card .sa-nav__link { align-items: center; border-radius: .125rem; color: inherit; display: flex; padding: .5rem .75rem } .sa-nav--card .sa-nav__link:hover, .sa-nav--card .sa-nav__menu-item--active .sa-nav__link { background: #f0f2f5; color: inherit; text-decoration: none } .sa-nav--card .sa-nav__title { flex-grow: 1; line-height: 1.1875rem; padding-top: .0625rem } .sa-nav--card .sa-nav__badge { font-size: .6875rem } [dir=ltr] .sa-nav--card .sa-nav__badge { margin-left: .5rem } [dir=rtl] .sa-nav--card .sa-nav__badge { margin-right: .5rem } .sa-nav--card .sa-nav__icon { align-items: center; display: flex; flex-shrink: 0; font-size: 1.25rem; justify-content: center; opacity: .8 } [dir=ltr] .sa-nav--card .sa-nav__icon { margin-right: .75rem } [dir=rtl] .sa-nav--card .sa-nav__icon { margin-left: .75rem } .sa-nav--card .sa-nav__icon svg { display: block } .sa-nav--card .sa-nav__section+.sa-nav__section { margin-top: 1rem } .sa-nav--card .sa-nav__section-title { color: #6c757d; margin-bottom: .25rem } [dir=ltr] .sa-nav--card .sa-nav__section-title, [dir=rtl] .sa-nav--card .sa-nav__section-title { margin-left: .75rem; margin-right: .75rem } [dir=ltr] .sa-nav--card--sm .sa-nav__section-title, [dir=rtl] .sa-nav--card--sm .sa-nav__section-title { margin-left: .5rem; margin-right: .5rem } .sa-nav--card--sm .sa-nav__link { padding: .25rem .5rem } .sa-nav--card--sm .sa-nav__icon { font-size: 1rem; height: 1em; opacity: 1; width: 1em } [dir=ltr] .sa-nav--card--sm .sa-nav__icon { margin-right: .625rem } [dir=rtl] .sa-nav--card--sm .sa-nav__icon { margin-left: .625rem } .sa-page-meta { border-bottom: 1px solid #2125291a; border-top: 1px solid #2125291a; font-size: .875rem; line-height: 1.25rem; padding: .5625rem 1rem } .sa-page-meta__body { overflow: hidden } .sa-page-meta__list { display: flex; flex-wrap: wrap; margin-top: -.25rem } [dir=ltr] .sa-page-meta__list { margin-left: -1.5625rem } [dir=rtl] .sa-page-meta__list { margin-right: -1.5625rem } .sa-page-meta__item { margin-top: .25rem; position: relative } [dir=ltr] .sa-page-meta__item { margin-left: 1.5625rem } [dir=rtl] .sa-page-meta__item { margin-right: 1.5625rem } .sa-page-meta__item:before { background: #21252933; content: ""; display: block; height: calc(100% - .375rem); position: absolute; top: .1875rem; width: .0625rem } [dir=ltr] .sa-page-meta__item:before { left: -.8125rem } [dir=rtl] .sa-page-meta__item:before { right: -.8125rem } .sa-quill-control--ready { display: none } .sa-quill { border-color: #ced4da } .sa-quill .ql-toolbar { --sa-quill-toolbar-gutter: .3125rem; background: #fff; border-color: inherit; border-radius: .125rem .125rem 0 0; padding: var(--sa-quill-toolbar-gutter) } .sa-quill .ql-toolbar:before { content: ""; display: block; margin-bottom: calc(var(--sa-quill-toolbar-gutter)*-1) } .sa-quill .ql-toolbar .ql-expanded .ql-picker-label, .sa-quill .ql-toolbar .ql-picker-label, .sa-quill .ql-toolbar button { background: #0000; color: #212529 } .sa-quill .ql-toolbar .ql-expanded .ql-picker-label.ql-active .ql-fill, .sa-quill .ql-toolbar .ql-expanded .ql-picker-label .ql-fill, .sa-quill .ql-toolbar .ql-expanded .ql-picker-label:focus .ql-fill, .sa-quill .ql-toolbar .ql-expanded .ql-picker-label:hover .ql-fill, .sa-quill .ql-toolbar .ql-picker-label.ql-active .ql-fill, .sa-quill .ql-toolbar .ql-picker-label .ql-fill, .sa-quill .ql-toolbar .ql-picker-label:focus .ql-fill, .sa-quill .ql-toolbar .ql-picker-label:hover .ql-fill, .sa-quill .ql-toolbar button.ql-active .ql-fill, .sa-quill .ql-toolbar button .ql-fill, .sa-quill .ql-toolbar button:focus .ql-fill, .sa-quill .ql-toolbar button:hover .ql-fill { fill: currentColor } .sa-quill .ql-toolbar .ql-expanded .ql-picker-label.ql-active .ql-stroke, .sa-quill .ql-toolbar .ql-expanded .ql-picker-label .ql-stroke, .sa-quill .ql-toolbar .ql-expanded .ql-picker-label:focus .ql-stroke, .sa-quill .ql-toolbar .ql-expanded .ql-picker-label:hover .ql-stroke, .sa-quill .ql-toolbar .ql-picker-label.ql-active .ql-stroke, .sa-quill .ql-toolbar .ql-picker-label .ql-stroke, .sa-quill .ql-toolbar .ql-picker-label:focus .ql-stroke, .sa-quill .ql-toolbar .ql-picker-label:hover .ql-stroke, .sa-quill .ql-toolbar button.ql-active .ql-stroke, .sa-quill .ql-toolbar button .ql-stroke, .sa-quill .ql-toolbar button:focus .ql-stroke, .sa-quill .ql-toolbar button:hover .ql-stroke { stroke: currentColor } .sa-quill .ql-toolbar .ql-expanded .ql-picker-label:focus, .sa-quill .ql-toolbar .ql-expanded .ql-picker-label:hover, .sa-quill .ql-toolbar .ql-picker-label:focus, .sa-quill .ql-toolbar .ql-picker-label:hover, .sa-quill .ql-toolbar button:focus, .sa-quill .ql-toolbar button:hover { background: #f0f2f5; color: #212529 } .sa-quill .ql-toolbar .ql-expanded .ql-picker-label.ql-active, .sa-quill .ql-toolbar .ql-expanded .ql-picker-label:active, .sa-quill .ql-toolbar .ql-picker-label.ql-active, .sa-quill .ql-toolbar .ql-picker-label:active, .sa-quill .ql-toolbar button.ql-active, .sa-quill .ql-toolbar button:active { background: #3d464d; color: #fff } .sa-quill .ql-toolbar .ql-expanded .ql-picker-label { background: #f0f2f5; color: #212529 } .sa-quill .ql-toolbar button { height: 1.875rem; padding: .375rem .4375rem; width: 2rem } [dir=ltr] .sa-quill .ql-toolbar button { float: left } [dir=rtl] .sa-quill .ql-toolbar button { float: right } [dir=ltr] .sa-quill .ql-toolbar button:first-child { border-bottom-left-radius: .125rem; border-top-left-radius: .125rem } [dir=ltr] .sa-quill .ql-toolbar button:last-child, [dir=rtl] .sa-quill .ql-toolbar button:first-child { border-bottom-right-radius: .125rem; border-top-right-radius: .125rem } [dir=rtl] .sa-quill .ql-toolbar button:last-child { border-bottom-left-radius: .125rem; border-top-left-radius: .125rem } .sa-quill .ql-toolbar .ql-picker { height: 1.875rem } [dir=ltr] .sa-quill .ql-toolbar .ql-picker { float: left } [dir=rtl] .sa-quill .ql-toolbar .ql-picker { float: right } [dir=ltr] .sa-quill .ql-toolbar .ql-picker:first-child .ql-picker-label { border-bottom-left-radius: .125rem; border-top-left-radius: .125rem } [dir=ltr] .sa-quill .ql-toolbar .ql-picker:nth-last-child(2) .ql-picker-label, [dir=rtl] .sa-quill .ql-toolbar .ql-picker:first-child .ql-picker-label { border-bottom-right-radius: .125rem; border-top-right-radius: .125rem } [dir=rtl] .sa-quill .ql-toolbar .ql-picker:nth-last-child(2) .ql-picker-label { border-bottom-left-radius: .125rem; border-top-left-radius: .125rem } .sa-quill .ql-toolbar .ql-picker.ql-expanded .ql-picker-label { border-color: #0000 } .sa-quill .ql-toolbar .ql-picker:not(.ql-color-picker):not(.ql-icon-picker) .ql-picker-label { padding-bottom: .125rem; padding-top: .125rem } [dir=ltr] .sa-quill .ql-toolbar .ql-picker:not(.ql-color-picker):not(.ql-icon-picker) .ql-picker-label { padding-left: .5rem; padding-right: .125rem } [dir=rtl] .sa-quill .ql-toolbar .ql-picker:not(.ql-color-picker):not(.ql-icon-picker) .ql-picker-label { padding-left: .125rem; padding-right: .5rem } [dir=ltr] .sa-quill .ql-toolbar .ql-picker:not(.ql-color-picker):not(.ql-icon-picker) svg { left: auto; right: 0 } [dir=rtl] .sa-quill .ql-toolbar .ql-picker:not(.ql-color-picker):not(.ql-icon-picker) svg { left: 0; right: auto } .sa-quill .ql-toolbar .ql-formats { display: block; margin-top: var(--sa-quill-toolbar-gutter) } [dir=ltr] .sa-quill .ql-toolbar .ql-formats { float: left; margin-left: 0; margin-right: var(--sa-quill-toolbar-gutter) } [dir=rtl] .sa-quill .ql-toolbar .ql-formats { float: right; margin-left: var(--sa-quill-toolbar-gutter); margin-right: 0 } .sa-quill .ql-container { background: #fff; border-color: inherit; border-radius: 0 0 .125rem .125rem; font-size: .9375rem } .sa-quill .ql-editor { font-size: .9375rem; line-height: 1.5; min-height: 12.75rem; padding: .75rem .875rem } .sa-rating { --sa-rating--bg: #fff; --sa-rating--count: 5; --sa-rating--value: 0 } .sa-rating__body { background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 12' fill='rgba(0, 0, 0, 0.08)'%3E%3Cpath d='m6.5 1.5 1.6 3 .3.5h3l-2 1.6-.5.4.1.6.7 3L7 9.1l-.5-.2-.5.2-2.8 1.5.7-3 .2-.6-.5-.4-2-1.6h3l.3-.5 1.6-3m0-1.5c-.2 0-.4.1-.5.3L4 4H.5c-.5.1-.7.8-.3 1.1L3 7.4l-1 4c-.1.3.2.6.5.6.1 0 .2 0 .3-.1L6.5 10l3.7 1.9c.1 0 .2.1.3.1.3 0 .6-.3.5-.6l-1-4 2.8-2.3c.3-.3.1-1-.3-1.1H9L7 .3C6.9.1 6.7 0 6.5 0z'/%3E%3C/svg%3E"), url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 12' fill='%23d0d5d9'%3E%3Cpath d='M7 .3 9 4h3.5c.4.1.6.8.3 1.1L10 7.4l1 4c.1.4-.4.8-.8.6l-3.7-2-3.7 1.9c-.4.2-.9-.1-.8-.6l1-4L.2 5.1C-.2 4.8 0 4.1.5 4H4L6 .3c.2-.4.8-.4 1 0z'/%3E%3C/svg%3E"); background-size: 1rem .75rem; height: .75rem; margin-right: -.1875rem; position: relative; width: calc(1rem*var(--sa-rating--count)) } .sa-rating__body:before { background-color: var(--sa-rating--bg); background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 12' fill='rgba(0, 0, 0, 0.08)'%3E%3Cpath d='m6.5 1.5 1.6 3 .3.5h3l-2 1.6-.5.4.1.6.7 3L7 9.1l-.5-.2-.5.2-2.8 1.5.7-3 .2-.6-.5-.4-2-1.6h3l.3-.5 1.6-3m0-1.5c-.2 0-.4.1-.5.3L4 4H.5c-.5.1-.7.8-.3 1.1L3 7.4l-1 4c-.1.3.2.6.5.6.1 0 .2 0 .3-.1L6.5 10l3.7 1.9c.1 0 .2.1.3.1.3 0 .6-.3.5-.6l-1-4 2.8-2.3c.3-.3.1-1-.3-1.1H9L7 .3C6.9.1 6.7 0 6.5 0z'/%3E%3C/svg%3E"), url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 12' fill='%23ffd333'%3E%3Cpath d='M7 .3 9 4h3.5c.4.1.6.8.3 1.1L10 7.4l1 4c.1.4-.4.8-.8.6l-3.7-2-3.7 1.9c-.4.2-.9-.1-.8-.6l1-4L.2 5.1C-.2 4.8 0 4.1.5 4H4L6 .3c.2-.4.8-.4 1 0z'/%3E%3C/svg%3E"); background-size: 1rem .75rem; content: ""; display: block; height: 100%; position: absolute; width: calc(var(--sa-rating--value)*100%) } .sa-switch { width: -webkit-fit-content; width: -moz-fit-content; width: fit-content } .sa-switch__body { background: #ebedf0; border-radius: 1.125rem; display: grid; grid-auto-columns: 1fr; grid-auto-flow: column; padding: .125rem } .sa-switch__body input { clip: rect(0, 0, 0, 0) !important; border: 0 !important; height: 1px !important; margin: -1px !important; overflow: hidden !important; padding: 0 !important; position: absolute !important; white-space: nowrap !important; width: 1px !important } .sa-switch__body label { align-items: center; border-radius: 1rem; cursor: pointer; display: flex; font-size: .875rem; font-weight: 500; justify-content: center; line-height: 1.25rem; padding: .375rem 1.875rem; text-align: center; transition: background-color .12s ease-in-out, box-shadow .12s ease-in-out } .sa-switch__body label:hover { background: #0000000f } .sa-switch__body input:checked+label { background: #fff; box-shadow: 0 1px 3px #0000001f, 0 0 0 1px #0000000a } .sa-symbol { --sa-symbol--bg-color: #ebedf0; --sa-symbol--font-color: #77838c; --sa-symbol--status-color: #000; --sa-symbol--size: inherit; --sa-symbol--parent-bg-color: #fff; --sa-symbol--text-size: 37%; --sa-symbol--icon-size: 40%; flex-shrink: 0; font-size: var(--sa-symbol--size); height: 1em; position: relative; width: 1em } .sa-symbol:hover { text-decoration: none } .sa-symbol img { border-radius: inherit; display: block; height: 100%; width: 100% } .sa-symbol--shape--circle { border-radius: .5em } .sa-symbol--shape--rounded { border-radius: max(.125rem, .1em) } .sa-symbol__icon, .sa-symbol__text { align-items: center; background: var(--sa-symbol--bg-color); border-radius: inherit; color: var(--sa-symbol--font-color); display: flex; height: 100%; justify-content: center; width: 100% } .sa-symbol__text { font-size: var(--sa-symbol--text-size); font-weight: 500 } .sa-symbol__icon { font-size: var(--sa-symbol--icon-size) } .sa-symbol__status { background: var(--sa-symbol--status-color); border: .125rem solid var(--sa-symbol--parent-bg-color); border-radius: 50%; bottom: -.0625rem; height: calc(25% + .125rem); position: absolute; width: calc(25% + .125rem) } [dir=ltr] .sa-symbol__status { right: -.0625rem } [dir=rtl] .sa-symbol__status { left: -.0625rem } .sa-symbol--size--xs { --sa-symbol--size: 1rem } .sa-symbol--size--sm { --sa-symbol--size: 1.5rem } .sa-symbol--size--md { --sa-symbol--size: 2rem } .sa-symbol--size--lg { --sa-symbol--size: 2.5rem } .sa-symbol--size--xl { --sa-symbol--size: 3rem } .sa-symbol--size--xxl { --sa-symbol--size: 3.5rem } .sa-symbol--style--theme { --sa-symbol--bg-color: #FAB207; --sa-symbol--font-color: #3d464d } .sa-symbol--style--primary { --sa-symbol--bg-color: #d9ecff; --sa-symbol--font-color: #004b9a } .sa-symbol--style--secondary { --sa-symbol--bg-color: #e2e3e5; --sa-symbol--font-color: #444a4f } .sa-symbol--style--success { --sa-symbol--bg-color: #def2d0; --sa-symbol--font-color: #245900 } .sa-symbol--style--danger { --sa-symbol--bg-color: #ffdcdc; --sa-symbol--font-color: #900 } .sa-symbol--style--warning { --sa-symbol--bg-color: #f9f1c8; --sa-symbol--font-color: #5e4f00 } .sa-symbol--style--info { --sa-symbol--bg-color: #dcf1f2; --sa-symbol--font-color: #00585d } .sa-symbol--style--light { --sa-symbol--bg-color: #fff; --sa-symbol--font-color: #212529 } .sa-symbol--style--dark { --sa-symbol--bg-color: #3d464d; --sa-symbol--font-color: #fff } .sa-symbol--status--offline { --sa-symbol--status-color: #ccc } .sa-symbol--status--online { --sa-symbol--status-color: #61cc14 } .sa-symbol--status--away { --sa-symbol--status-color: #ffba33 } .sa-symbol--status--busy { --sa-symbol--status-color: #e52e2e } .sa-symbols-stack { --sa-symbols-stack--divider-size: 0.1875rem; --sa-symbols-stack--parent-bg-color: #fff; display: flex } .sa-symbols-stack__item { --sa-symbol--size: 2rem; border: var(--sa-symbols-stack--divider-size) solid var(--sa-symbols-stack--parent-bg-color); margin: calc(var(--sa-symbols-stack--divider-size)*-1) } .sa-symbols-stack__item+.sa-symbols-stack__item { margin-left: calc(var(--sa-symbol--size)*.25*-1) } .sa-table { --sa-table--padding-x: 1.5rem; --sa-table__row--padding-x: .5rem; --sa-table__row--padding-y: .75rem; --sa-table__header-row--padding-y: .625rem; --sa-table__group-row--padding-y: .5rem; width: 100% } .sa-table td, .sa-table th { padding: var(--sa-table__row--padding-y) var(--sa-table__row--padding-x) } [dir=ltr] .sa-table td:first-child, [dir=ltr] .sa-table th:first-child { padding-left: var(--sa-table--padding-x) } [dir=ltr] .sa-table td:last-child, [dir=ltr] .sa-table th:last-child, [dir=rtl] .sa-table td:first-child, [dir=rtl] .sa-table th:first-child { padding-right: var(--sa-table--padding-x) } [dir=rtl] .sa-table td:last-child, [dir=rtl] .sa-table th:last-child { padding-left: var(--sa-table--padding-x) } .sa-table thead td, .sa-table thead th { padding-bottom: var(--sa-table__header-row--padding-y); padding-top: var(--sa-table__header-row--padding-y) } .sa-table thead th { font-weight: 500 } .sa-table tbody tr>* { border-top: 1px solid #2125291a } .sa-table .sa-table__group tr+tr>* { border-top: 0 } .sa-table .sa-table__group tr:not(:last-child)>* { padding-bottom: calc(var(--sa-table__group-row--padding-y)/2) } .sa-table .sa-table__group tr:not(:first-child)>* { padding-top: calc(var(--sa-table__group-row--padding-y)/2) } .sa-timeline { --sa-timeline--parent-bg-color: #fff } .sa-timeline__list { list-style: none; margin: 0; padding: 0; position: relative } [dir=ltr] .sa-timeline__list { margin-left: .25rem } [dir=rtl] .sa-timeline__list { margin-right: .25rem } .sa-timeline__list:before { background: linear-gradient(180deg, currentColor 0, currentColor calc(100% - 1.75rem), #0000); bottom: 0; color: #2125291a; content: ""; display: block; position: absolute; top: .5rem; width: .125rem } [dir=ltr] .sa-timeline__list:before { left: 0 } [dir=rtl] .sa-timeline__list:before { right: 0 } .sa-timeline__item { font-size: .875rem; padding-bottom: 1.25rem; position: relative } [dir=ltr] .sa-timeline__item { padding-left: 1.25rem } [dir=rtl] .sa-timeline__item { padding-right: 1.25rem } .sa-timeline__item:before { background: #FAB207; border: .125rem solid var(--sa-timeline--parent-bg-color); border-radius: 50%; content: ""; display: block; height: .875rem; position: absolute; top: .1875rem; width: .875rem } [dir=ltr] .sa-timeline__item:before { left: -.375rem } [dir=rtl] .sa-timeline__item:before { right: -.375rem } .sa-timeline__item-title { color: #6c757d } .sa-timeline__item-title+.sa-timeline__item-content { margin-top: .375rem } .sa-toc { font-size: .875rem; line-height: 1.125rem; padding: 1rem 0 } .sa-toc__container { height: 100%; overflow-y: auto; padding: .5rem 1.5rem } [dir=ltr] .sa-toc__container { border-left: 1px solid #2125291a } [dir=rtl] .sa-toc__container { border-right: 1px solid #2125291a } .sa-toc__head { color: #828f99; font-size: .8125rem; margin-bottom: .5rem } .sa-toc__head .sa-toc__link { padding: 0 } .sa-toc__head .sa-toc__link:hover { color: inherit } .sa-toc__list { list-style: none; margin: 0; padding: 0 } [dir=ltr] .sa-toc__list .sa-toc__list { padding-left: 1.25rem } [dir=rtl] .sa-toc__list .sa-toc__list { padding-right: 1.25rem } .sa-toc__link { color: inherit; display: block; padding: .25rem 0; text-decoration: none } .sa-toc__link:hover { color: #0b5be5 } .sa-toc__link--current { font-weight: 500 } @media (max-width:991.98px) { .sa-toc { margin-bottom: .5rem; margin-top: -1rem } .sa-toc__container { padding: .75rem 1.25rem .5rem } [dir=ltr] .sa-toc__container { border-left: 1px solid #2125291a } [dir=rtl] .sa-toc__container { border-right: 1px solid #2125291a } } .sa-widget-header { align-items: center; display: flex; justify-content: space-between } .sa-widget-header__title { font-size: 1.0625rem; font-weight: 500; margin: 0 } .sa-widget-header__actions { display: flex } [dir=ltr] .sa-widget-header__actions { margin-right: -.625rem } [dir=rtl] .sa-widget-header__actions { margin-left: -.625rem } .sa-widget-header__actions .btn { margin: -.3125rem 0 } .sa-widget-table { --sa-widget-table--padding-x: 1.25rem; --sa-widget-table__cell--padding-y: .5rem; --sa-widget-table__cell--padding-x: .5rem; --sa-widget-table__head-cell--padding-y: var(--sa-widget-table__cell--padding-y); --sa-widget-table__body-cell--padding-y: var(--sa-widget-table__cell--padding-y); --sa-widget-table__foot-cell--padding-y: var(--sa-widget-table__cell--padding-y); font-size: .875rem; overflow-x: auto } .sa-widget-table table { width: 100% } .sa-widget-table td, .sa-widget-table th { padding: var(--sa-widget-table__cell--padding-y) var(--sa-widget-table__cell--padding-x) } [dir=ltr] .sa-widget-table td:first-child, [dir=ltr] .sa-widget-table th:first-child { padding-left: var(--sa-widget-table--padding-x) } [dir=ltr] .sa-widget-table td:last-child, [dir=ltr] .sa-widget-table th:last-child, [dir=rtl] .sa-widget-table td:first-child, [dir=rtl] .sa-widget-table th:first-child { padding-right: var(--sa-widget-table--padding-x) } [dir=rtl] .sa-widget-table td:last-child, [dir=rtl] .sa-widget-table th:last-child { padding-left: var(--sa-widget-table--padding-x) } .sa-widget-table thead td, .sa-widget-table thead th { color: #6c757d; font-size: .8125rem; font-weight: 500; padding-bottom: var(--sa-widget-table__head-cell--padding-y); padding-top: var(--sa-widget-table__head-cell--padding-y) } .sa-widget-table tbody td, .sa-widget-table tbody th { border-top: 1px solid #2125291a; padding-bottom: var(--sa-widget-table__body-cell--padding-y); padding-top: var(--sa-widget-table__body-cell--padding-y) } .sa-widget-table tfoot td, .sa-widget-table tfoot th { padding-bottom: var(--sa-widget-table__foot-cell--padding-y); padding-top: var(--sa-widget-table__foot-cell--padding-y) } .select2-container--default { --sa-input-padding-x: 0; --sa-input-padding-y: 0 } .select2-container--default .select2-selection { background-clip: padding-box; border: .0625rem solid #ced4da; height: auto; transition: border-color .15s ease-in-out, box-shadow .15s ease-in-out } .select2-container--default .select2-selection--single .select2-selection__rendered { background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='5' height='10'%3E%3Cpath fill='%236e7173' d='M4.5 4h-4c-.4 0-.6-.5-.4-.9l2-2.9c.2-.3.6-.3.8 0l2 2.9c.2.4 0 .9-.4.9zm-4 2h4c.4 0 .6.5.4.9l-2 2.9c-.2.3-.6.3-.8 0l-2-2.9c-.2-.4 0-.9.4-.9z'/%3E%3C/svg%3E"); background-repeat: no-repeat; background-size: .3125rem .625rem; color: inherit; padding: var(--sa-input-padding-y) var(--sa-input-padding-x) } .select2-container--default .select2-selection--single .select2-selection__arrow { display: none } .select2-container--default .select2-selection--multiple { padding: 0 } .select2-container--default .select2-selection--multiple .select2-selection__rendered { display: flex; flex-wrap: wrap; padding: 0 0 var(--sa-input-padding-y) } [dir=ltr] .select2-container--default .select2-selection--multiple .select2-selection__rendered { padding-right: var(--sa-input-padding-y) } [dir=rtl] .select2-container--default .select2-selection--multiple .select2-selection__rendered { padding-left: var(--sa-input-padding-y) } .select2-container--default .select2-selection--multiple .select2-selection__rendered li { border: none; border-radius: .125rem; float: none; margin: var(--sa-input-padding-y) 0 0 } [dir=ltr] .select2-container--default .select2-selection--multiple .select2-selection__rendered li { margin-left: var(--sa-input-padding-y); margin-right: 0 } [dir=rtl] .select2-container--default .select2-selection--multiple .select2-selection__rendered li { margin-left: 0; margin-right: var(--sa-input-padding-y) } .select2-container--default .select2-selection--multiple .select2-selection__rendered .select2-search--inline { padding: 0 var(--sa-input-padding-x) } [dir=ltr] .select2-container--default .select2-selection--multiple .select2-selection__rendered .select2-search--inline, [dir=rtl] .select2-container--default .select2-selection--multiple .select2-selection__rendered .select2-search--inline { margin-left: 0; margin-right: 0 } .select2-container--default .select2-selection--multiple .select2-selection__choice { background: #3d464da6; color: #fff; display: flex; padding: 0 .5em } .select2-container--default .select2-selection--multiple .select2-selection__choice__remove { color: #fff; display: flex; padding: 0 .375em } [dir=ltr] .select2-container--default .select2-selection--multiple .select2-selection__choice__remove { margin-left: -.5em; margin-right: 0 } [dir=rtl] .select2-container--default .select2-selection--multiple .select2-selection__choice__remove { margin-left: 0; margin-right: -.5em } .select2-container--default .select2-selection--multiple .select2-selection__choice__remove:hover { color: #fff } .select2-container--default.select2-container--open.select2-container--above .select2-selection, .select2-container--default.select2-container--open.select2-container--below .select2-selection, .select2-container--default .select2-selection { border-radius: 2px } .select2-container--default.select2-container--disabled .select2-selection { background: #e9ecef } .select2-container--default.select2-container--disabled .select2-selection--multiple .select2-selection__choice { background: #3d464d80 } .select2-container--default.select2-container--disabled .select2-selection--multiple .select2-selection__choice__remove { display: none } .select2-container--default:not(.select2-container--disabled) .select2-selection--multiple .select2-selection__choice__remove:hover { background: #3d464d80 } .select2-container--default.select2-container--focus .select2-selection { outline: none } .select2-container--default.select2-container--focus.select2-container--disabled .select2-selection { border-color: #ced4da } .select2-container--default.select2-container--focus:not(.select2-container--disabled) .select2-selection { border-color: #13264d33; box-shadow: 0 0 0 3px rgba(19, 38, 77, .125) } .select2-container--default .select2-search--inline .select2-search__field { margin: 0 } .form-select.is-valid+.select2-container .select2-selection, .was-validated .form-select:valid+.select2-container .select2-selection { border-color: #00a629 } .form-select.is-valid+.select2-container--focus .select2-selection, .was-validated .form-select:valid+.select2-container--focus .select2-selection { border-color: #00a629; box-shadow: 0 0 0 3px #00a62940 } .form-select.is-invalid+.select2-container .select2-selection, .was-validated .form-select:invalid+.select2-container .select2-selection { border-color: #db3737 } .form-select.is-invalid+.select2-container--focus .select2-selection, .was-validated .form-select:invalid+.select2-container--focus .select2-selection { border-color: #db3737; box-shadow: 0 0 0 3px #db373740 } .select2-dropdown { border: none; box-shadow: 0 1px 15px #19264026, 0 1px 3px #1926401f, inset 0 -1px #19264008; overflow: hidden } .select2-container--open .select2-dropdown, .select2-container--open .select2-dropdown--above, .select2-container--open .select2-dropdown--below { border-radius: .125rem } .select2-results { -webkit-backface-visibility: hidden; backface-visibility: hidden; font-size: .875rem } .select2-search--dropdown { border-bottom: 1px solid #2125291a; padding: .4375rem } .select2-dropdown--above { top: -.375rem } .select2-dropdown--below { top: .375rem } .select2-container--default .select2-search--dropdown .select2-search__field { background-clip: padding-box; border: 1px solid #ced4da; border-radius: 2px; font-size: .8125rem; line-height: 1.125rem; min-height: calc(1.25rem + var(--sa-input-padding-y)*2); padding: .25rem .5625rem; transition: border-color .15s ease-in-out, box-shadow .15s ease-in-out } .select2-container--default .select2-search--dropdown .select2-search__field:focus { border-color: #13264d33; box-shadow: 0 0 0 3px rgba(19, 38, 77, .125); outline: none } .select2-container--default .select2-results__group { font-weight: 500; padding: .375rem .625rem } .select2-container--default .select2-results__option { padding: .375rem .625rem } [dir=ltr] .select2-container--default .select2-results__option .select2-results__option { padding-left: 1.125rem; padding-right: .625rem } [dir=rtl] .select2-container--default .select2-results__option .select2-results__option { padding-left: .625rem; padding-right: 1.125rem } .select2-container--default .select2-results__option[aria-selected=true] { background-color: #f0f2f5; color: #212529 } .select2-container--default .select2-results__option--highlighted[aria-selected] { background-color: #FAB20759; color: #3d464d } .form-select+.select2-container--default { --sa-input-padding-x: 0.8125rem; --sa-input-padding-y: 0.375rem } .form-select+.select2-container--default .select2-selection { min-height: calc(1.5rem + var(--sa-input-padding-y)*2) } .form-select+.select2-container--default .select2-selection .select2-selection__rendered { font-size: .9375rem; line-height: 1.375rem } [dir=ltr] .form-select+.select2-container--default .select2-selection--single .select2-selection__rendered { background-position: right var(--sa-input-padding-x) center; padding-right: calc(var(--sa-input-padding-x)*2 + 5px) } [dir=rtl] .form-select+.select2-container--default .select2-selection--single .select2-selection__rendered { background-position: left var(--sa-input-padding-x) center; padding-left: calc(var(--sa-input-padding-x)*2 + 5px) } .form-select-lg+.select2-container--default { --sa-input-padding-x: 1.0625rem; --sa-input-padding-y: 0.5rem } .form-select-lg+.select2-container--default .select2-selection { min-height: calc(1.75rem + var(--sa-input-padding-y)*2) } .form-select-lg+.select2-container--default .select2-selection .select2-selection__rendered { font-size: 1.0625rem; line-height: 1.625rem } [dir=ltr] .form-select-lg+.select2-container--default .select2-selection--single .select2-selection__rendered { background-position: right var(--sa-input-padding-x) center; padding-right: calc(var(--sa-input-padding-x)*2 + 5px) } [dir=rtl] .form-select-lg+.select2-container--default .select2-selection--single .select2-selection__rendered { background-position: left var(--sa-input-padding-x) center; padding-left: calc(var(--sa-input-padding-x)*2 + 5px) } .form-select-sm+.select2-container--default { --sa-input-padding-x: 0.5625rem; --sa-input-padding-y: 0.25rem } .form-select-sm+.select2-container--default .select2-selection { min-height: calc(1.25rem + var(--sa-input-padding-y)*2) } .form-select-sm+.select2-container--default .select2-selection .select2-selection__rendered { font-size: .8125rem; line-height: 1.125rem } [dir=ltr] .form-select-sm+.select2-container--default .select2-selection--single .select2-selection__rendered { background-position: right var(--sa-input-padding-x) center; padding-right: calc(var(--sa-input-padding-x)*2 + 5px) } [dir=rtl] .form-select-sm+.select2-container--default .select2-selection--single .select2-selection__rendered { background-position: left var(--sa-input-padding-x) center; padding-left: calc(var(--sa-input-padding-x)*2 + 5px) } .simplebar-track { --simplebar-track--color: #000 } .simplebar-track.simplebar-vertical { width: 1rem } .simplebar-track.simplebar-vertical .simplebar-scrollbar:before { background: var(--simplebar-track--color); border-radius: .1875rem; bottom: .3125rem; content: ""; display: block; left: .3125rem; position: absolute; right: .3125rem; top: .3125rem } .simplebar-scrollbar.simplebar-visible:before { opacity: .6; transition: opacity .2s linear } .simplebar-scrollbar.simplebar-hover:before { opacity: .9 } .sa-app { --sa-footer-visible-height: 0rem; --sa-sidebar-shown: 1; --sa-sidebar-width: 15rem; --sa-sidebar-actual-width: calc(var(--sa-sidebar-width)*var(--sa-sidebar-shown)); --sa-sticky-height: 3.25rem; --sa-toolbar-height: 3.25rem; --sa-toolbar-visible-height: 3.25rem; display: flex; min-height: 100% } .sa-app--toolbar-static { --sa-sticky-height: 0 } .sa-app--toolbar-static .sa-app__toolbar { position: relative } .sa-app__toasts { padding: 1.5rem; position: fixed; z-index: 100 } @media (max-width:767.98px) { .sa-app__toasts { padding: 1rem } } @media (max-width:575.98px) { .sa-app__toasts { padding: .75rem } } .sa-app__sidebar { align-items: flex-end; height: 100%; position: fixed; transition: width .2s ease-in-out; width: var(--sa-sidebar-actual-width) } .sa-app__content, .sa-app__sidebar { display: flex; flex-direction: column } .sa-app__content { flex-grow: 1; max-width: 100% } .sa-app__body, .sa-app__footer, .sa-app__toolbar { transition: width .2s ease-in-out; width: calc(100% - var(--sa-sidebar-actual-width)) } [dir=ltr] .sa-app__body, [dir=ltr] .sa-app__footer, [dir=ltr] .sa-app__toolbar { margin-left: auto } [dir=rtl] .sa-app__body, [dir=rtl] .sa-app__footer, [dir=rtl] .sa-app__toolbar { margin-right: auto } .sa-app__toolbar { height: var(--sa-toolbar-height); position: fixed; top: 0; z-index: 10 } [dir=ltr] .sa-app__toolbar { right: 0 } [dir=rtl] .sa-app__toolbar { left: 0 } .sa-app__body { flex-grow: 1; padding-top: var(--sa-sticky-height) } .sa-app__footer { background: #0000; border-top: 1px solid #2125291a; color: #6c757d; font-size: .8125rem; padding: 1rem 1.5rem } .sa-app--switch-device .sa-app__body, .sa-app--switch-device .sa-app__footer, .sa-app--switch-device .sa-app__sidebar, .sa-app--switch-device .sa-app__sidebar-backdrop, .sa-app--switch-device .sa-app__toolbar { transition: none } @media (min-width:1200px) { .sa-app--desktop-sidebar-hidden { --sa-sidebar-shown: 0 } .sa-app__sidebar-shadow { height: 100%; overflow: hidden; pointer-events: none; position: absolute; top: 0; width: 2rem } [dir=ltr] .sa-app__sidebar-shadow { right: 0 } [dir=rtl] .sa-app__sidebar-shadow { left: 0 } .sa-app__sidebar-shadow:before { box-shadow: 0 0 7px #0003; content: ""; display: block; height: calc(100% + 4rem); position: absolute; top: -2rem; width: 100% } [dir=ltr] .sa-app__sidebar-shadow:before { left: 100% } [dir=rtl] .sa-app__sidebar-shadow:before { right: 100% } } @media (max-width:1199.98px) { .sa-app--mobile-sidebar-hidden { --sa-sidebar-shown: 0 } .sa-app--mobile-sidebar-hidden .sa-app__sidebar-backdrop { opacity: 0; pointer-events: none } .sa-app__sidebar { z-index: 11 } .sa-app__body, .sa-app__footer, .sa-app__toolbar { width: 100% } .sa-app__sidebar-backdrop { background: #f5f7facc; bottom: 0; left: 0; position: fixed; right: 0; top: 0; transition: opacity .2s; z-index: -1 } } .sa-nav--sidebar { list-style: none; margin: 0; padding: 0 } .sa-nav--sidebar .sa-nav__section { padding: .8125rem 0 } .sa-nav--sidebar .sa-nav__section+.sa-nav__section { border-top: 1px solid #0000001f } .sa-nav--sidebar .sa-nav__section-title { color: #8fa7b2; display: block; font-size: .6875rem; font-weight: 500; line-height: .6875rem; padding: .5625rem 1.25rem; text-transform: uppercase } .sa-nav--sidebar .sa-nav__menu { list-style: none; margin: 0; padding: 0 } .sa-nav--sidebar .sa-nav__link { align-items: center; color: inherit; display: flex; font-size: .875rem; line-height: 1.125rem; padding: 1rem 1.5rem; text-decoration: none } .sa-nav--sidebar .sa-nav__link:hover { background-color: #48525a } .sa-nav--sidebar .sa-nav__menu-item-padding { width: 1rem } .sa-nav--sidebar .sa-nav__title { flex-grow: 1; margin-bottom: -1px; padding-top: 1px } .sa-nav--sidebar .sa-nav__icon { fill: currentColor; display: flex; flex-shrink: 0; font-size: 1rem; height: 1rem; justify-content: center; width: 1rem } [dir=ltr] .sa-nav--sidebar .sa-nav__icon { margin-right: .75rem } [dir=rtl] .sa-nav--sidebar .sa-nav__icon { margin-left: .75rem } .sa-nav--sidebar .sa-nav__icon svg { display: block; margin: auto } .sa-nav--sidebar .sa-nav__icon .feather { stroke-width: 2.5px; height: 1rem; width: 1rem } .sa-nav--sidebar .sa-nav__arrow { align-items: center; color: #7a8f99; display: flex; flex-shrink: 0; transition: transform .2s ease-in-out } [dir=ltr] .sa-nav--sidebar .sa-nav__arrow { margin-left: .625rem; margin-right: 0 } [dir=rtl] .sa-nav--sidebar .sa-nav__arrow { margin-left: 0; margin-right: .625rem } .sa-nav--sidebar .sa-nav__menu-item-badge { align-self: center; font-size: 11px; font-weight: 700; line-height: 15px; padding: .125rem .5rem calc(.125rem - 1px); vertical-align: middle } [dir=ltr] .sa-nav--sidebar .sa-nav__menu-item-badge { margin-left: .5rem } [dir=rtl] .sa-nav--sidebar .sa-nav__menu-item-badge { margin-right: .5rem } [dir=ltr] .sa-nav--sidebar .sa-nav__menu-item-badge:last-child { margin-right: -.25rem } [dir=rtl] .sa-nav--sidebar .sa-nav__menu-item-badge:last-child { margin-left: -.25rem } .sa-nav--sidebar .sa-nav__menu--sub { height: 0; opacity: 0; overflow: hidden; transition: height .2s, opacity .2s } .sa-nav--sidebar .sa-nav__menu--sub:after, .sa-nav--sidebar .sa-nav__menu--sub:before { content: ""; display: block; height: .125rem } .sa-nav--sidebar .sa-nav__menu-item:last-child .sa-nav__menu--sub:after { display: none } .sa-nav--sidebar .sa-nav__menu-item--open>.sa-nav__menu--sub { height: auto; opacity: 1; overflow: hidden } .sa-nav--sidebar .sa-nav__menu-item--open>.sa-nav__link .sa-nav__arrow { transform: rotate(-90deg) } .sa-nav--sidebar .sa-nav__menu--sub .sa-nav__link { padding-bottom: .3125rem; padding-top: .3125rem } [dir=ltr] .sa-nav--sidebar .sa-nav__menu-item--has-icon .sa-nav__menu--sub .sa-nav__link { padding-left: 2rem } [dir=rtl] .sa-nav--sidebar .sa-nav__menu-item--has-icon .sa-nav__menu--sub .sa-nav__link { padding-right: 2rem } .sa-notifications { display: flex; flex-direction: column; max-height: min(28rem, calc(100vh - var(--sa-toolbar-height) - 1.5rem)); width: 20rem } .sa-notifications__header { align-items: center; border-bottom: 1px solid #2125291a; display: flex; flex-shrink: 0; justify-content: space-between; padding: .5rem 1rem } .sa-notifications__header-title { font-size: .875rem; font-weight: 500 } .sa-notifications__header-action { font-size: .8125rem } .sa-notifications__footer { border-top: 1px solid #2125291a; color: #6c757d; flex-shrink: 0; font-size: .8125rem } .sa-notifications__footer-action { align-items: center; color: inherit; display: flex; justify-content: center; padding: .375rem 1rem calc(.375rem + 1px); text-align: center; transition: background-color .12s ease-out } .sa-notifications__footer-action:hover { background: #f0f2f5; color: inherit; text-decoration: none } .sa-notifications__footer-action:active { background-color: #ebedf0; transition-duration: 0s } .sa-notifications__list { list-style: none; margin: 0; overflow-y: auto; padding: .5rem 0 } .sa-notifications__item:hover { background: #f0f2f5 } .sa-notifications__item:active { background: #ebedf0 } .sa-notifications__item-button { align-items: center; display: flex; line-height: 1.25; padding: .5rem 1rem } .sa-notifications__item-button, .sa-notifications__item-button:hover { color: inherit; text-decoration: none } .sa-notifications__item-icon { flex-shrink: 0; font-size: 2.5rem } [dir=ltr] .sa-notifications__item-icon { margin-right: .75rem } [dir=rtl] .sa-notifications__item-icon { margin-left: .75rem } .sa-notifications__item-body { overflow: hidden } .sa-notifications__item-title { font-size: .875rem; font-weight: 500 } .sa-notifications__item-title--nowrap { overflow: hidden; text-overflow: ellipsis; white-space: nowrap } .sa-notifications__item-subtitle { color: #6c757d; font-size: .8125rem; margin-top: .125rem } .sa-notifications__item-subtitle--nowrap { overflow: hidden; text-overflow: ellipsis; white-space: nowrap } .sa-search { height: 2.25rem; position: relative; width: 100% } .sa-search__body { display: flex; height: 100%; position: relative; z-index: 11 } .sa-search__icon { fill: #212529; align-items: center; display: flex; height: 2.25rem; justify-content: center; opacity: .35; pointer-events: none; position: absolute; width: 2.25rem } [dir=ltr] .sa-search__icon { margin-left: 1px; margin-right: -1px } [dir=rtl] .sa-search__icon { margin-left: -1px; margin-right: 1px } .sa-search__input { background: #0000; border: none; color: #212529; flex-basis: 0; flex-grow: 1; font-family: "Lato"; font-size: .9375rem; margin: 0; min-width: 0; width: 0 } [dir=ltr] .sa-search__input { padding-left: 2.25rem; padding-right: .75rem } [dir=rtl] .sa-search__input { padding-left: .75rem; padding-right: 2.25rem } .sa-search__input:focus { outline: none } .sa-search__input::placeholder { color: #6c757d } .sa-search__cancel { fill: #212529; align-items: center; background: #0000; border: none; display: flex; height: 2.25rem; justify-content: center; opacity: .6; padding: 0; width: 2.25rem } .sa-search__field { background: #ebedf0; box-shadow: inset 0 0 0 1px #0000; height: 100%; left: 0; pointer-events: none; top: 0; transition: background .2s, box-shadow .2s; z-index: -1 } .sa-search__dropdown, .sa-search__field { border-radius: .125rem; position: absolute; width: 100% } .sa-search__dropdown { background: #fff; color: #212529; display: none; flex-direction: column; max-height: 70vh; min-height: 4rem; overflow: hidden; top: calc(100% + .3125rem); z-index: 11 } .sa-search__dropdown-loader { -webkit-backdrop-filter: blur(1.5px); backdrop-filter: blur(1.5px); display: none; height: 100%; left: 0; position: absolute; top: 0; width: 100%; z-index: 1 } .sa-search__dropdown-loader:before { background: #ffffffe6; content: ""; display: block; height: 100%; left: 0; position: absolute; top: 0; width: 100% } .sa-search__dropdown-loader:after { animation-duration: .5s; animation-iteration-count: infinite; animation-name: sa-loader-animation; animation-timing-function: linear; border: .125rem solid #21252933; border-radius: 1rem; border-top-color: #21252999; content: ""; display: block; height: 2rem; left: calc(50% - 1rem); position: absolute; top: calc(50% - 1rem); width: 2rem } .sa-search__dropdown-wrapper { -webkit-backface-visibility: hidden; backface-visibility: hidden; overflow-y: auto } .sa-search__suggestions { display: none } .sa-search__help { display: none; padding: 1.25rem 1rem; text-align: center } .sa-search__help-title { font-size: .9375rem; font-weight: 500 } .sa-search__help-subtitle { color: #6c757d; font-size: .875rem; padding-bottom: .125rem } .sa-search__backdrop { background: #3d464dcc; bottom: 0; left: 0; opacity: 0; pointer-events: none; position: fixed; right: 0; top: 0; transition: opacity .2s; z-index: 10 } .sa-search--state--has-results .sa-search__suggestions, .sa-search--state--no-results .sa-search__help--type--no-results, .sa-search--state--pending .sa-search__help--type--greeting { display: block } .sa-search--hover .sa-search__field { background: #e6e8eb; box-shadow: inset 0 0 0 1px #2125290d } .sa-search--focus .sa-search__field { background: #fff; box-shadow: inset 0 0 0 1px #0000 } .sa-search--focus .sa-search__dropdown { display: flex } .sa-search--focus .sa-search__backdrop { opacity: 1; pointer-events: all } .sa-search--loading .sa-search__dropdown-loader { display: block } .sa-sidebar { -webkit-backface-visibility: hidden; backface-visibility: hidden; background-color: #3d464d; color: #fff; display: flex; flex-direction: column; height: 100%; max-height: 100%; width: var(--sa-sidebar-width) } .sa-sidebar .simplebar-track { --simplebar-track--color: #7a8f99 } .sa-sidebar__header { background-color: #FAB207; color: #3d464d; flex-shrink: 0; height: var(--sa-toolbar-height) } .sa-sidebar__logo { align-items: flex-start; display: flex; height: 100%; padding: .5rem 1rem } .sa-sidebar__logo>* { height: auto; margin: auto 0; max-height: 100%; max-width: 100%; width: auto } .sa-sidebar__logo:hover { text-decoration: none } .sa-sidebar__body { height: calc(100% - var(--sa-toolbar-height)); position: relative } .sa-suggestions__section { padding: .625rem 0 } .sa-suggestions__section+.sa-suggestions__section { border-top: 1px solid #2125291a } .sa-suggestions__section-title { color: #6c757d; font-size: .8125rem; padding: .25rem 1rem; position: relative } .sa-suggestions__item { cursor: pointer; padding: 0 1rem } .sa-suggestions__item:hover { background: #f0f2f5; color: #212529 } .sa-suggestions__item--type--default { font-size: .9375rem; padding-bottom: .25rem; padding-top: .25rem } .sa-suggestions__item--type--link { color: #0b5be5; font-size: .875rem; padding-bottom: .25rem; padding-top: .25rem } .sa-suggestions__item--type--product+.sa-suggestions__item--type--link { margin-top: .25rem } .sa-suggestions__product { align-items: center; display: flex; font-size: .9375rem; line-height: 1.2; padding: .5rem 0 } .sa-suggestions__product-image { border-radius: .125rem; flex-shrink: 0; overflow: hidden } [dir=ltr] .sa-suggestions__product-image { margin-right: .75rem } [dir=rtl] .sa-suggestions__product-image { margin-left: .75rem } .sa-suggestions__product-info { overflow: hidden } .sa-suggestions__product-name { max-width: 100%; overflow: hidden; text-overflow: ellipsis; white-space: nowrap } .sa-suggestions__product-meta { font-size: .8125rem; margin-top: .125rem } .sa-toolbar__body { background-color: #fff; color: #212529; display: flex; height: 100% } .sa-toolbar__shadow { height: 2rem; left: 0; overflow: hidden; pointer-events: none; position: absolute; top: 100%; width: 100% } .sa-toolbar__shadow:before { bottom: 100%; box-shadow: 0 1px 5px #0000001a, 0 0 3px #00000026; content: ""; display: block; height: 100%; left: -2rem; position: absolute; width: calc(100% + 4rem) } .sa-toolbar__item { align-items: center; display: flex; height: 100% } [dir=ltr] .sa-toolbar__item { margin-left: .5rem } [dir=rtl] .sa-toolbar__item { margin-right: .5rem } .sa-toolbar__item--search { flex-basis: 0; flex-grow: 1; flex-shrink: 1; max-width: 22.5rem; transition: max-width .2s ease-in-out } .sa-toolbar__button { align-items: center; background: #0000; border: none; border-radius: .125rem; color: inherit; display: flex; height: 2.25rem; justify-content: center; min-width: 2.25rem; padding: 0; position: relative; transition: background-color .12s ease-out } .sa-toolbar__button:hover { background-color: #ebedf0 } .sa-toolbar__button.show, .sa-toolbar__button:active { background-color: #e6e8eb; transition-duration: 0s } .sa-toolbar__button:focus { outline: none } .sa-toolbar__button-indicator { background: #FAB207; border-radius: .40625rem; color: #3d464d; font-size: .5625rem; font-weight: 700; height: .8125rem; position: absolute; text-align: center; top: .1875rem; width: .8125rem } [dir=ltr] .sa-toolbar__button-indicator { right: .3125rem } [dir=rtl] .sa-toolbar__button-indicator { left: .3125rem } @media (min-width:576px) { .sa-toolbar--search-shown .sa-toolbar__item--search { max-width: 32.5rem } } @media (max-width:575.98px) { .sa-toolbar--search-hidden .sa-toolbar__item--search { visibility: hidden } .sa-toolbar--search-shown .sa-toolbar__item--search { visibility: visible } .sa-toolbar__item--search { max-width: none; padding: .5rem; position: absolute; width: 100%; z-index: 1 } [dir=ltr] .sa-toolbar__item--search, [dir=rtl] .sa-toolbar__item--search { margin: 0 } } .sa-toolbar-user { align-items: center; background: #0000; border: none; color: inherit; cursor: pointer; display: flex; height: 100%; padding: 0 .625rem; transition: background-color .12s ease-out } [dir=ltr] .sa-toolbar-user { text-align: left } [dir=rtl] .sa-toolbar-user { text-align: right } .sa-toolbar-user:focus { outline: none } .sa-toolbar-user:focus, .sa-toolbar-user:hover { background-color: #ebedf0 } .sa-toolbar-user.show, .sa-toolbar-user:active { background-color: #e6e8eb; transition-duration: 0s } .sa-toolbar-user__avatar { font-size: 2rem } [dir=ltr] .sa-toolbar-user__avatar+.sa-toolbar-user__info { margin-left: .5rem } [dir=rtl] .sa-toolbar-user__avatar+.sa-toolbar-user__info { margin-right: .5rem } .sa-toolbar-user__info { display: flex; flex-direction: column; line-height: 1 } [dir=ltr] .sa-toolbar-user__info { padding-right: .25rem } [dir=rtl] .sa-toolbar-user__info { padding-left: .25rem } .sa-toolbar-user__title { font-size: .875rem; font-weight: 500 } .sa-toolbar-user__subtitle { color: #6c757d; font-size: .8125rem } .sa-toolbar-user__title+.sa-toolbar-user__subtitle { margin-top: .125rem } @media (max-width:767.98px) { .sa-toolbar-user__info { display: none } } .saw-chart { display: flex; flex-direction: column } .saw-chart__header { padding: 1.25rem 1.25rem 0 } .saw-chart__body { flex-grow: 1; min-height: 16rem; padding-bottom: 33.3333333333%; position: relative } .saw-chart__container { height: 100%; left: 0; padding: 1.25rem; position: absolute; top: 0; width: 100% } .saw-chart__table { --sa-widget-table__body-cell--padding-y: .25rem; border-bottom: 1px solid #2125291a; margin-bottom: 1rem } .saw-chart-circle { display: flex; flex-direction: column } .saw-chart-circle__header { padding: 1.25rem 1.25rem 0 } .saw-chart-circle__body { flex-grow: 1; min-height: 12rem; padding-bottom: min(80%, 20rem); position: relative } .saw-chart-circle__container { height: 100%; left: 0; padding: 1.25rem; position: absolute; top: 0; width: 100% } .saw-chart-circle__table { --sa-widget-table__body-cell--padding-y: .25rem; border-bottom: 1px solid #2125291a; margin-bottom: 1rem } .saw-chart-circle__symbol { --saw-chart-circle__symbol--color: #000; background: var(--saw-chart-circle__symbol--color); border-radius: .09375rem; height: .4375rem; width: .4375rem } [dir=ltr] .saw-chart-circle__symbol { margin-right: .375rem } [dir=rtl] .saw-chart-circle__symbol { margin-left: .375rem } .saw-chart-circle--size--lg { flex-direction: row; flex-wrap: wrap } .saw-chart-circle--size--lg .saw-chart-circle__header { width: 100% } .saw-chart-circle--size--lg .saw-chart-circle__body { flex-grow: 0; margin: 4%; min-height: 13.75rem; min-width: 33.3333333333%; padding-bottom: 0 } .saw-chart-circle--size--lg .saw-chart-circle__container { padding: 0 } .saw-chart-circle--size--lg .saw-chart-circle__table { --sa-widget-table--padding-x: .75rem; --sa-widget-table__head-cell--padding-y: .375rem; --sa-widget-table__body-cell--padding-y: .25rem; align-self: center; border: 1px solid #2125291a; border-radius: .125rem; flex-grow: 1; margin: 4% } [dir=ltr] .saw-chart-circle--size--lg .saw-chart-circle__table { margin-left: 0 } [dir=rtl] .saw-chart-circle--size--lg .saw-chart-circle__table { margin-right: 0 } .saw-indicator { padding: 1.25rem } .saw-indicator .sa-widget-header__title { color: #828f99; font-size: .875rem; font-weight: 400 } .saw-indicator__header { margin-bottom: 1rem } .saw-indicator__body { display: grid; padding: .125rem 0 } .saw-indicator__value { font-size: 2rem; font-weight: 500; grid-column: 1; grid-row: 1; letter-spacing: -.02em; line-height: 1; margin-bottom: .75rem; margin-top: .25rem; text-align: center } .saw-indicator__delta { align-items: center; display: flex; font-size: .875rem; font-weight: 500; grid-column: 1; grid-row: 2; justify-content: center } [dir=ltr] .saw-indicator__delta-direction { margin-right: .25rem; transform: scaleX(1) } [dir=rtl] .saw-indicator__delta-direction { margin-left: .25rem; transform: scaleX(-1) } .saw-indicator__delta-direction svg { display: block } .saw-indicator__delta--rise { color: #47ad24 } .saw-indicator__delta--fall { color: #e52e2e } .saw-indicator__caption { color: #828f99; font-size: .75rem; grid-column: 1; grid-row: 3; margin-top: .25rem; text-align: center } .saw-indicator--size--lg .saw-indicator__header { margin-bottom: 1.25rem } .saw-indicator--size--lg .saw-indicator__body { grid-template-columns: auto auto; grid-template-rows: auto auto } .saw-indicator--size--lg .saw-indicator__value { align-self: center; grid-column: 1; grid-row: 1/3; margin: 0 } [dir=ltr] .saw-indicator--size--lg .saw-indicator__value { margin-right: .75rem; text-align: left } [dir=rtl] .saw-indicator--size--lg .saw-indicator__value { margin-left: .75rem; text-align: right } .saw-indicator--size--lg .saw-indicator__delta { grid-column: 2; grid-row: 1; justify-content: flex-end } [dir=ltr] .saw-indicator--size--lg .saw-indicator__delta { text-align: right } [dir=rtl] .saw-indicator--size--lg .saw-indicator__delta { text-align: left } .saw-indicator--size--lg .saw-indicator__caption { grid-column: 2; grid-row: 2 } [dir=ltr] .saw-indicator--size--lg .saw-indicator__caption { text-align: right } [dir=rtl] .saw-indicator--size--lg .saw-indicator__caption { text-align: left } .saw-pulse__header { padding: 1.25rem } .saw-pulse__counter { background: #d9ecff; border-radius: .125rem; color: #004b9a; font-size: 2.5rem; font-weight: 500; line-height: 1; margin: 0 1.25rem .75rem; padding: 1.5rem 1.25rem; text-align: center } .saw-pulse__table { --sa-widget-table__body-cell--padding-y: .25rem; border-bottom: 1px solid #2125291a; margin-bottom: 1rem } .saw-pulse--size--lg { flex-direction: row; flex-wrap: wrap; padding: 1.25rem } .saw-pulse--size--lg .saw-pulse__header { margin-bottom: 1.25rem; padding: 0; width: 100% } .saw-pulse--size--lg .saw-pulse__counter { align-items: center; display: flex; justify-content: center; margin: 0; min-width: 12rem } [dir=ltr] .saw-pulse--size--lg .saw-pulse__counter { margin-right: 1.25rem } [dir=rtl] .saw-pulse--size--lg .saw-pulse__counter { margin-left: 1.25rem } .saw-pulse--size--lg .saw-pulse__table { --sa-widget-table--padding-x: .75rem; --sa-widget-table__head-cell--padding-y: .375rem; --sa-widget-table__body-cell--padding-y: .25rem; border: 1px solid #2125291a; border-radius: .125rem; flex-grow: 1; margin: 0 } .saw-table__header { padding: 1.25rem 1.25rem .875rem } .saw-table__body { border-bottom: 1px solid #2125291a; margin-bottom: 1rem } .sa-inbox { background: #fff; display: flex; height: 100%; max-height: 100%; overflow: hidden } .sa-inbox__sidebar { flex-shrink: 0; padding: 1rem; width: calc(15rem + 1px) } [dir=ltr] .sa-inbox__sidebar { border-right: 1px solid #2125291a } [dir=rtl] .sa-inbox__sidebar { border-left: 1px solid #2125291a } .sa-inbox__sidebar .simplebar-track { --simplebar-track--color: #828f99 } .sa-inbox__body { flex-grow: 1; overflow: hidden } .sa-inbox__compose-button { display: block; margin-bottom: .75rem; width: 100% } @media (max-width:991.98px) { .sa-inbox__backdrop { background: #f5f7facc; bottom: 0; left: 0; opacity: 0; pointer-events: none; position: fixed; right: 0; top: 0; transition: opacity .2s; z-index: 999 } .sa-inbox__sidebar { background: #fff; border: none; box-shadow: 0 1px 3px #00000026; height: 100vh; position: fixed; top: 0; transition: transform .2s; z-index: 1000 } [dir=ltr] .sa-inbox__sidebar { left: 0; transform: translateX(calc(-100% + -.625rem)) } [dir=rtl] .sa-inbox__sidebar { right: 0; transform: translateX(calc(100% + .625rem)) } .sa-inbox--sidebar-open .sa-inbox__sidebar { transform: none } .sa-inbox--sidebar-open .sa-inbox__backdrop { opacity: 1; pointer-events: auto } .sa-inbox--switch-device .sa-inbox__backdrop, .sa-inbox--switch-device .sa-inbox__sidebar { transition: none } } .sa-inbox-chat { --sa-inbox-chat--avatar-size: 2.5rem; --sa-inbox-chat--avatar-gutter: 1rem; --sa-inbox-chat--avatar-total-width: calc(var(--sa-inbox-chat--avatar-size) + var(--sa-inbox-chat--avatar-gutter)); padding-bottom: 25vh } .sa-inbox-chat__header { display: grid; grid-template-columns: 1fr auto; grid-template-rows: auto auto; padding: 1.125rem 1.25rem } [dir=ltr] .sa-inbox-chat__header { padding-left: calc(1.25rem + var(--sa-inbox-chat--avatar-total-width)) } [dir=rtl] .sa-inbox-chat__header { padding-right: calc(1.25rem + var(--sa-inbox-chat--avatar-total-width)) } .sa-inbox-chat__subject { font-size: 1.125rem; font-weight: 500 } .sa-inbox-chat__actions { align-self: center; display: flex; grid-column: 2; grid-row: 1/3 } .sa-inbox-chat__labels { display: flex; flex-wrap: wrap; font-size: .9375rem; margin-top: -.25rem; padding-bottom: .125rem; padding-top: .375rem } [dir=ltr] .sa-inbox-chat__labels { margin-left: -.25rem } [dir=rtl] .sa-inbox-chat__labels { margin-right: -.25rem } .sa-inbox-chat__labels>* { margin-top: .25rem } [dir=ltr] .sa-inbox-chat__labels>* { margin-left: .25rem } [dir=rtl] .sa-inbox-chat__labels>* { margin-right: .25rem } .sa-inbox-chat__list { border-bottom: 1px solid #2125291a; list-style: none; margin: 0; padding: 0 } .sa-inbox-chat__item { border-top: 1px solid #2125291a } .sa-inbox-chat__item-header { display: grid; grid-template-columns: var(--sa-inbox-chat--avatar-size) var(--sa-inbox-chat--avatar-gutter) 1fr auto auto; grid-template-rows: 1fr 1fr; padding: .875rem 1.25rem } .sa-inbox-chat__item-body { display: none; padding: .125rem 1.25rem .875rem } [dir=ltr] .sa-inbox-chat__item-body { padding-left: calc(1.25rem + var(--sa-inbox-chat--avatar-total-width)) } [dir=rtl] .sa-inbox-chat__item-body { padding-right: calc(1.25rem + var(--sa-inbox-chat--avatar-total-width)) } .sa-inbox-chat__item-avatar { align-self: center; grid-column: 1; grid-row: 1/3 } .sa-inbox-chat__item-avatar .sa-symbol { font-size: var(--sa-inbox-chat--avatar-size) } .sa-inbox-chat__item-author { font-size: .9375rem; font-weight: 500; grid-column: 3; grid-row: 1 } .sa-inbox-chat__item-date { align-self: center; color: #6c757d; font-size: .875rem; grid-column: 4; grid-row: 1/3; padding-top: .0625rem } [dir=ltr] .sa-inbox-chat__item-date { margin-left: 1rem } [dir=rtl] .sa-inbox-chat__item-date { margin-right: 1rem } .sa-inbox-chat__item-actions { align-self: center; display: flex; grid-column: 5; grid-row: 1/3 } [dir=ltr] .sa-inbox-chat__item-actions { margin-left: .75rem } [dir=rtl] .sa-inbox-chat__item-actions { margin-right: .75rem } .sa-inbox-chat__item-meta { color: #6c757d; display: none; font-size: .875rem; grid-column: 3/6; grid-row: 2 } .sa-inbox-chat__item-meta a { color: inherit } .sa-inbox-chat__item-excerpt { color: #6c757d; font-size: .875rem; grid-column: 3; grid-row: 2; overflow: hidden; text-overflow: ellipsis; white-space: nowrap } .sa-inbox-chat__item-message { font-size: .9375rem; grid-column: 3/6; grid-row: 3; line-height: 1.3125rem; padding-bottom: .5rem; white-space: pre-wrap; word-break: break-word } .sa-inbox-chat__item-attachments { grid-column: 3/6; grid-row: 4 } .sa-inbox-chat__item--expanded .sa-inbox-chat__item-excerpt { display: none } .sa-inbox-chat__item--expanded .sa-inbox-chat__item-body, .sa-inbox-chat__item--expanded .sa-inbox-chat__item-meta { display: block } .sa-inbox-chat__item-actions, .sa-inbox-chat__item-author, .sa-inbox-chat__item-date, .sa-inbox-chat__item-excerpt, .sa-inbox-chat__item-meta { line-height: 1.1875rem } .sa-inbox-chat__item-author { padding-bottom: .0625rem } .sa-inbox-chat__item-excerpt, .sa-inbox-chat__item-meta { padding-top: .0625rem } .sa-inbox-chat__item-attachments { margin: .5rem 0 .75rem } .sa-inbox-chat__item-attachments>ul { display: flex; flex-wrap: wrap; list-style: none; margin-top: -.375rem; padding: 0 } [dir=ltr] .sa-inbox-chat__item-attachments>ul { margin-left: -.375rem } [dir=rtl] .sa-inbox-chat__item-attachments>ul { margin-right: -.375rem } .sa-inbox-chat__item-attachments>ul>li { margin-top: .375rem } [dir=ltr] .sa-inbox-chat__item-attachments>ul>li { margin-left: .375rem } [dir=rtl] .sa-inbox-chat__item-attachments>ul>li { margin-right: .375rem } .sa-inbox-chat__item-attachments>div { font-size: .875rem; margin-bottom: -.25rem; margin-top: .75rem } .sa-inbox-chat__file { align-items: center; background: #f0f2f5; border-radius: .125rem; color: inherit; display: flex; font-size: .875rem; line-height: 1; padding: .5rem .875rem .5rem .75rem } .sa-inbox-chat__file:hover { color: inherit; text-decoration: none } .sa-inbox-chat__file-icon { font-size: 1.5rem; opacity: .4 } [dir=ltr] .sa-inbox-chat__file-icon { margin-right: .625rem } [dir=rtl] .sa-inbox-chat__file-icon { margin-left: .625rem } .sa-inbox-chat__file-icon svg { display: block } .sa-inbox-chat__file-name { font-weight: 500; margin: .125rem 0 } .sa-inbox-chat__file-meta { color: #6c757d; font-size: .75rem; margin: .25rem 0 .125rem } .sa-inbox-chat__form { padding: 1.25rem; position: relative } [dir=ltr] .sa-inbox-chat__form { padding-left: calc(1.25rem + var(--sa-inbox-chat--avatar-total-width)) } [dir=rtl] .sa-inbox-chat__form { padding-right: calc(1.25rem + var(--sa-inbox-chat--avatar-total-width)) } .sa-inbox-chat__form>.sa-symbol { font-size: var(--sa-inbox-chat--avatar-size); position: absolute } [dir=ltr] .sa-inbox-chat__form>.sa-symbol { left: 1.25rem } [dir=rtl] .sa-inbox-chat__form>.sa-symbol { right: 1.25rem } .sa-inbox-chat__form>.sa-quill { margin: 1.25rem 0 } .sa-inbox-chat__form-head { align-items: stretch; display: flex } .sa-inbox-chat__form-footer { align-items: center; display: flex } [dir=ltr] .sa-inbox-chat__form-footer .btn-primary { margin-right: .75rem } [dir=rtl] .sa-inbox-chat__form-footer .btn-primary { margin-left: .75rem } @media (max-width:767.98px) { [dir=ltr] .sa-inbox-chat__header { padding-left: 1.25rem } [dir=rtl] .sa-inbox-chat__header { padding-right: 1.25rem } .sa-inbox-chat__item-avatar { grid-column: 1; grid-row: 1/4 } [dir=ltr] .sa-inbox-chat__item-body { padding-left: 1.25rem } [dir=rtl] .sa-inbox-chat__item-body { padding-right: 1.25rem } .sa-inbox-chat__item-date { font-size: .75rem; grid-column: 3; grid-row: 3; margin-bottom: -.125rem; margin-top: .125rem } [dir=ltr] .sa-inbox-chat__item-date { margin-left: 0 } [dir=rtl] .sa-inbox-chat__item-date { margin-right: 0 } .sa-inbox-chat__item-actions { grid-column: 5; grid-row: 1/4 } .sa-inbox-chat__form .sa-symbol { display: none } [dir=ltr] .sa-inbox-chat__form { padding-left: 1.25rem } [dir=rtl] .sa-inbox-chat__form { padding-right: 1.25rem } } .sa-inbox-list { font-size: .875rem; padding-bottom: 4rem } .sa-inbox-list__item { align-items: center; border-bottom: 1px solid #2125291a; cursor: pointer; display: flex; padding: .75rem 1.25rem; position: relative } .sa-inbox-list__item, .sa-inbox-list__item:hover { color: inherit; text-decoration: none } .sa-inbox-list__item--hover { background: #f0f2f580 } .sa-inbox-list__checkbox, .sa-inbox-list__star { z-index: 1 } .sa-inbox-list__checkbox { align-items: center; align-self: stretch; display: flex; flex-shrink: 0; font-size: 1rem; justify-content: center; margin: -.75rem 0; -webkit-user-select: none; user-select: none; width: 2.25rem } .sa-inbox-list__checkbox, .sa-inbox-list__checkbox input { cursor: pointer } .sa-inbox-list__checkbox:hover { background: #f0f2f580 } [dir=ltr] .sa-inbox-list__checkbox { margin-left: -.625rem } [dir=rtl] .sa-inbox-list__checkbox { margin-right: -.625rem } .sa-inbox-list__star { align-items: center; align-self: stretch; color: #6c757d80; display: flex; flex-shrink: 0; font-size: 1rem; justify-content: center; margin: -.75rem 0; -webkit-user-select: none; user-select: none; width: 2.25rem } [dir=ltr] .sa-inbox-list__star { margin-right: .5rem } [dir=rtl] .sa-inbox-list__star { margin-left: .5rem } .sa-inbox-list__star:hover { background: #f0f2f580; color: #6c757d } .sa-inbox-list__item--starred .sa-inbox-list__star { color: #ffb44c } .sa-inbox-list__item--starred .sa-inbox-list__star svg { fill: currentColor } .sa-inbox-list__author { align-items: center; display: flex; flex-shrink: 0; width: 12rem } [dir=ltr] .sa-inbox-list__author { margin-right: 1rem } [dir=rtl] .sa-inbox-list__author { margin-left: 1rem } .sa-inbox-list__author .sa-symbol { font-size: 2rem; margin: -.25rem 0 } [dir=ltr] .sa-inbox-list__author .sa-symbol { margin-right: .75rem } [dir=rtl] .sa-inbox-list__author .sa-symbol { margin-left: .75rem } .sa-inbox-list__summary { align-items: center; display: flex; flex-grow: 1; overflow: hidden } .sa-inbox-list__badges { align-items: center; display: flex; margin-top: -.25rem } [dir=ltr] .sa-inbox-list__badges { margin-left: -.25rem; margin-right: .5rem } [dir=rtl] .sa-inbox-list__badges { margin-left: .5rem; margin-right: -.25rem } .sa-inbox-list__badges>* { margin-top: .25rem } [dir=ltr] .sa-inbox-list__badges>* { margin-left: .25rem } [dir=rtl] .sa-inbox-list__badges>* { margin-right: .25rem } .sa-inbox-list__content { color: #6c757d; overflow: hidden; text-overflow: ellipsis; white-space: nowrap } .sa-inbox-list__subject { color: #212529 } .sa-inbox-list__subject a { color: inherit; text-decoration: none } .sa-inbox-list__subject a:before { bottom: 0; content: ""; left: 0; position: absolute; right: 0; top: 0 } .sa-inbox-list__attachments { flex-shrink: 0; font-size: .875rem; opacity: .4 } [dir=ltr] .sa-inbox-list__attachments { margin-left: .75rem } [dir=rtl] .sa-inbox-list__attachments { margin-right: .75rem } .sa-inbox-list__date { color: #6c757d; flex-shrink: 0; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; width: 3.25rem } [dir=ltr] .sa-inbox-list__date { margin-left: .75rem; text-align: right } [dir=rtl] .sa-inbox-list__date { margin-right: .75rem; text-align: left } .sa-inbox-list__item--unread .sa-inbox-list__author, .sa-inbox-list__item--unread .sa-inbox-list__subject { font-weight: 500 } @media (max-width:991.98px) { .sa-inbox-list__item { display: grid; grid-template-columns: auto 1rem 1fr auto; grid-template-rows: auto auto } .sa-inbox-list__checkbox { grid-area: 1/1/3/1 } .sa-inbox-list__star { grid-area: 2/4 } .sa-inbox-list__author { grid-area: 1/3 } .sa-inbox-list__summary { grid-area: 2/3/2/4 } .sa-inbox-list__date { grid-area: 1/4 } .sa-inbox-list__attachments { display: none } .sa-inbox-list__item { padding: .75rem 1rem } .sa-inbox-list__checkbox { align-self: center; border-radius: 50%; margin: -.75rem; padding: .75rem; width: auto } [dir=ltr] .sa-inbox-list__checkbox { margin-left: -.75rem } [dir=rtl] .sa-inbox-list__checkbox { margin-right: -.75rem } .sa-inbox-list__star { align-self: center; border-radius: 50%; justify-self: flex-end; margin: -.5rem; padding: .5rem; width: auto } [dir=ltr] .sa-inbox-list__star { margin-right: -.5rem } [dir=rtl] .sa-inbox-list__star { margin-left: -.5rem } .sa-inbox-list__author { width: auto } .sa-inbox-list__author .sa-symbol { display: none } .sa-inbox-list__summary { margin-top: .125rem } .sa-inbox-list__date { font-size: .75rem; width: auto } [dir=ltr] .sa-inbox-list__date { margin-left: 0 } [dir=rtl] .sa-inbox-list__date { margin-right: 0 } } .sa-inbox-toolbar { align-items: center; border-bottom: 1px solid #2125291a; display: flex; padding: .5rem 1.25rem } .sa-inbox-toolbar .btn:focus { z-index: 1 } .sa-inbox-toolbar__checkbox { align-items: center; border-radius: .125rem; color: #6c757d; display: flex; font-size: .875rem; height: 2.25rem; justify-content: center; padding: 0 .625rem; transition: color .12s ease-in-out, background-color .12s ease-in-out, border-color .12s ease-in-out, box-shadow .12s ease-in-out; -webkit-user-select: none; user-select: none } .sa-inbox-toolbar__checkbox, .sa-inbox-toolbar__checkbox input { cursor: pointer } .sa-inbox-toolbar__checkbox input { font-size: 1rem; margin: 0 } [dir=ltr] .sa-inbox-toolbar__checkbox input { margin-right: .5rem } [dir=rtl] .sa-inbox-toolbar__checkbox input { margin-left: .5rem } .sa-inbox-toolbar__checkbox:hover { background: #f0f2f5; color: inherit } [dir=ltr] .sa-inbox-toolbar__checkbox { margin-left: -.625rem } [dir=rtl] .sa-inbox-toolbar__checkbox { margin-right: -.625rem } .sa-inbox-toolbar__menu { display: none } .sa-inbox-toolbar__back { display: flex; justify-content: center; width: 3.75rem } [dir=ltr] .sa-inbox-toolbar__back { margin-left: -.625rem; margin-right: .375rem } [dir=rtl] .sa-inbox-toolbar__back { margin-left: .375rem; margin-right: -.625rem } .sa-inbox-toolbar__text { color: #6c757d; font-size: .875rem } [dir=ltr] .sa-inbox-toolbar__text { margin-right: 1rem } [dir=rtl] .sa-inbox-toolbar__text { margin-left: 1rem } @media (max-width:991.98px) { .sa-inbox-toolbar { padding: .5rem 1rem } .sa-inbox-toolbar__checkbox { display: none } .sa-inbox-toolbar__menu { display: flex } [dir=ltr] .sa-inbox-toolbar__menu { margin-left: -.5rem } [dir=rtl] .sa-inbox-toolbar__menu { margin-right: -.5rem } } .sa-chat { --sa-chat--sidebar-width: 24rem; --sa-chat--padding-x: 1rem; --sa-chat--avatar-gutter: .75rem; color: #212529 } .sa-chat, .sa-chat__sidebar { background: #fff; display: flex } .sa-chat__sidebar { flex-direction: column; flex-shrink: 0; height: calc(100% - var(--sa-sticky-height)); position: fixed; width: var(--sa-chat--sidebar-width); z-index: 2 } [dir=ltr] .sa-chat__sidebar { border-right: 1px solid #2125291a } [dir=rtl] .sa-chat__sidebar { border-left: 1px solid #2125291a } .sa-chat__sidebar .sa-chat__header { position: static } .sa-chat__main { display: flex; flex-direction: column; flex-grow: 1 } [dir=ltr] .sa-chat__main { margin-left: var(--sa-chat--sidebar-width) } [dir=rtl] .sa-chat__main { margin-right: var(--sa-chat--sidebar-width) } .sa-chat__header { align-items: center; background: #fff; border-bottom: 1px solid #2125291a; display: flex; padding: .75rem var(--sa-chat--padding-x); position: sticky; top: var(--sa-sticky-height); z-index: 1 } .sa-chat__header-back { align-self: stretch; display: none; font-size: 1.25rem; height: auto; margin-bottom: -.75rem; margin-top: -.75rem; padding: 0 .875rem } [dir=ltr] .sa-chat__header-back { margin-left: -1rem; margin-right: .25rem } [dir=rtl] .sa-chat__header-back { margin-left: .25rem; margin-right: -1rem } .sa-chat__header-avatar { flex-shrink: 0; font-size: 2.5rem } [dir=ltr] .sa-chat__header-avatar { margin-right: var(--sa-chat--avatar-gutter) } [dir=rtl] .sa-chat__header-avatar { margin-left: var(--sa-chat--avatar-gutter) } .sa-chat__header-title { font-size: .9375rem; font-weight: 500; margin-bottom: -.0625rem } .sa-chat__header-meta { color: #6c757d; font-size: .8125rem } [dir=ltr] .sa-chat__header-actions { margin-left: auto } [dir=rtl] .sa-chat__header-actions { margin-right: auto } .sa-chat__contacts { flex-basis: 0; flex-grow: 1; height: 100%; list-style: none; margin: 0; overflow-y: auto; padding: 0 0 4rem } .sa-chat__contacts .simplebar-track { --simplebar-track--color: #212529 } .sa-chat__contact { border-bottom: 1px solid #2125291a; display: grid; grid-template-columns: auto 1fr auto; grid-template-rows: auto auto; padding: .75rem var(--sa-chat--padding-x) } .sa-chat__contact:hover { background: #f0f2f5 } .sa-chat__contact:hover .sa-symbol { --sa-symbol--parent-bg-color: #f0f2f5 } .sa-chat__contact-avatar { align-self: center; font-size: 2.5rem; grid-column: 1; grid-row: 1/3 } [dir=ltr] .sa-chat__contact-avatar { margin-right: var(--sa-chat--avatar-gutter) } [dir=rtl] .sa-chat__contact-avatar { margin-left: var(--sa-chat--avatar-gutter) } .sa-chat__contact-name { align-self: flex-end; font-size: .9375rem; font-weight: 500; grid-column: 2; grid-row: 1; margin-top: -.0625rem } .sa-chat__contact-meta { color: #6c757d; font-size: .8125rem; grid-column: 2; grid-row: 2; overflow: hidden; text-overflow: ellipsis; white-space: nowrap } .sa-chat__contact-date { align-self: flex-end; color: #6c757d; font-size: .75rem; grid-column: 3; grid-row: 1 } [dir=ltr] .sa-chat__contact-date { margin-left: .75rem } [dir=rtl] .sa-chat__contact-date { margin-right: .75rem } .sa-chat__messages { display: flex; flex-direction: column; flex-grow: 1; justify-content: flex-end; padding: 1rem var(--sa-chat--padding-x) } .sa-chat__divider { align-items: center; color: #6c757d; display: flex; font-size: .8125rem; margin: .625rem 0; width: 100% } .sa-chat__divider:after, .sa-chat__divider:before { background: #2125291a; content: ""; display: block; flex-grow: 1; height: 1px } [dir=ltr] .sa-chat__divider:before { margin-right: .625rem } [dir=ltr] .sa-chat__divider:after, [dir=rtl] .sa-chat__divider:before { margin-left: .625rem } [dir=rtl] .sa-chat__divider:after { margin-right: .625rem } .sa-chat__message { align-self: flex-end; position: relative; width: 100% } [dir=ltr] .sa-chat__message { padding-right: 2.75rem; text-align: right } [dir=rtl] .sa-chat__message { padding-left: 2.75rem; text-align: left } .sa-chat__message+.sa-chat__message { margin-top: 1rem } .sa-chat__message-parts { display: flex; flex-direction: column } .sa-chat__message-part { display: flex; flex-direction: row-reverse } .sa-chat__message-part:hover .sa-chat__message-actions { opacity: 1 } .sa-chat__message-part+.sa-chat__message-part { margin-top: .25rem } .sa-chat__message-actions { background: none; border: none; border-radius: .25rem; flex-shrink: 0; font-size: 1rem; opacity: 0; padding: 0; width: 1.75rem } [dir=ltr] .sa-chat__message-actions { margin-right: .25rem } [dir=rtl] .sa-chat__message-actions { margin-left: .25rem } .sa-chat__message-actions svg { opacity: .45 } .sa-chat__message-actions.show, .sa-chat__message-actions:hover { background: #f0f2f5 } .sa-chat__message-actions.show { opacity: 1 } .sa-chat__message-text { background: #b8e2e580; border-radius: .25rem; font-size: .875rem; line-height: 1.3125rem; max-width: 48rem; padding: .4375rem .875rem } .sa-chat__message-time { color: #6c757d; font-size: .75rem; margin-top: .3125rem } .sa-chat__message-avatar { bottom: 1.4375rem; font-size: 2.125rem; position: absolute } [dir=ltr] .sa-chat__message-avatar { right: 0 } [dir=rtl] .sa-chat__message-avatar { left: 0 } .sa-chat__message--opposite { align-self: flex-start } [dir=ltr] .sa-chat__message--opposite { padding-left: 2.75rem; padding-right: 0; text-align: left } [dir=rtl] .sa-chat__message--opposite { padding-left: 0; padding-right: 2.75rem; text-align: right } .sa-chat__message--opposite .sa-chat__message-part { flex-direction: row } [dir=ltr] .sa-chat__message--opposite .sa-chat__message-avatar { left: 0; right: auto } [dir=rtl] .sa-chat__message--opposite .sa-chat__message-avatar { left: auto; right: 0 } .sa-chat__message--opposite .sa-chat__message-text { background: #f2e29180 } [dir=ltr] .sa-chat__message--opposite .sa-chat__message-actions { margin-left: .25rem } [dir=rtl] .sa-chat__message--opposite .sa-chat__message-actions { margin-right: .25rem } .sa-chat__form { background: #fff; border-top: 1px solid #2125291a; padding: 1rem var(--sa-chat--padding-x) } @media (max-width:991.98px) { .sa-chat__main { display: none } [dir=ltr] .sa-chat__main { margin-left: 0 } [dir=rtl] .sa-chat__main { margin-right: 0 } .sa-chat__sidebar { border: none; width: 100% } [dir=ltr] .sa-chat__sidebar { border-right: none } [dir=rtl] .sa-chat__sidebar { border-left: none } .sa-chat__header-back { display: block } .sa-chat--open .sa-chat__sidebar { display: none } .sa-chat--open .sa-chat__main { display: flex } } @media (max-width:519.98px) { .sa-chat__message { display: grid; grid-template-columns: 1fr auto; grid-template-rows: auto auto } [dir=ltr] .sa-chat__message { padding-right: 0 } [dir=rtl] .sa-chat__message { padding-left: 0 } .sa-chat__message-avatar { align-self: center; font-size: 1.375rem; grid-area: 2/2/2/2; margin-top: .375rem; position: static } [dir=ltr] .sa-chat__message-avatar { margin-left: .5rem } [dir=rtl] .sa-chat__message-avatar { margin-right: .5rem } .sa-chat__message-time { align-self: center; margin-top: .375rem } .sa-chat__message-parts { grid-area: 1/1/1/3 } .sa-chat__message--opposite { grid-template-columns: auto 1fr } [dir=ltr] .sa-chat__message--opposite { padding-left: 0 } [dir=rtl] .sa-chat__message--opposite { padding-right: 0 } .sa-chat__message--opposite .sa-chat__message-avatar { grid-area: 2/1/2/1 } [dir=ltr] .sa-chat__message--opposite .sa-chat__message-avatar { margin-left: 0; margin-right: .5rem } [dir=rtl] .sa-chat__message--opposite .sa-chat__message-avatar { margin-left: .5rem; margin-right: 0 } } @media (min-height:480px) { .sa-chat__form { bottom: 0; position: sticky } } .sa-error { display: flex; flex-direction: column; height: 100%; justify-content: center; padding: 2.25rem 1.5rem; text-align: center } .sa-error__background-text { color: #e6e8eb; font-size: calc(1.625rem + 4.5vw); font-weight: 700; padding: 0 0 .25rem } @media (min-width:1200px) { .sa-error__background-text { font-size: 5rem } } .sa-error__content { margin: 0 auto; max-width: 100%; width: 30rem } .sa-error__title { margin-bottom: 1.5rem } .sa-error__text { margin-bottom: 1.25rem } .sa-error__controls { display: flex; margin-bottom: 1.75rem } [dir=ltr] .sa-error__input { margin-right: .5rem } [dir=rtl] .sa-error__input { margin-left: .5rem } .sa-hero-header { text-align: center } .sa-hero-header__title>* { color: #333a40; font-weight: 700 } .sa-hero-header__subtitle { color: #6c757d; font-size: .9375rem } .sa-hero-header__controls { margin-top: 1.25rem } .sa-invoice { --sa-invoice--padding: 3rem; margin: 0 auto; max-width: 64rem; padding: 2rem } .sa-invoice__card { background: #fff; box-shadow: 0 1px 3px #00000026; padding: var(--sa-invoice--padding) } .sa-invoice__header { align-items: center; display: flex; justify-content: space-between; margin: 0 0 var(--sa-invoice--padding) } .sa-invoice__title { font-size: calc(1.3rem + .6vw); font-weight: 500; text-transform: uppercase } @media (min-width:1200px) { .sa-invoice__title { font-size: 1.75rem } } .sa-invoice__meta-items { margin-top: .375rem } .sa-invoice__meta-items span { color: #6c757d } .sa-invoice__address { color: #6c757d; font-size: .9375rem; line-height: 1.5rem; margin-top: 1rem; text-align: center } .sa-invoice__disclaimer { color: #6c757d; font-size: .8125rem; margin-top: 2rem } .sa-invoice__sides { background: #f5f7fa; display: flex; font-size: .875rem; justify-content: space-between; margin: 0 calc(var(--sa-invoice--padding)*-1) var(--sa-invoice--padding); padding: calc(var(--sa-invoice--padding) - .25rem) var(--sa-invoice--padding) } .sa-invoice__side { width: calc(50% - 2.5rem) } .sa-invoice__side-title { color: #6c757d; font-size: .8125rem; font-weight: 500; margin-bottom: 1rem; text-transform: uppercase } .sa-invoice__side-name { font-size: 1.0625rem; font-weight: 500; margin: 0 0 .5rem } .sa-invoice__side-meta { color: #6c757d; font-size: .875rem; line-height: 1.5rem } .sa-invoice__side-meta+.sa-invoice__side-meta { margin-top: .25rem } .sa-invoice__table-container { overflow-x: auto } .sa-invoice__table { width: 100% } [dir=ltr] .sa-invoice__table tr>*+* { padding-left: 1rem } [dir=rtl] .sa-invoice__table tr>*+* { padding-right: 1rem } .sa-invoice__table-head th { border-bottom: 1px solid #2125291a; font-weight: 500; padding-bottom: .375rem; padding-top: .375rem } .sa-invoice__table-body td, .sa-invoice__table-body th { border-bottom: 1px solid #2125291a; padding-bottom: .625rem; padding-top: .625rem } .sa-invoice__table-totals th { font-weight: 500 } .sa-invoice__table-totals td, .sa-invoice__table-totals th { padding-bottom: .125rem; padding-top: .125rem } .sa-invoice__table-totals tr:first-child td, .sa-invoice__table-totals tr:first-child th { padding-top: .75rem } .sa-invoice__table-totals tr:last-child td, .sa-invoice__table-totals tr:last-child th { padding-bottom: .75rem } .sa-invoice__table-column--type--product { min-width: 16rem } [dir=ltr] .sa-invoice__table-column--type--price, [dir=ltr] .sa-invoice__table-column--type--quantity, [dir=ltr] .sa-invoice__table-column--type--total, [dir=ltr] .sa-invoice__table-column--type--unit { text-align: right } [dir=rtl] .sa-invoice__table-column--type--price, [dir=rtl] .sa-invoice__table-column--type--quantity, [dir=rtl] .sa-invoice__table-column--type--total, [dir=rtl] .sa-invoice__table-column--type--unit { text-align: left } [dir=ltr] .sa-invoice__table-column--type--header { text-align: right } [dir=rtl] .sa-invoice__table-column--type--header { text-align: left } .sa-invoice__total { border-top: 1px solid #2125291a; font-weight: 500; padding-top: 1.5rem } [dir=ltr] .sa-invoice__total { text-align: right } [dir=rtl] .sa-invoice__total { text-align: left } .sa-invoice__total-title { color: #6c757d; font-size: 1rem; text-transform: uppercase } .sa-invoice__total-value { font-size: calc(1.325rem + .9vw) } @media (min-width:1200px) { .sa-invoice__total-value { font-size: 2rem } } @media (max-width:991.98px) { .sa-invoice { --sa-invoice--padding: 2rem; padding: 1.5rem } .sa-invoice__side-title { margin-bottom: .5rem } } @media (max-width:767.98px) { .sa-invoice { --sa-invoice--padding: 1.5rem; padding: 0 } .sa-invoice__card { box-shadow: none } } @media (max-width:575.98px) { .sa-invoice__logo { display: none } .sa-invoice__sides { display: block } .sa-invoice__side { width: 100% } .sa-invoice__side+.sa-invoice__side { margin-top: 1.5rem } } .sa-price-card { max-width: 22rem } .sa-price-card__badge { background: #FAB207; border-radius: .125rem; color: #3d464d; font-size: .8125rem; font-weight: 500; margin: -.5rem auto 0; padding: .1875rem 1rem; width: -webkit-fit-content; width: -moz-fit-content; width: fit-content } .sa-price-card__title { font-size: 1.5rem; font-weight: 500; text-align: center } .sa-price-card__subtitle { color: #6c757d; text-align: center } .sa-price-card__price { align-items: flex-end; display: flex; justify-content: center; padding: .75rem } .sa-price-card__price-value { font-size: 2.5rem; font-weight: 500 } .sa-price-card__price-period { color: #6c757d; font-size: .9375rem; padding-bottom: .625rem } [dir=ltr] .sa-price-card__price-period { padding-left: .25rem } [dir=rtl] .sa-price-card__price-period { padding-right: .25rem } .sa-price-card__button { display: flex; justify-content: center; padding-top: .25rem } .sa-price-card__features-list { list-style: none; margin: 0; padding: .25rem .625rem } .sa-price-card__feature { align-items: center; display: flex; padding: .375rem 0 } .sa-price-card__feature-icon { align-items: center; background: #828f9926; border-radius: 50%; color: #828f99e6; display: flex; flex-shrink: 0; font-size: 1rem; height: 1.25rem; justify-content: center; overflow: hidden; width: 1.25rem } [dir=ltr] .sa-price-card__feature-icon { margin-right: .625rem } [dir=rtl] .sa-price-card__feature-icon { margin-left: .625rem } .sa-price-card__feature--included .sa-price-card__feature-icon { background: #bde5a166; color: #5c993d } .sa-price-card__feature--not-included { color: #828f99; text-decoration: line-through } .sa-example__body>.dropdown-menu, .sa-example__body>.modal:first-child { display: block; position: static } .sa-sidebar-logo { fill: #3d464d; align-items: center; display: flex; flex-grow: 1 } .sa-sidebar-logo__caption { background-color: #fff; border-radius: .125rem; color: #212529; flex-grow: 1; font-size: .6875rem; font-weight: 700; line-height: 1; padding: .4375rem .5rem .375rem; text-align: center; text-transform: uppercase } [dir=ltr] .sa-sidebar-logo__caption { margin-left: .625rem } [dir=rtl] .sa-sidebar-logo__caption { margin-right: .625rem } .sa-invoice-logo__body { align-items: center; display: flex; flex-direction: column; padding: 0 2.1875rem } .sa-invoice-logo__letters { fill: #333a40 } .sa-invoice-logo__ribbon { display: flex; margin-top: .75rem; position: relative } .sa-invoice-logo__ribbon svg { display: block } .sa-invoice-logo__ribbon-middle { align-items: center; background: #FAB207; color: #3d464d; display: flex; font-size: .6875rem; font-weight: 500; height: 1.25rem; padding: .0625rem 1rem 0; text-transform: uppercase } .sa-invoice-logo__ribbon-end, .sa-invoice-logo__ribbon-start { fill: #FAB207 } [dir=ltr] .sa-invoice-logo__ribbon-start { transform: scaleX(1) } [dir=ltr] .sa-invoice-logo__ribbon-end, [dir=rtl] .sa-invoice-logo__ribbon-start { transform: scaleX(-1) } [dir=rtl] .sa-invoice-logo__ribbon-end { transform: scaleX(1) } .sa-invoice-logo__ribbon-drawer { position: absolute; top: -.25rem } [dir=ltr] .sa-invoice-logo__ribbon-drawer { left: calc(100% + .1875rem); transform: scaleX(1) } [dir=rtl] .sa-invoice-logo__ribbon-drawer { right: calc(100% + .1875rem); transform: scaleX(-1) } .sa-roller-sponge { fill: #FAB207 } .sa-roller-handle, .sa-roller-stripes { fill: #333a40 }