UNPKG

@iebh/bootstrap-vue

Version:

With more than 85 components, over 45 available plugins, several directives, and 1000+ icons, BootstrapVue provides one of the most comprehensive implementations of the Bootstrap v4 component and grid system available for Vue.js v2.6, complete with extens

1,681 lines (1,597 loc) 86.5 kB
@charset "UTF-8"; /*! * BootstrapVue Custom CSS (https://bootstrap-vue.org) */ .bv-no-focus-ring:focus { outline: none; } @media (max-width: 575.98px) { .bv-d-xs-down-none { display: none !important; } } @media (max-width: 767.98px) { .bv-d-sm-down-none { display: none !important; } } @media (max-width: 991.98px) { .bv-d-md-down-none { display: none !important; } } @media (max-width: 1199.98px) { .bv-d-lg-down-none { display: none !important; } } .bv-d-xl-down-none { display: none !important; } .form-control.focus { color: #495057; background-color: #fff; border-color: #80bdff; outline: 0; box-shadow: 0 0 0 0.2rem rgba(0, 123, 255, 0.25); } .form-control.focus.is-valid { border-color: #28a745; box-shadow: 0 0 0 0.2rem rgba(40, 167, 69, 0.25); } .form-control.focus.is-invalid { border-color: #dc3545; box-shadow: 0 0 0 0.2rem rgba(220, 53, 69, 0.25); } .b-avatar { display: inline-flex; align-items: center; justify-content: center; vertical-align: middle; flex-shrink: 0; width: 2.5rem; height: 2.5rem; font-size: inherit; font-weight: 400; line-height: 1; max-width: 100%; max-height: auto; text-align: center; overflow: visible; position: relative; transition: color 0.15s ease-in-out, background-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out; } .b-avatar:focus { outline: 0; } .b-avatar.btn, .b-avatar[href] { padding: 0; border: 0; } .b-avatar.btn .b-avatar-img img, .b-avatar[href] .b-avatar-img img { transition: -webkit-transform 0.15s ease-in-out; transition: transform 0.15s ease-in-out; transition: transform 0.15s ease-in-out, -webkit-transform 0.15s ease-in-out; } .b-avatar.btn:not(:disabled):not(.disabled), .b-avatar[href]:not(:disabled):not(.disabled) { cursor: pointer; } .b-avatar.btn:not(:disabled):not(.disabled):hover .b-avatar-img img, .b-avatar[href]:not(:disabled):not(.disabled):hover .b-avatar-img img { -webkit-transform: scale(1.15); transform: scale(1.15); } .b-avatar.disabled, .b-avatar:disabled, .b-avatar[disabled] { opacity: 0.65; pointer-events: none; } .b-avatar .b-avatar-custom, .b-avatar .b-avatar-text, .b-avatar .b-avatar-img { border-radius: inherit; width: 100%; height: 100%; overflow: hidden; display: flex; justify-content: center; align-items: center; -webkit-mask-image: radial-gradient(white, black); mask-image: radial-gradient(white, black); } .b-avatar .b-avatar-text { text-transform: uppercase; white-space: nowrap; } .b-avatar[href] { text-decoration: none; } .b-avatar > .b-icon { width: 60%; height: auto; max-width: 100%; } .b-avatar .b-avatar-img img { width: 100%; height: 100%; max-height: auto; border-radius: inherit; -o-object-fit: cover; object-fit: cover; } .b-avatar .b-avatar-badge { position: absolute; min-height: 1.5em; min-width: 1.5em; padding: 0.25em; line-height: 1; border-radius: 10em; font-size: 70%; font-weight: 700; z-index: 1; } .b-avatar-sm { width: 1.5rem; height: 1.5rem; } .b-avatar-sm .b-avatar-text { font-size: calc(0.6rem); } .b-avatar-sm .b-avatar-badge { font-size: calc(0.42rem); } .b-avatar-lg { width: 3.5rem; height: 3.5rem; } .b-avatar-lg .b-avatar-text { font-size: calc(1.4rem); } .b-avatar-lg .b-avatar-badge { font-size: calc(0.98rem); } .b-avatar-group .b-avatar-group-inner { display: flex; flex-wrap: wrap; } .b-avatar-group .b-avatar { border: 1px solid #dee2e6; } .b-avatar-group a.b-avatar:hover:not(.disabled):not(disabled), .b-avatar-group .btn.b-avatar:hover:not(.disabled):not(disabled) { z-index: 1; } .b-calendar { display: inline-flex; } .b-calendar .b-calendar-inner { min-width: 250px; } .b-calendar .b-calendar-header, .b-calendar .b-calendar-nav { margin-bottom: 0.25rem; } .b-calendar .b-calendar-nav .btn { padding: 0.25rem; } .b-calendar output { padding: 0.25rem; font-size: 80%; } .b-calendar output.readonly { background-color: #e9ecef; opacity: 1; } .b-calendar .b-calendar-footer { margin-top: 0.5rem; } .b-calendar .b-calendar-grid { padding: 0; margin: 0; overflow: hidden; } .b-calendar .b-calendar-grid .row { flex-wrap: nowrap; } .b-calendar .b-calendar-grid-caption { padding: 0.25rem; } .b-calendar .b-calendar-grid-body .col[data-date] .btn { width: 32px; height: 32px; font-size: 14px; line-height: 1; margin: 3px auto; padding: 9px 0; } .b-calendar .btn:disabled, .b-calendar .btn.disabled, .b-calendar .btn[aria-disabled=true] { cursor: default; pointer-events: none; } .card-img-left { border-top-left-radius: calc(0.25rem - 1px); border-bottom-left-radius: calc(0.25rem - 1px); } .card-img-right { border-top-right-radius: calc(0.25rem - 1px); border-bottom-right-radius: calc(0.25rem - 1px); } .dropdown:not(.dropleft) .dropdown-toggle.dropdown-toggle-no-caret::after { display: none !important; } .dropdown.dropleft .dropdown-toggle.dropdown-toggle-no-caret::before { display: none !important; } .dropdown .dropdown-menu:focus { outline: none; } .b-dropdown-form { display: inline-block; padding: 0.25rem 1.5rem; width: 100%; clear: both; font-weight: 400; } .b-dropdown-form:focus { outline: 1px dotted !important; outline: 5px auto -webkit-focus-ring-color !important; } .b-dropdown-form.disabled, .b-dropdown-form:disabled { outline: 0 !important; color: #adb5bd; pointer-events: none; } .b-dropdown-text { display: inline-block; padding: 0.25rem 1.5rem; margin-bottom: 0; width: 100%; clear: both; font-weight: lighter; } .custom-checkbox.b-custom-control-lg, .input-group-lg .custom-checkbox { font-size: 1.25rem; line-height: 1.5; padding-left: 1.875rem; } .custom-checkbox.b-custom-control-lg .custom-control-label::before, .input-group-lg .custom-checkbox .custom-control-label::before { top: 0.3125rem; left: -1.875rem; width: 1.25rem; height: 1.25rem; border-radius: 0.3rem; } .custom-checkbox.b-custom-control-lg .custom-control-label::after, .input-group-lg .custom-checkbox .custom-control-label::after { top: 0.3125rem; left: -1.875rem; width: 1.25rem; height: 1.25rem; background-size: 50% 50%; } .custom-checkbox.b-custom-control-sm, .input-group-sm .custom-checkbox { font-size: 0.875rem; line-height: 1.5; padding-left: 1.3125rem; } .custom-checkbox.b-custom-control-sm .custom-control-label::before, .input-group-sm .custom-checkbox .custom-control-label::before { top: 0.21875rem; left: -1.3125rem; width: 0.875rem; height: 0.875rem; border-radius: 0.2rem; } .custom-checkbox.b-custom-control-sm .custom-control-label::after, .input-group-sm .custom-checkbox .custom-control-label::after { top: 0.21875rem; left: -1.3125rem; width: 0.875rem; height: 0.875rem; background-size: 50% 50%; } .custom-switch.b-custom-control-lg, .input-group-lg .custom-switch { padding-left: 2.8125rem; } .custom-switch.b-custom-control-lg .custom-control-label, .input-group-lg .custom-switch .custom-control-label { font-size: 1.25rem; line-height: 1.5; } .custom-switch.b-custom-control-lg .custom-control-label::before, .input-group-lg .custom-switch .custom-control-label::before { top: 0.3125rem; height: 1.25rem; left: -2.8125rem; width: 2.1875rem; border-radius: 0.625rem; } .custom-switch.b-custom-control-lg .custom-control-label::after, .input-group-lg .custom-switch .custom-control-label::after { top: calc( 0.3125rem + 2px ); left: calc( -2.8125rem + 2px ); width: calc( 1.25rem - 4px ); height: calc( 1.25rem - 4px ); border-radius: 0.625rem; background-size: 50% 50%; } .custom-switch.b-custom-control-lg .custom-control-input:checked ~ .custom-control-label::after, .input-group-lg .custom-switch .custom-control-input:checked ~ .custom-control-label::after { -webkit-transform: translateX(0.9375rem); transform: translateX(0.9375rem); } .custom-switch.b-custom-control-sm, .input-group-sm .custom-switch { padding-left: 1.96875rem; } .custom-switch.b-custom-control-sm .custom-control-label, .input-group-sm .custom-switch .custom-control-label { font-size: 0.875rem; line-height: 1.5; } .custom-switch.b-custom-control-sm .custom-control-label::before, .input-group-sm .custom-switch .custom-control-label::before { top: 0.21875rem; left: -1.96875rem; width: 1.53125rem; height: 0.875rem; border-radius: 0.4375rem; } .custom-switch.b-custom-control-sm .custom-control-label::after, .input-group-sm .custom-switch .custom-control-label::after { top: calc( 0.21875rem + 2px ); left: calc( -1.96875rem + 2px ); width: calc( 0.875rem - 4px ); height: calc( 0.875rem - 4px ); border-radius: 0.4375rem; background-size: 50% 50%; } .custom-switch.b-custom-control-sm .custom-control-input:checked ~ .custom-control-label::after, .input-group-sm .custom-switch .custom-control-input:checked ~ .custom-control-label::after { -webkit-transform: translateX(0.65625rem); transform: translateX(0.65625rem); } .input-group > .input-group-prepend > .btn-group > .btn, .input-group > .input-group-append:not(:last-child) > .btn-group > .btn, .input-group > .input-group-append:last-child > .btn-group:not(:last-child):not(.dropdown-toggle) > .btn { border-top-right-radius: 0; border-bottom-right-radius: 0; } .input-group > .input-group-append > .btn-group > .btn, .input-group > .input-group-prepend:not(:first-child) > .btn-group > .btn, .input-group > .input-group-prepend:first-child > .btn-group:not(:first-child) > .btn { border-top-left-radius: 0; border-bottom-left-radius: 0; } .b-form-btn-label-control.form-control { display: flex; align-items: stretch; height: auto; padding: 0; background-image: none; } .input-group .b-form-btn-label-control.form-control { padding: 0; } [dir=rtl] .b-form-btn-label-control.form-control, .b-form-btn-label-control.form-control[dir=rtl] { flex-direction: row-reverse; } [dir=rtl] .b-form-btn-label-control.form-control > label, .b-form-btn-label-control.form-control[dir=rtl] > label { text-align: right; } .b-form-btn-label-control.form-control > .btn { line-height: 1; font-size: inherit; box-shadow: none !important; border: 0; } .b-form-btn-label-control.form-control > .btn:disabled { pointer-events: none; } .b-form-btn-label-control.form-control.is-valid > .btn { color: #28a745; } .b-form-btn-label-control.form-control.is-invalid > .btn { color: #dc3545; } .b-form-btn-label-control.form-control > .dropdown-menu { padding: 0.5rem; } .b-form-btn-label-control.form-control > .form-control { height: auto; min-height: calc(calc(1.5em + 0.75rem + 2px) - 2px); padding-left: 0.25rem; margin: 0; border: 0; outline: 0; background: transparent; word-break: break-word; font-size: inherit; white-space: normal; cursor: pointer; } .b-form-btn-label-control.form-control > .form-control.form-control-sm { min-height: calc(calc(1.5em + 0.5rem + 2px) - 2px); } .b-form-btn-label-control.form-control > .form-control.form-control-lg { min-height: calc(calc(1.5em + 1rem + 2px) - 2px); } .input-group.input-group-sm .b-form-btn-label-control.form-control > .form-control { min-height: calc(calc(1.5em + 0.5rem + 2px) - 2px); padding-top: 0.25rem; padding-bottom: 0.25rem; } .input-group.input-group-lg .b-form-btn-label-control.form-control > .form-control { min-height: calc(calc(1.5em + 1rem + 2px) - 2px); padding-top: 0.5rem; padding-bottom: 0.5rem; } .b-form-btn-label-control.form-control[aria-disabled=true], .b-form-btn-label-control.form-control[aria-readonly=true] { background-color: #e9ecef; opacity: 1; } .b-form-btn-label-control.form-control[aria-disabled=true] { pointer-events: none; } .b-form-btn-label-control.form-control[aria-disabled=true] > label { cursor: default; } .b-form-btn-label-control.btn-group > .dropdown-menu { padding: 0.5rem; } .custom-file-label { white-space: nowrap; overflow-x: hidden; } .b-custom-control-lg.custom-file, .b-custom-control-lg .custom-file-input, .b-custom-control-lg .custom-file-label, .input-group-lg.custom-file, .input-group-lg .custom-file-input, .input-group-lg .custom-file-label { font-size: 1.25rem; height: calc(1.5em + 1rem + 2px); } .b-custom-control-lg .custom-file-label, .b-custom-control-lg .custom-file-label:after, .input-group-lg .custom-file-label, .input-group-lg .custom-file-label:after { padding: 0.5rem 1rem; line-height: 1.5; } .b-custom-control-lg .custom-file-label, .input-group-lg .custom-file-label { border-radius: 0.3rem; } .b-custom-control-lg .custom-file-label::after, .input-group-lg .custom-file-label::after { font-size: inherit; height: calc( 1.5em + 1rem ); border-radius: 0 0.3rem 0.3rem 0; } .b-custom-control-sm.custom-file, .b-custom-control-sm .custom-file-input, .b-custom-control-sm .custom-file-label, .input-group-sm.custom-file, .input-group-sm .custom-file-input, .input-group-sm .custom-file-label { font-size: 0.875rem; height: calc(1.5em + 0.5rem + 2px); } .b-custom-control-sm .custom-file-label, .b-custom-control-sm .custom-file-label:after, .input-group-sm .custom-file-label, .input-group-sm .custom-file-label:after { padding: 0.25rem 0.5rem; line-height: 1.5; } .b-custom-control-sm .custom-file-label, .input-group-sm .custom-file-label { border-radius: 0.2rem; } .b-custom-control-sm .custom-file-label::after, .input-group-sm .custom-file-label::after { font-size: inherit; height: calc( 1.5em + 0.5rem ); border-radius: 0 0.2rem 0.2rem 0; } .was-validated .form-control:invalid, .was-validated .form-control:valid, .form-control.is-invalid, .form-control.is-valid { background-position: right calc(0.375em + 0.1875rem) center; } input[type=color].form-control { height: calc(1.5em + 0.75rem + 2px); padding: 0.125rem 0.25rem; } input[type=color].form-control.form-control-sm, .input-group-sm input[type=color].form-control { height: calc(1.5em + 0.5rem + 2px); padding: 0.125rem 0.25rem; } input[type=color].form-control.form-control-lg, .input-group-lg input[type=color].form-control { height: calc(1.5em + 1rem + 2px); padding: 0.125rem 0.25rem; } input[type=color].form-control:disabled { background-color: #adb5bd; opacity: 0.65; } .input-group > .custom-range { position: relative; flex: 1 1 auto; width: 1%; margin-bottom: 0; } .input-group > .custom-range + .form-control, .input-group > .custom-range + .form-control-plaintext, .input-group > .custom-range + .custom-select, .input-group > .custom-range + .custom-range, .input-group > .custom-range + .custom-file { margin-left: -1px; } .input-group > .form-control + .custom-range, .input-group > .form-control-plaintext + .custom-range, .input-group > .custom-select + .custom-range, .input-group > .custom-range + .custom-range, .input-group > .custom-file + .custom-range { margin-left: -1px; } .input-group > .custom-range:focus { z-index: 3; } .input-group > .custom-range:not(:last-child) { border-top-right-radius: 0; border-bottom-right-radius: 0; } .input-group > .custom-range:not(:first-child) { border-top-left-radius: 0; border-bottom-left-radius: 0; } .input-group > .custom-range { height: calc(1.5em + 0.75rem + 2px); padding: 0 0.75rem; background-color: #fff; background-clip: padding-box; border: 1px solid #ced4da; height: calc(1.5em + 0.75rem + 2px); border-radius: 0.25rem; transition: border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out; } @media (prefers-reduced-motion: reduce) { .input-group > .custom-range { transition: none; } } .input-group > .custom-range:focus { color: #495057; background-color: #fff; border-color: #80bdff; outline: 0; box-shadow: 0 0 0 0.2rem rgba(0, 123, 255, 0.25); } .input-group > .custom-range:disabled, .input-group > .custom-range[readonly] { background-color: #e9ecef; } .input-group-lg > .custom-range { height: calc(1.5em + 1rem + 2px); padding: 0 1rem; border-radius: 0.3rem; } .input-group-sm > .custom-range { height: calc(1.5em + 0.5rem + 2px); padding: 0 0.5rem; border-radius: 0.2rem; } .was-validated .input-group .custom-range:valid, .input-group .custom-range.is-valid { border-color: #28a745; } .was-validated .input-group .custom-range:valid:focus, .input-group .custom-range.is-valid:focus { border-color: #28a745; box-shadow: 0 0 0 0.2rem rgba(40, 167, 69, 0.25); } .was-validated .custom-range:valid:focus::-webkit-slider-thumb, .custom-range.is-valid:focus::-webkit-slider-thumb { box-shadow: 0 0 0 1px #fff, 0 0 0 0.2rem #9be7ac; } .was-validated .custom-range:valid:focus::-moz-range-thumb, .custom-range.is-valid:focus::-moz-range-thumb { box-shadow: 0 0 0 1px #fff, 0 0 0 0.2rem #9be7ac; } .was-validated .custom-range:valid:focus::-ms-thumb, .custom-range.is-valid:focus::-ms-thumb { box-shadow: 0 0 0 1px #fff, 0 0 0 0.2rem #9be7ac; } .was-validated .custom-range:valid::-webkit-slider-thumb, .custom-range.is-valid::-webkit-slider-thumb { background-color: #28a745; background-image: none; } .was-validated .custom-range:valid::-webkit-slider-thumb:active, .custom-range.is-valid::-webkit-slider-thumb:active { background-color: #9be7ac; background-image: none; } .was-validated .custom-range:valid::-webkit-slider-runnable-track, .custom-range.is-valid::-webkit-slider-runnable-track { background-color: rgba(40, 167, 69, 0.35); } .was-validated .custom-range:valid::-moz-range-thumb, .custom-range.is-valid::-moz-range-thumb { background-color: #28a745; background-image: none; } .was-validated .custom-range:valid::-moz-range-thumb:active, .custom-range.is-valid::-moz-range-thumb:active { background-color: #9be7ac; background-image: none; } .was-validated .custom-range:valid::-moz-range-track, .custom-range.is-valid::-moz-range-track { background: rgba(40, 167, 69, 0.35); } .was-validated .custom-range:valid ~ .valid-feedback, .was-validated .custom-range:valid ~ .valid-tooltip, .custom-range.is-valid ~ .valid-feedback, .custom-range.is-valid ~ .valid-tooltip { display: block; } .was-validated .custom-range:valid::-ms-thumb, .custom-range.is-valid::-ms-thumb { background-color: #28a745; background-image: none; } .was-validated .custom-range:valid::-ms-thumb:active, .custom-range.is-valid::-ms-thumb:active { background-color: #9be7ac; background-image: none; } .was-validated .custom-range:valid::-ms-track-lower, .custom-range.is-valid::-ms-track-lower { background: rgba(40, 167, 69, 0.35); } .was-validated .custom-range:valid::-ms-track-upper, .custom-range.is-valid::-ms-track-upper { background: rgba(40, 167, 69, 0.35); } .was-validated .input-group .custom-range:invalid, .input-group .custom-range.is-invalid { border-color: #dc3545; } .was-validated .input-group .custom-range:invalid:focus, .input-group .custom-range.is-invalid:focus { border-color: #dc3545; box-shadow: 0 0 0 0.2rem rgba(220, 53, 69, 0.25); } .was-validated .custom-range:invalid:focus::-webkit-slider-thumb, .custom-range.is-invalid:focus::-webkit-slider-thumb { box-shadow: 0 0 0 1px #fff, 0 0 0 0.2rem #f6cdd1; } .was-validated .custom-range:invalid:focus::-moz-range-thumb, .custom-range.is-invalid:focus::-moz-range-thumb { box-shadow: 0 0 0 1px #fff, 0 0 0 0.2rem #f6cdd1; } .was-validated .custom-range:invalid:focus::-ms-thumb, .custom-range.is-invalid:focus::-ms-thumb { box-shadow: 0 0 0 1px #fff, 0 0 0 0.2rem #f6cdd1; } .was-validated .custom-range:invalid::-webkit-slider-thumb, .custom-range.is-invalid::-webkit-slider-thumb { background-color: #dc3545; background-image: none; } .was-validated .custom-range:invalid::-webkit-slider-thumb:active, .custom-range.is-invalid::-webkit-slider-thumb:active { background-color: #f6cdd1; background-image: none; } .was-validated .custom-range:invalid::-webkit-slider-runnable-track, .custom-range.is-invalid::-webkit-slider-runnable-track { background-color: rgba(220, 53, 69, 0.35); } .was-validated .custom-range:invalid::-moz-range-thumb, .custom-range.is-invalid::-moz-range-thumb { background-color: #dc3545; background-image: none; } .was-validated .custom-range:invalid::-moz-range-thumb:active, .custom-range.is-invalid::-moz-range-thumb:active { background-color: #f6cdd1; background-image: none; } .was-validated .custom-range:invalid::-moz-range-track, .custom-range.is-invalid::-moz-range-track { background: rgba(220, 53, 69, 0.35); } .was-validated .custom-range:invalid ~ .invalid-feedback, .was-validated .custom-range:invalid ~ .invalid-tooltip, .custom-range.is-invalid ~ .invalid-feedback, .custom-range.is-invalid ~ .invalid-tooltip { display: block; } .was-validated .custom-range:invalid::-ms-thumb, .custom-range.is-invalid::-ms-thumb { background-color: #dc3545; background-image: none; } .was-validated .custom-range:invalid::-ms-thumb:active, .custom-range.is-invalid::-ms-thumb:active { background-color: #f6cdd1; background-image: none; } .was-validated .custom-range:invalid::-ms-track-lower, .custom-range.is-invalid::-ms-track-lower { background: rgba(220, 53, 69, 0.35); } .was-validated .custom-range:invalid::-ms-track-upper, .custom-range.is-invalid::-ms-track-upper { background: rgba(220, 53, 69, 0.35); } .custom-radio.b-custom-control-lg, .input-group-lg .custom-radio { font-size: 1.25rem; line-height: 1.5; padding-left: 1.875rem; } .custom-radio.b-custom-control-lg .custom-control-label::before, .input-group-lg .custom-radio .custom-control-label::before { top: 0.3125rem; left: -1.875rem; width: 1.25rem; height: 1.25rem; border-radius: 50%; } .custom-radio.b-custom-control-lg .custom-control-label::after, .input-group-lg .custom-radio .custom-control-label::after { top: 0.3125rem; left: -1.875rem; width: 1.25rem; height: 1.25rem; background: no-repeat 50%/50% 50%; } .custom-radio.b-custom-control-sm, .input-group-sm .custom-radio { font-size: 0.875rem; line-height: 1.5; padding-left: 1.3125rem; } .custom-radio.b-custom-control-sm .custom-control-label::before, .input-group-sm .custom-radio .custom-control-label::before { top: 0.21875rem; left: -1.3125rem; width: 0.875rem; height: 0.875rem; border-radius: 50%; } .custom-radio.b-custom-control-sm .custom-control-label::after, .input-group-sm .custom-radio .custom-control-label::after { top: 0.21875rem; left: -1.3125rem; width: 0.875rem; height: 0.875rem; background: no-repeat 50%/50% 50%; } .b-rating { text-align: center; } .b-rating.d-inline-flex { width: auto; } .b-rating .b-rating-star, .b-rating .b-rating-value { padding: 0 0.25em; } .b-rating .b-rating-value { min-width: 2.5em; } .b-rating .b-rating-star { display: inline-flex; justify-content: center; outline: 0; } .b-rating .b-rating-star .b-rating-icon { display: inline-flex; transition: all 0.15s ease-in-out; } .b-rating.disabled, .b-rating:disabled { background-color: #e9ecef; color: #6c757d; } .b-rating:not(.disabled):not(.readonly) .b-rating-star { cursor: pointer; } .b-rating:not(.disabled):not(.readonly):focus:not(:hover) .b-rating-star.focused .b-rating-icon, .b-rating:not(.disabled):not(.readonly) .b-rating-star:hover .b-rating-icon { -webkit-transform: scale(1.5); transform: scale(1.5); } .b-rating[dir=rtl] .b-rating-star-half { -webkit-transform: scale(-1, 1); transform: scale(-1, 1); } .b-form-spinbutton { text-align: center; overflow: hidden; background-image: none; padding: 0; } [dir=rtl] .b-form-spinbutton:not(.flex-column), .b-form-spinbutton[dir=rtl]:not(.flex-column) { flex-direction: row-reverse; } .b-form-spinbutton output { font-size: inherit; outline: 0; border: 0; background-color: transparent; width: auto; margin: 0; padding: 0 0.25rem; } .b-form-spinbutton output > div, .b-form-spinbutton output > bdi { display: block; min-width: 2.25em; height: 1.5em; } .b-form-spinbutton.flex-column { height: auto; width: auto; } .b-form-spinbutton.flex-column output { margin: 0 0.25rem; padding: 0.25rem 0; } .b-form-spinbutton:not(.d-inline-flex):not(.flex-column) { output-width: 100%; } .b-form-spinbutton.d-inline-flex:not(.flex-column) { width: auto; } .b-form-spinbutton .btn { line-height: 1; box-shadow: none !important; } .b-form-spinbutton .btn:disabled { pointer-events: none; } .b-form-spinbutton .btn:hover:not(:disabled) > div > .b-icon { -webkit-transform: scale(1.25); transform: scale(1.25); } .b-form-spinbutton.disabled, .b-form-spinbutton.readonly { background-color: #e9ecef; } .b-form-spinbutton.disabled { pointer-events: none; } .b-form-tags .b-form-tags-list { margin-top: -0.25rem; } .b-form-tags .b-form-tags-list .b-from-tags-field, .b-form-tags .b-form-tags-list .b-form-tag { margin-top: 0.25rem; } .b-form-tags.focus { color: #495057; background-color: #fff; border-color: #80bdff; outline: 0; box-shadow: 0 0 0 0.2rem rgba(0, 123, 255, 0.25); } .b-form-tags.focus.is-valid { border-color: #28a745; box-shadow: 0 0 0 0.2rem rgba(40, 167, 69, 0.25); } .b-form-tags.focus.is-invalid { border-color: #dc3545; box-shadow: 0 0 0 0.2rem rgba(220, 53, 69, 0.25); } .b-form-tags.disabled { background-color: #e9ecef; } .b-form-tag { font-size: 75%; font-weight: normal; line-height: 1.5; margin-right: 0.25rem; } .b-form-tag.disabled { opacity: 0.75; } .b-form-tag > button.b-form-tag-remove { color: inherit; font-size: 125%; line-height: 1; float: none; margin-left: 0.25rem; } .form-control-sm .b-form-tag { line-height: 1.5; } .form-control-lg .b-form-tag { line-height: 1.5; } .media-aside { display: flex; margin-right: 1rem; } .media-aside-right { margin-right: 0; margin-left: 1rem; } .modal-backdrop { opacity: 0.5; } .b-pagination-pills .page-item .page-link { border-radius: 50rem !important; margin-left: 0.25rem; line-height: 1; } .b-pagination-pills .page-item:first-child .page-link { margin-left: 0; } .popover.b-popover { display: block; opacity: 1; outline: 0; } .popover.b-popover.fade:not(.show) { opacity: 0; } .popover.b-popover.show { opacity: 1; } .b-popover-primary.popover { background-color: #cce5ff; border-color: #b8daff; } .b-popover-primary.bs-popover-top > .arrow::before, .b-popover-primary.bs-popover-auto[x-placement^=top] > .arrow::before { border-top-color: #b8daff; } .b-popover-primary.bs-popover-top > .arrow::after, .b-popover-primary.bs-popover-auto[x-placement^=top] > .arrow::after { border-top-color: #cce5ff; } .b-popover-primary.bs-popover-right > .arrow::before, .b-popover-primary.bs-popover-auto[x-placement^=right] > .arrow::before { border-right-color: #b8daff; } .b-popover-primary.bs-popover-right > .arrow::after, .b-popover-primary.bs-popover-auto[x-placement^=right] > .arrow::after { border-right-color: #cce5ff; } .b-popover-primary.bs-popover-bottom > .arrow::before, .b-popover-primary.bs-popover-auto[x-placement^=bottom] > .arrow::before { border-bottom-color: #b8daff; } .b-popover-primary.bs-popover-bottom > .arrow::after, .b-popover-primary.bs-popover-auto[x-placement^=bottom] > .arrow::after { border-bottom-color: #bdddff; } .b-popover-primary.bs-popover-bottom .popover-header::before, .b-popover-primary.bs-popover-auto[x-placement^=bottom] .popover-header::before { border-bottom-color: #bdddff; } .b-popover-primary.bs-popover-left > .arrow::before, .b-popover-primary.bs-popover-auto[x-placement^=left] > .arrow::before { border-left-color: #b8daff; } .b-popover-primary.bs-popover-left > .arrow::after, .b-popover-primary.bs-popover-auto[x-placement^=left] > .arrow::after { border-left-color: #cce5ff; } .b-popover-primary .popover-header { color: #212529; background-color: #bdddff; border-bottom-color: #a3d0ff; } .b-popover-primary .popover-body { color: #004085; } .b-popover-secondary.popover { background-color: #e2e3e5; border-color: #d6d8db; } .b-popover-secondary.bs-popover-top > .arrow::before, .b-popover-secondary.bs-popover-auto[x-placement^=top] > .arrow::before { border-top-color: #d6d8db; } .b-popover-secondary.bs-popover-top > .arrow::after, .b-popover-secondary.bs-popover-auto[x-placement^=top] > .arrow::after { border-top-color: #e2e3e5; } .b-popover-secondary.bs-popover-right > .arrow::before, .b-popover-secondary.bs-popover-auto[x-placement^=right] > .arrow::before { border-right-color: #d6d8db; } .b-popover-secondary.bs-popover-right > .arrow::after, .b-popover-secondary.bs-popover-auto[x-placement^=right] > .arrow::after { border-right-color: #e2e3e5; } .b-popover-secondary.bs-popover-bottom > .arrow::before, .b-popover-secondary.bs-popover-auto[x-placement^=bottom] > .arrow::before { border-bottom-color: #d6d8db; } .b-popover-secondary.bs-popover-bottom > .arrow::after, .b-popover-secondary.bs-popover-auto[x-placement^=bottom] > .arrow::after { border-bottom-color: #dadbde; } .b-popover-secondary.bs-popover-bottom .popover-header::before, .b-popover-secondary.bs-popover-auto[x-placement^=bottom] .popover-header::before { border-bottom-color: #dadbde; } .b-popover-secondary.bs-popover-left > .arrow::before, .b-popover-secondary.bs-popover-auto[x-placement^=left] > .arrow::before { border-left-color: #d6d8db; } .b-popover-secondary.bs-popover-left > .arrow::after, .b-popover-secondary.bs-popover-auto[x-placement^=left] > .arrow::after { border-left-color: #e2e3e5; } .b-popover-secondary .popover-header { color: #212529; background-color: #dadbde; border-bottom-color: #ccced2; } .b-popover-secondary .popover-body { color: #383d41; } .b-popover-success.popover { background-color: #d4edda; border-color: #c3e6cb; } .b-popover-success.bs-popover-top > .arrow::before, .b-popover-success.bs-popover-auto[x-placement^=top] > .arrow::before { border-top-color: #c3e6cb; } .b-popover-success.bs-popover-top > .arrow::after, .b-popover-success.bs-popover-auto[x-placement^=top] > .arrow::after { border-top-color: #d4edda; } .b-popover-success.bs-popover-right > .arrow::before, .b-popover-success.bs-popover-auto[x-placement^=right] > .arrow::before { border-right-color: #c3e6cb; } .b-popover-success.bs-popover-right > .arrow::after, .b-popover-success.bs-popover-auto[x-placement^=right] > .arrow::after { border-right-color: #d4edda; } .b-popover-success.bs-popover-bottom > .arrow::before, .b-popover-success.bs-popover-auto[x-placement^=bottom] > .arrow::before { border-bottom-color: #c3e6cb; } .b-popover-success.bs-popover-bottom > .arrow::after, .b-popover-success.bs-popover-auto[x-placement^=bottom] > .arrow::after { border-bottom-color: #c9e8d1; } .b-popover-success.bs-popover-bottom .popover-header::before, .b-popover-success.bs-popover-auto[x-placement^=bottom] .popover-header::before { border-bottom-color: #c9e8d1; } .b-popover-success.bs-popover-left > .arrow::before, .b-popover-success.bs-popover-auto[x-placement^=left] > .arrow::before { border-left-color: #c3e6cb; } .b-popover-success.bs-popover-left > .arrow::after, .b-popover-success.bs-popover-auto[x-placement^=left] > .arrow::after { border-left-color: #d4edda; } .b-popover-success .popover-header { color: #212529; background-color: #c9e8d1; border-bottom-color: #b7e1c1; } .b-popover-success .popover-body { color: #155724; } .b-popover-info.popover { background-color: #d1ecf1; border-color: #bee5eb; } .b-popover-info.bs-popover-top > .arrow::before, .b-popover-info.bs-popover-auto[x-placement^=top] > .arrow::before { border-top-color: #bee5eb; } .b-popover-info.bs-popover-top > .arrow::after, .b-popover-info.bs-popover-auto[x-placement^=top] > .arrow::after { border-top-color: #d1ecf1; } .b-popover-info.bs-popover-right > .arrow::before, .b-popover-info.bs-popover-auto[x-placement^=right] > .arrow::before { border-right-color: #bee5eb; } .b-popover-info.bs-popover-right > .arrow::after, .b-popover-info.bs-popover-auto[x-placement^=right] > .arrow::after { border-right-color: #d1ecf1; } .b-popover-info.bs-popover-bottom > .arrow::before, .b-popover-info.bs-popover-auto[x-placement^=bottom] > .arrow::before { border-bottom-color: #bee5eb; } .b-popover-info.bs-popover-bottom > .arrow::after, .b-popover-info.bs-popover-auto[x-placement^=bottom] > .arrow::after { border-bottom-color: #c5e7ed; } .b-popover-info.bs-popover-bottom .popover-header::before, .b-popover-info.bs-popover-auto[x-placement^=bottom] .popover-header::before { border-bottom-color: #c5e7ed; } .b-popover-info.bs-popover-left > .arrow::before, .b-popover-info.bs-popover-auto[x-placement^=left] > .arrow::before { border-left-color: #bee5eb; } .b-popover-info.bs-popover-left > .arrow::after, .b-popover-info.bs-popover-auto[x-placement^=left] > .arrow::after { border-left-color: #d1ecf1; } .b-popover-info .popover-header { color: #212529; background-color: #c5e7ed; border-bottom-color: #b2dfe7; } .b-popover-info .popover-body { color: #0c5460; } .b-popover-warning.popover { background-color: #fff3cd; border-color: #ffeeba; } .b-popover-warning.bs-popover-top > .arrow::before, .b-popover-warning.bs-popover-auto[x-placement^=top] > .arrow::before { border-top-color: #ffeeba; } .b-popover-warning.bs-popover-top > .arrow::after, .b-popover-warning.bs-popover-auto[x-placement^=top] > .arrow::after { border-top-color: #fff3cd; } .b-popover-warning.bs-popover-right > .arrow::before, .b-popover-warning.bs-popover-auto[x-placement^=right] > .arrow::before { border-right-color: #ffeeba; } .b-popover-warning.bs-popover-right > .arrow::after, .b-popover-warning.bs-popover-auto[x-placement^=right] > .arrow::after { border-right-color: #fff3cd; } .b-popover-warning.bs-popover-bottom > .arrow::before, .b-popover-warning.bs-popover-auto[x-placement^=bottom] > .arrow::before { border-bottom-color: #ffeeba; } .b-popover-warning.bs-popover-bottom > .arrow::after, .b-popover-warning.bs-popover-auto[x-placement^=bottom] > .arrow::after { border-bottom-color: #ffefbe; } .b-popover-warning.bs-popover-bottom .popover-header::before, .b-popover-warning.bs-popover-auto[x-placement^=bottom] .popover-header::before { border-bottom-color: #ffefbe; } .b-popover-warning.bs-popover-left > .arrow::before, .b-popover-warning.bs-popover-auto[x-placement^=left] > .arrow::before { border-left-color: #ffeeba; } .b-popover-warning.bs-popover-left > .arrow::after, .b-popover-warning.bs-popover-auto[x-placement^=left] > .arrow::after { border-left-color: #fff3cd; } .b-popover-warning .popover-header { color: #212529; background-color: #ffefbe; border-bottom-color: #ffe9a4; } .b-popover-warning .popover-body { color: #856404; } .b-popover-danger.popover { background-color: #f8d7da; border-color: #f5c6cb; } .b-popover-danger.bs-popover-top > .arrow::before, .b-popover-danger.bs-popover-auto[x-placement^=top] > .arrow::before { border-top-color: #f5c6cb; } .b-popover-danger.bs-popover-top > .arrow::after, .b-popover-danger.bs-popover-auto[x-placement^=top] > .arrow::after { border-top-color: #f8d7da; } .b-popover-danger.bs-popover-right > .arrow::before, .b-popover-danger.bs-popover-auto[x-placement^=right] > .arrow::before { border-right-color: #f5c6cb; } .b-popover-danger.bs-popover-right > .arrow::after, .b-popover-danger.bs-popover-auto[x-placement^=right] > .arrow::after { border-right-color: #f8d7da; } .b-popover-danger.bs-popover-bottom > .arrow::before, .b-popover-danger.bs-popover-auto[x-placement^=bottom] > .arrow::before { border-bottom-color: #f5c6cb; } .b-popover-danger.bs-popover-bottom > .arrow::after, .b-popover-danger.bs-popover-auto[x-placement^=bottom] > .arrow::after { border-bottom-color: #f6cace; } .b-popover-danger.bs-popover-bottom .popover-header::before, .b-popover-danger.bs-popover-auto[x-placement^=bottom] .popover-header::before { border-bottom-color: #f6cace; } .b-popover-danger.bs-popover-left > .arrow::before, .b-popover-danger.bs-popover-auto[x-placement^=left] > .arrow::before { border-left-color: #f5c6cb; } .b-popover-danger.bs-popover-left > .arrow::after, .b-popover-danger.bs-popover-auto[x-placement^=left] > .arrow::after { border-left-color: #f8d7da; } .b-popover-danger .popover-header { color: #212529; background-color: #f6cace; border-bottom-color: #f2b4ba; } .b-popover-danger .popover-body { color: #721c24; } .b-popover-light.popover { background-color: #fefefe; border-color: #fdfdfe; } .b-popover-light.bs-popover-top > .arrow::before, .b-popover-light.bs-popover-auto[x-placement^=top] > .arrow::before { border-top-color: #fdfdfe; } .b-popover-light.bs-popover-top > .arrow::after, .b-popover-light.bs-popover-auto[x-placement^=top] > .arrow::after { border-top-color: #fefefe; } .b-popover-light.bs-popover-right > .arrow::before, .b-popover-light.bs-popover-auto[x-placement^=right] > .arrow::before { border-right-color: #fdfdfe; } .b-popover-light.bs-popover-right > .arrow::after, .b-popover-light.bs-popover-auto[x-placement^=right] > .arrow::after { border-right-color: #fefefe; } .b-popover-light.bs-popover-bottom > .arrow::before, .b-popover-light.bs-popover-auto[x-placement^=bottom] > .arrow::before { border-bottom-color: #fdfdfe; } .b-popover-light.bs-popover-bottom > .arrow::after, .b-popover-light.bs-popover-auto[x-placement^=bottom] > .arrow::after { border-bottom-color: #f6f6f6; } .b-popover-light.bs-popover-bottom .popover-header::before, .b-popover-light.bs-popover-auto[x-placement^=bottom] .popover-header::before { border-bottom-color: #f6f6f6; } .b-popover-light.bs-popover-left > .arrow::before, .b-popover-light.bs-popover-auto[x-placement^=left] > .arrow::before { border-left-color: #fdfdfe; } .b-popover-light.bs-popover-left > .arrow::after, .b-popover-light.bs-popover-auto[x-placement^=left] > .arrow::after { border-left-color: #fefefe; } .b-popover-light .popover-header { color: #212529; background-color: #f6f6f6; border-bottom-color: #eaeaea; } .b-popover-light .popover-body { color: #818182; } .b-popover-dark.popover { background-color: #d6d8d9; border-color: #c6c8ca; } .b-popover-dark.bs-popover-top > .arrow::before, .b-popover-dark.bs-popover-auto[x-placement^=top] > .arrow::before { border-top-color: #c6c8ca; } .b-popover-dark.bs-popover-top > .arrow::after, .b-popover-dark.bs-popover-auto[x-placement^=top] > .arrow::after { border-top-color: #d6d8d9; } .b-popover-dark.bs-popover-right > .arrow::before, .b-popover-dark.bs-popover-auto[x-placement^=right] > .arrow::before { border-right-color: #c6c8ca; } .b-popover-dark.bs-popover-right > .arrow::after, .b-popover-dark.bs-popover-auto[x-placement^=right] > .arrow::after { border-right-color: #d6d8d9; } .b-popover-dark.bs-popover-bottom > .arrow::before, .b-popover-dark.bs-popover-auto[x-placement^=bottom] > .arrow::before { border-bottom-color: #c6c8ca; } .b-popover-dark.bs-popover-bottom > .arrow::after, .b-popover-dark.bs-popover-auto[x-placement^=bottom] > .arrow::after { border-bottom-color: #ced0d2; } .b-popover-dark.bs-popover-bottom .popover-header::before, .b-popover-dark.bs-popover-auto[x-placement^=bottom] .popover-header::before { border-bottom-color: #ced0d2; } .b-popover-dark.bs-popover-left > .arrow::before, .b-popover-dark.bs-popover-auto[x-placement^=left] > .arrow::before { border-left-color: #c6c8ca; } .b-popover-dark.bs-popover-left > .arrow::after, .b-popover-dark.bs-popover-auto[x-placement^=left] > .arrow::after { border-left-color: #d6d8d9; } .b-popover-dark .popover-header { color: #212529; background-color: #ced0d2; border-bottom-color: #c1c4c5; } .b-popover-dark .popover-body { color: #1b1e21; } .b-sidebar-outer { position: fixed; top: 0; left: 0; right: 0; height: 0; overflow: visible; z-index: calc(1030 + 5); } .b-sidebar-backdrop { position: fixed; top: 0; left: 0; z-index: -1; width: 100vw; height: 100vh; opacity: 0.6; } .b-sidebar { display: flex; flex-direction: column; position: fixed; top: 0; width: 320px; max-width: 100%; height: 100vh; max-height: 100%; margin: 0; outline: 0; -webkit-transform: translateX(0); transform: translateX(0); } .b-sidebar.slide { transition: -webkit-transform 0.3s ease-in-out; transition: transform 0.3s ease-in-out; transition: transform 0.3s ease-in-out, -webkit-transform 0.3s ease-in-out; } @media (prefers-reduced-motion: reduce) { .b-sidebar.slide { transition: none; } } .b-sidebar:not(.b-sidebar-right) { left: 0; right: auto; } .b-sidebar:not(.b-sidebar-right).slide:not(.show) { -webkit-transform: translateX(-100%); transform: translateX(-100%); } .b-sidebar:not(.b-sidebar-right) > .b-sidebar-header .close { margin-left: auto; } .b-sidebar.b-sidebar-right { left: auto; right: 0; } .b-sidebar.b-sidebar-right.slide:not(.show) { -webkit-transform: translateX(100%); transform: translateX(100%); } .b-sidebar.b-sidebar-right > .b-sidebar-header .close { margin-right: auto; } .b-sidebar > .b-sidebar-header { font-size: 1.5rem; padding: 0.5rem 1rem; display: flex; flex-direction: row; flex-grow: 0; align-items: center; } [dir=rtl] .b-sidebar > .b-sidebar-header { flex-direction: row-reverse; } .b-sidebar > .b-sidebar-header .close { float: none; font-size: 1.5rem; } .b-sidebar > .b-sidebar-body { flex-grow: 1; height: 100%; overflow-y: auto; } .b-sidebar > .b-sidebar-footer { flex-grow: 0; } .b-skeleton-wrapper { cursor: wait; } .b-skeleton { position: relative; overflow: hidden; background-color: rgba(0, 0, 0, 0.12); cursor: wait; -webkit-mask-image: radial-gradient(white, black); mask-image: radial-gradient(white, black); } .b-skeleton::before { content: " "; } .b-skeleton-text { height: 1rem; margin-bottom: 0.25rem; border-radius: 0.25rem; } .b-skeleton-button { width: 75px; padding: 0.375rem 0.75rem; font-size: 1rem; line-height: 1.5; border-radius: 0.25rem; } .b-skeleton-avatar { width: 2.5em; height: 2.5em; border-radius: 50%; } .b-skeleton-input { height: calc(1.5em + 0.75rem + 2px); padding: 0.375rem 0.75rem; line-height: 1.5; border: #ced4da solid 1px; border-radius: 0.25rem; } .b-skeleton-icon-wrapper svg { color: rgba(0, 0, 0, 0.12); } .b-skeleton-img { height: 100%; width: 100%; } .b-skeleton-animate-wave::after { content: ""; position: absolute; top: 0; right: 0; bottom: 0; left: 0; z-index: 0; background: linear-gradient(90deg, transparent, rgba(255, 255, 255, 0.4), transparent); -webkit-animation: b-skeleton-animate-wave 1.75s linear infinite; animation: b-skeleton-animate-wave 1.75s linear infinite; } @media (prefers-reduced-motion: reduce) { .b-skeleton-animate-wave::after { background: none; -webkit-animation: none; animation: none; } } @-webkit-keyframes b-skeleton-animate-wave { from { -webkit-transform: translateX(-100%); transform: translateX(-100%); } to { -webkit-transform: translateX(100%); transform: translateX(100%); } } @keyframes b-skeleton-animate-wave { from { -webkit-transform: translateX(-100%); transform: translateX(-100%); } to { -webkit-transform: translateX(100%); transform: translateX(100%); } } .b-skeleton-animate-fade { -webkit-animation: b-skeleton-animate-fade 0.875s ease-in-out alternate infinite; animation: b-skeleton-animate-fade 0.875s ease-in-out alternate infinite; } @media (prefers-reduced-motion: reduce) { .b-skeleton-animate-fade { -webkit-animation: none; animation: none; } } @-webkit-keyframes b-skeleton-animate-fade { 0% { opacity: 1; } 100% { opacity: 0.4; } } @keyframes b-skeleton-animate-fade { 0% { opacity: 1; } 100% { opacity: 0.4; } } .b-skeleton-animate-throb { -webkit-animation: b-skeleton-animate-throb 0.875s ease-in alternate infinite; animation: b-skeleton-animate-throb 0.875s ease-in alternate infinite; } @media (prefers-reduced-motion: reduce) { .b-skeleton-animate-throb { -webkit-animation: none; animation: none; } } @-webkit-keyframes b-skeleton-animate-throb { 0% { -webkit-transform: scale(1); transform: scale(1); } 100% { -webkit-transform: scale(0.975); transform: scale(0.975); } } @keyframes b-skeleton-animate-throb { 0% { -webkit-transform: scale(1); transform: scale(1); } 100% { -webkit-transform: scale(0.975); transform: scale(0.975); } } .table.b-table.b-table-fixed { table-layout: fixed; } .table.b-table.b-table-no-border-collapse { border-collapse: separate; border-spacing: 0; } .table.b-table[aria-busy=true] { opacity: 0.55; } .table.b-table > tbody > tr.b-table-details > td { border-top: none !important; } .table.b-table > caption { caption-side: bottom; } .table.b-table.b-table-caption-top > caption { caption-side: top !important; } .table.b-table > tbody > .table-active, .table.b-table > tbody > .table-active > th, .table.b-table > tbody > .table-active > td { background-color: rgba(0, 0, 0, 0.075); } .table.b-table.table-hover > tbody > tr.table-active:hover td, .table.b-table.table-hover > tbody > tr.table-active:hover th { color: #212529; background-image: linear-gradient(rgba(0, 0, 0, 0.075), rgba(0, 0, 0, 0.075)); background-repeat: no-repeat; } .table.b-table > tbody > .bg-active, .table.b-table > tbody > .bg-active > th, .table.b-table > tbody > .bg-active > td { background-color: rgba(255, 255, 255, 0.075) !important; } .table.b-table.table-hover.table-dark > tbody > tr.bg-active:hover td, .table.b-table.table-hover.table-dark > tbody > tr.bg-active:hover th { color: #fff; background-image: linear-gradient(rgba(255, 255, 255, 0.075), rgba(255, 255, 255, 0.075)); background-repeat: no-repeat; } .b-table-sticky-header, .table-responsive, [class*=table-responsive-] { margin-bottom: 1rem; } .b-table-sticky-header > .table, .table-responsive > .table, [class*=table-responsive-] > .table { margin-bottom: 0; } .b-table-sticky-header { overflow-y: auto; max-height: 300px; } @media print { .b-table-sticky-header { overflow-y: visible !important; max-height: none !important; } } @supports ((position: -webkit-sticky) or (position: sticky)) { .b-table-sticky-header > .table.b-table > thead > tr > th { position: -webkit-sticky; position: sticky; top: 0; z-index: 2; } .b-table-sticky-header > .table.b-table > thead > tr > .b-table-sticky-column, .b-table-sticky-header > .table.b-table > tbody > tr > .b-table-sticky-column, .b-table-sticky-header > .table.b-table > tfoot > tr > .b-table-sticky-column, .table-responsive > .table.b-table > thead > tr > .b-table-sticky-column, .table-responsive > .table.b-table > tbody > tr > .b-table-sticky-column, .table-responsive > .table.b-table > tfoot > tr > .b-table-sticky-column, [class*=table-responsive-] > .table.b-table > thead > tr > .b-table-sticky-column, [class*=table-responsive-] > .table.b-table > tbody > tr > .b-table-sticky-column, [class*=table-responsive-] > .table.b-table > tfoot > tr > .b-table-sticky-column { position: -webkit-sticky; position: sticky; left: 0; } .b-table-sticky-header > .table.b-table > thead > tr > .b-table-sticky-column, .table-responsive > .table.b-table > thead > tr > .b-table-sticky-column, [class*=table-responsive-] > .table.b-table > thead > tr > .b-table-sticky-column { z-index: 5; } .b-table-sticky-header > .table.b-table > tbody > tr > .b-table-sticky-column, .b-table-sticky-header > .table.b-table > tfoot > tr > .b-table-sticky-column, .table-responsive > .table.b-table > tbody > tr > .b-table-sticky-column, .table-responsive > .table.b-table > tfoot > tr > .b-table-sticky-column, [class*=table-responsive-] > .table.b-table > tbody > tr > .b-table-sticky-column, [class*=table-responsive-] > .table.b-table > tfoot > tr > .b-table-sticky-column { z-index: 2; } .table.b-table > thead > tr > .table-b-table-default, .table.b-table > tbody > tr > .table-b-table-default, .table.b-table > tfoot > tr > .table-b-table-default { color: #212529; background-color: #fff; } .table.b-table.table-dark > thead > tr > .bg-b-table-default, .table.b-table.table-dark > tbody > tr > .bg-b-table-default, .table.b-table.table-dark > tfoot > tr > .bg-b-table-default { color: #fff; background-color: #343a40; } .table.b-table.table-striped > tbody > tr:nth-of-type(odd) > .table-b-table-default { background-image: linear-gradient(rgba(0, 0, 0, 0.05), rgba(0, 0, 0, 0.05)); background-repeat: no-repeat; } .table.b-table.table-striped.table-dark > tbody > tr:nth-of-type(odd) > .bg-b-table-default { background-image: linear-gradient(rgba(255, 255, 255, 0.05), rgba(255, 255, 255, 0.05)); background-repeat: no-repeat; } .table.b-table.table-hover > tbody > tr:hover > .table-b-table-default { color: #212529; background-image: linear-gradient(rgba(0, 0, 0, 0.075), rgba(0, 0, 0, 0.075)); background-repeat: no-repeat; } .table.b-table.table-hover.table-dark > tbody > tr:hover > .bg-b-table-default { color: #fff; background-image: linear-gradient(rgba(255, 255, 255, 0.075), rgba(255, 255, 255, 0.075)); background-repeat: no-repeat; } } .table.b-table > thead > tr > [aria-sort], .table.b-table > tfoot > tr > [aria-sort] { cursor: pointer; background-image: none; background-repeat: no-repeat; background-size: 0.65em 1em; } .table.b-table > thead > tr > [aria-sort]:not(.b-table-sort-icon-left), .table.b-table > tfoot > tr > [aria-sort]:not(.b-table-sort-icon-left) { background-position: right calc(0.75rem / 2) center; padding-right: calc(0.75rem + 0.65em); } .table.b-table > thead > tr > [aria-sort].b-table-sort-icon-left, .table.b-table > tfoot > tr > [aria-sort].b-table-sort-icon-left { background-position: left calc(0.75rem / 2) center; padding-left: calc(0.75rem + 0.65em); } .table.b-table > thead > tr > [aria-sort=none], .table.b-table > tfoot > tr > [aria-sort=none