bootstrap-vue
Version:
BootstrapVue, with over 40 plugins and more than 75 custom components, provides one of the most comprehensive implementations of Bootstrap v4 components and grid system for Vue.js. With extensive and automated WAI-ARIA accessibility markup.
970 lines (826 loc) • 28.5 kB
CSS
@charset "UTF-8";
/*!
* BootstrapVue Custom CSS (https://bootstrap-vue.js.org)
*/
@media (max-width: 575.98px) {
.bv-d-xs-down-none {
display: none ;
}
}
@media (max-width: 767.98px) {
.bv-d-sm-down-none {
display: none ;
}
}
@media (max-width: 991.98px) {
.bv-d-md-down-none {
display: none ;
}
}
@media (max-width: 1199.98px) {
.bv-d-lg-down-none {
display: none ;
}
}
.bv-d-xl-down-none {
display: 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 ;
}
.dropdown.dropleft .dropdown-toggle.dropdown-toggle-no-caret::before {
display: none ;
}
.dropdown.b-dropdown .b-dropdown-form {
display: inline-block;
padding: 0.25rem 1.5rem;
width: 100%;
clear: both;
font-weight: 400;
}
.dropdown.b-dropdown .b-dropdown-form:focus {
outline: 1px dotted ;
outline: 5px auto -webkit-focus-ring-color ;
}
.dropdown.b-dropdown .b-dropdown-form.disabled, .dropdown.b-dropdown .b-dropdown-form:disabled {
outline: 0 ;
color: #6c757d;
pointer-events: none;
}
.b-dropdown-text {
display: inline-block;
padding: 0.25rem 1.5rem;
margin-bottom: 0;
width: 100%;
clear: both;
font-weight: lighter;
}
.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;
}
.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);
}
.modal-backdrop {
opacity: 0.5;
}
.table.b-table.b-table-fixed {
table-layout: fixed;
}
.table.b-table[aria-busy="true"] {
opacity: 0.55;
}
.table.b-table > tbody > tr.b-table-details > td {
border-top: none ;
}
.table.b-table > caption {
caption-side: bottom;
}
.table.b-table > caption.b-table-caption-top {
caption-side: top ;
}
.table.b-table > thead > tr > th,
.table.b-table > thead > tr > td,
.table.b-table > tfoot > tr > th,
.table.b-table > tfoot > tr > td {
position: relative;
}
.table.b-table > thead > tr > th[aria-sort],
.table.b-table > tfoot > tr > th[aria-sort] {
position: relative;
padding-right: 1.125em;
cursor: pointer;
}
.table.b-table > thead > tr > th[aria-sort]::after,
.table.b-table > tfoot > tr > th[aria-sort]::after {
position: absolute;
display: block;
bottom: 0;
right: 0.35em;
padding-bottom: inherit;
font-size: inherit;
line-height: inherit;
opacity: 0.4;
content: "↕";
speak: none;
}
.table.b-table > thead > tr > th[aria-sort][aria-sort="ascending"]::after,
.table.b-table > tfoot > tr > th[aria-sort][aria-sort="ascending"]::after {
opacity: 1;
content: "↓";
}
.table.b-table > thead > tr > th[aria-sort][aria-sort="descending"]::after,
.table.b-table > tfoot > tr > th[aria-sort][aria-sort="descending"]::after {
opacity: 1;
content: "↑";
}
@media (max-width: 575.98px) {
.table.b-table.b-table-stacked-sm {
display: block;
width: 100%;
}
.table.b-table.b-table-stacked-sm > caption,
.table.b-table.b-table-stacked-sm > tbody,
.table.b-table.b-table-stacked-sm > tbody > tr,
.table.b-table.b-table-stacked-sm > tbody > tr > td,
.table.b-table.b-table-stacked-sm > tbody > tr > td {
display: block;
}
.table.b-table.b-table-stacked-sm > thead,
.table.b-table.b-table-stacked-sm > tfoot {
display: none;
}
.table.b-table.b-table-stacked-sm > thead > tr.b-table-top-row,
.table.b-table.b-table-stacked-sm > thead > tr.b-table-bottom-row,
.table.b-table.b-table-stacked-sm > tfoot > tr.b-table-top-row,
.table.b-table.b-table-stacked-sm > tfoot > tr.b-table-bottom-row {
display: none;
}
.table.b-table.b-table-stacked-sm > caption {
caption-side: top ;
}
.table.b-table.b-table-stacked-sm > tbody > tr > [data-label]::before {
content: attr(data-label);
display: inline-block;
width: 40%;
float: left;
text-align: right;
overflow-wrap: break-word;
font-weight: bold;
font-style: normal;
padding: 0;
margin: 0;
}
.table.b-table.b-table-stacked-sm > tbody > tr > [data-label] > div {
display: inline-block;
width: calc(100% - 40%);
padding: 0 0 0 1rem;
margin: 0;
}
.table.b-table.b-table-stacked-sm > tbody > tr.top-row, .table.b-table.b-table-stacked-sm > tbody > tr.bottom-row {
display: none;
}
.table.b-table.b-table-stacked-sm > tbody > tr > :first-child {
border-top-width: 3px;
}
}
@media (max-width: 767.98px) {
.table.b-table.b-table-stacked-md {
display: block;
width: 100%;
}
.table.b-table.b-table-stacked-md > caption,
.table.b-table.b-table-stacked-md > tbody,
.table.b-table.b-table-stacked-md > tbody > tr,
.table.b-table.b-table-stacked-md > tbody > tr > td,
.table.b-table.b-table-stacked-md > tbody > tr > td {
display: block;
}
.table.b-table.b-table-stacked-md > thead,
.table.b-table.b-table-stacked-md > tfoot {
display: none;
}
.table.b-table.b-table-stacked-md > thead > tr.b-table-top-row,
.table.b-table.b-table-stacked-md > thead > tr.b-table-bottom-row,
.table.b-table.b-table-stacked-md > tfoot > tr.b-table-top-row,
.table.b-table.b-table-stacked-md > tfoot > tr.b-table-bottom-row {
display: none;
}
.table.b-table.b-table-stacked-md > caption {
caption-side: top ;
}
.table.b-table.b-table-stacked-md > tbody > tr > [data-label]::before {
content: attr(data-label);
display: inline-block;
width: 40%;
float: left;
text-align: right;
overflow-wrap: break-word;
font-weight: bold;
font-style: normal;
padding: 0;
margin: 0;
}
.table.b-table.b-table-stacked-md > tbody > tr > [data-label] > div {
display: inline-block;
width: calc(100% - 40%);
padding: 0 0 0 1rem;
margin: 0;
}
.table.b-table.b-table-stacked-md > tbody > tr.top-row, .table.b-table.b-table-stacked-md > tbody > tr.bottom-row {
display: none;
}
.table.b-table.b-table-stacked-md > tbody > tr > :first-child {
border-top-width: 3px;
}
}
@media (max-width: 991.98px) {
.table.b-table.b-table-stacked-lg {
display: block;
width: 100%;
}
.table.b-table.b-table-stacked-lg > caption,
.table.b-table.b-table-stacked-lg > tbody,
.table.b-table.b-table-stacked-lg > tbody > tr,
.table.b-table.b-table-stacked-lg > tbody > tr > td,
.table.b-table.b-table-stacked-lg > tbody > tr > td {
display: block;
}
.table.b-table.b-table-stacked-lg > thead,
.table.b-table.b-table-stacked-lg > tfoot {
display: none;
}
.table.b-table.b-table-stacked-lg > thead > tr.b-table-top-row,
.table.b-table.b-table-stacked-lg > thead > tr.b-table-bottom-row,
.table.b-table.b-table-stacked-lg > tfoot > tr.b-table-top-row,
.table.b-table.b-table-stacked-lg > tfoot > tr.b-table-bottom-row {
display: none;
}
.table.b-table.b-table-stacked-lg > caption {
caption-side: top ;
}
.table.b-table.b-table-stacked-lg > tbody > tr > [data-label]::before {
content: attr(data-label);
display: inline-block;
width: 40%;
float: left;
text-align: right;
overflow-wrap: break-word;
font-weight: bold;
font-style: normal;
padding: 0;
margin: 0;
}
.table.b-table.b-table-stacked-lg > tbody > tr > [data-label] > div {
display: inline-block;
width: calc(100% - 40%);
padding: 0 0 0 1rem;
margin: 0;
}
.table.b-table.b-table-stacked-lg > tbody > tr.top-row, .table.b-table.b-table-stacked-lg > tbody > tr.bottom-row {
display: none;
}
.table.b-table.b-table-stacked-lg > tbody > tr > :first-child {
border-top-width: 3px;
}
}
@media (max-width: 1199.98px) {
.table.b-table.b-table-stacked-xl {
display: block;
width: 100%;
}
.table.b-table.b-table-stacked-xl > caption,
.table.b-table.b-table-stacked-xl > tbody,
.table.b-table.b-table-stacked-xl > tbody > tr,
.table.b-table.b-table-stacked-xl > tbody > tr > td,
.table.b-table.b-table-stacked-xl > tbody > tr > td {
display: block;
}
.table.b-table.b-table-stacked-xl > thead,
.table.b-table.b-table-stacked-xl > tfoot {
display: none;
}
.table.b-table.b-table-stacked-xl > thead > tr.b-table-top-row,
.table.b-table.b-table-stacked-xl > thead > tr.b-table-bottom-row,
.table.b-table.b-table-stacked-xl > tfoot > tr.b-table-top-row,
.table.b-table.b-table-stacked-xl > tfoot > tr.b-table-bottom-row {
display: none;
}
.table.b-table.b-table-stacked-xl > caption {
caption-side: top ;
}
.table.b-table.b-table-stacked-xl > tbody > tr > [data-label]::before {
content: attr(data-label);
display: inline-block;
width: 40%;
float: left;
text-align: right;
overflow-wrap: break-word;
font-weight: bold;
font-style: normal;
padding: 0;
margin: 0;
}
.table.b-table.b-table-stacked-xl > tbody > tr > [data-label] > div {
display: inline-block;
width: calc(100% - 40%);
padding: 0 0 0 1rem;
margin: 0;
}
.table.b-table.b-table-stacked-xl > tbody > tr.top-row, .table.b-table.b-table-stacked-xl > tbody > tr.bottom-row {
display: none;
}
.table.b-table.b-table-stacked-xl > tbody > tr > :first-child {
border-top-width: 3px;
}
}
.table.b-table.b-table-stacked {
display: block;
width: 100%;
}
.table.b-table.b-table-stacked > caption,
.table.b-table.b-table-stacked > tbody,
.table.b-table.b-table-stacked > tbody > tr,
.table.b-table.b-table-stacked > tbody > tr > td,
.table.b-table.b-table-stacked > tbody > tr > td {
display: block;
}
.table.b-table.b-table-stacked > thead,
.table.b-table.b-table-stacked > tfoot {
display: none;
}
.table.b-table.b-table-stacked > thead > tr.b-table-top-row,
.table.b-table.b-table-stacked > thead > tr.b-table-bottom-row,
.table.b-table.b-table-stacked > tfoot > tr.b-table-top-row,
.table.b-table.b-table-stacked > tfoot > tr.b-table-bottom-row {
display: none;
}
.table.b-table.b-table-stacked > caption {
caption-side: top ;
}
.table.b-table.b-table-stacked > tbody > tr > [data-label]::before {
content: attr(data-label);
display: inline-block;
width: 40%;
float: left;
text-align: right;
overflow-wrap: break-word;
font-weight: bold;
font-style: normal;
padding: 0;
margin: 0;
}
.table.b-table.b-table-stacked > tbody > tr > [data-label] > div {
display: inline-block;
width: calc(100% - 40%);
padding: 0 0 0 1rem;
margin: 0;
}
.table.b-table.b-table-stacked > tbody > tr.top-row, .table.b-table.b-table-stacked > tbody > tr.bottom-row {
display: none;
}
.table.b-table.b-table-stacked > tbody > tr > :first-child {
border-top-width: 3px;
}
.table.b-table.b-table-selectable > tbody > tr {
cursor: pointer;
}
.table.b-table.b-table-selectable.b-table-selecting.b-table-select-range > tbody > tr {
-webkit-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
user-select: none;
}
.b-toast {
display: block;
position: relative;
max-width: 350px;
-webkit-backface-visibility: hidden;
backface-visibility: hidden;
background-clip: padding-box;
z-index: 1;
border-radius: 0.25rem;
}
.b-toast:not(:last-child) {
margin-bottom: 0.75rem;
}
.b-toast.b-toast-solid .toast {
background-color: white;
}
.b-toast .toast {
opacity: 1;
}
.b-toast .toast.fade:not(.show) {
opacity: 0;
}
.b-toast .toast .toast-body {
display: block;
}
.b-toast-primary .toast {
background-color: rgba(230, 242, 255, 0.85);
border-color: rgba(184, 218, 255, 0.85);
color: #004085;
}
.b-toast-primary .toast .toast-header {
color: #004085;
background-color: rgba(204, 229, 255, 0.85);
border-bottom-color: rgba(184, 218, 255, 0.85);
}
.b-toast-primary.b-toast-solid .toast {
background-color: #e6f2ff;
}
.b-toast-secondary .toast {
background-color: rgba(239, 240, 241, 0.85);
border-color: rgba(214, 216, 219, 0.85);
color: #383d41;
}
.b-toast-secondary .toast .toast-header {
color: #383d41;
background-color: rgba(226, 227, 229, 0.85);
border-bottom-color: rgba(214, 216, 219, 0.85);
}
.b-toast-secondary.b-toast-solid .toast {
background-color: #eff0f1;
}
.b-toast-success .toast {
background-color: rgba(230, 245, 233, 0.85);
border-color: rgba(195, 230, 203, 0.85);
color: #155724;
}
.b-toast-success .toast .toast-header {
color: #155724;
background-color: rgba(212, 237, 218, 0.85);
border-bottom-color: rgba(195, 230, 203, 0.85);
}
.b-toast-success.b-toast-solid .toast {
background-color: #e6f5e9;
}
.b-toast-info .toast {
background-color: rgba(229, 244, 247, 0.85);
border-color: rgba(190, 229, 235, 0.85);
color: #0c5460;
}
.b-toast-info .toast .toast-header {
color: #0c5460;
background-color: rgba(209, 236, 241, 0.85);
border-bottom-color: rgba(190, 229, 235, 0.85);
}
.b-toast-info.b-toast-solid .toast {
background-color: #e5f4f7;
}
.b-toast-warning .toast {
background-color: rgba(255, 249, 231, 0.85);
border-color: rgba(255, 238, 186, 0.85);
color: #856404;
}
.b-toast-warning .toast .toast-header {
color: #856404;
background-color: rgba(255, 243, 205, 0.85);
border-bottom-color: rgba(255, 238, 186, 0.85);
}
.b-toast-warning.b-toast-solid .toast {
background-color: #fff9e7;
}
.b-toast-danger .toast {
background-color: rgba(252, 237, 238, 0.85);
border-color: rgba(245, 198, 203, 0.85);
color: #721c24;
}
.b-toast-danger .toast .toast-header {
color: #721c24;
background-color: rgba(248, 215, 218, 0.85);
border-bottom-color: rgba(245, 198, 203, 0.85);
}
.b-toast-danger.b-toast-solid .toast {
background-color: #fcedee;
}
.b-toast-light .toast {
background-color: rgba(255, 255, 255, 0.85);
border-color: rgba(253, 253, 254, 0.85);
color: #818182;
}
.b-toast-light .toast .toast-header {
color: #818182;
background-color: rgba(254, 254, 254, 0.85);
border-bottom-color: rgba(253, 253, 254, 0.85);
}
.b-toast-light.b-toast-solid .toast {
background-color: white;
}
.b-toast-dark .toast {
background-color: rgba(227, 229, 229, 0.85);
border-color: rgba(198, 200, 202, 0.85);
color: #1b1e21;
}
.b-toast-dark .toast .toast-header {
color: #1b1e21;
background-color: rgba(214, 216, 217, 0.85);
border-bottom-color: rgba(198, 200, 202, 0.85);
}
.b-toast-dark.b-toast-solid .toast {
background-color: #e3e5e5;
}
.b-toaster {
z-index: 1100;
}
.b-toaster .b-toaster-slot {
position: relative;
display: block;
}
.b-toaster .b-toaster-slot:empty {
display: none ;
}
.b-toaster.b-toaster-top-right, .b-toaster.b-toaster-top-left, .b-toaster.b-toaster-top-center, .b-toaster.b-toaster-top-full, .b-toaster.b-toaster-bottom-right, .b-toaster.b-toaster-bottom-left, .b-toaster.b-toaster-bottom-center, .b-toaster.b-toaster-bottom-full {
position: fixed;
left: 0.5rem;
right: 0.5rem;
margin: 0;
padding: 0;
height: 0;
overflow: visible;
}
.b-toaster.b-toaster-top-right .b-toaster-slot, .b-toaster.b-toaster-top-left .b-toaster-slot, .b-toaster.b-toaster-top-center .b-toaster-slot, .b-toaster.b-toaster-top-full .b-toaster-slot, .b-toaster.b-toaster-bottom-right .b-toaster-slot, .b-toaster.b-toaster-bottom-left .b-toaster-slot, .b-toaster.b-toaster-bottom-center .b-toaster-slot, .b-toaster.b-toaster-bottom-full .b-toaster-slot {
position: absolute;
max-width: 350px;
width: 100%;
/* IE11 fix */
left: 0;
right: 0;
padding: 0;
margin: 0;
}
.b-toaster.b-toaster-top-full .b-toaster-slot, .b-toaster.b-toaster-bottom-full .b-toaster-slot {
width: 100%;
max-width: 100%;
}
.b-toaster.b-toaster-top-full .b-toaster-slot .b-toast,
.b-toaster.b-toaster-top-full .b-toaster-slot .toast, .b-toaster.b-toaster-bottom-full .b-toaster-slot .b-toast,
.b-toaster.b-toaster-bottom-full .b-toaster-slot .toast {
width: 100%;
max-width: 100%;
}
.b-toaster.b-toaster-top-right, .b-toaster.b-toaster-top-left, .b-toaster.b-toaster-top-center, .b-toaster.b-toaster-top-full {
top: 0;
}
.b-toaster.b-toaster-top-right .b-toaster-slot, .b-toaster.b-toaster-top-left .b-toaster-slot, .b-toaster.b-toaster-top-center .b-toaster-slot, .b-toaster.b-toaster-top-full .b-toaster-slot {
top: 0.5rem;
}
.b-toaster.b-toaster-bottom-right, .b-toaster.b-toaster-bottom-left, .b-toaster.b-toaster-bottom-center, .b-toaster.b-toaster-bottom-full {
bottom: 0;
}
.b-toaster.b-toaster-bottom-right .b-toaster-slot, .b-toaster.b-toaster-bottom-left .b-toaster-slot, .b-toaster.b-toaster-bottom-center .b-toaster-slot, .b-toaster.b-toaster-bottom-full .b-toaster-slot {
bottom: 0.5rem;
}
.b-toaster.b-toaster-top-right .b-toaster-slot, .b-toaster.b-toaster-bottom-right .b-toaster-slot, .b-toaster.b-toaster-top-center .b-toaster-slot, .b-toaster.b-toaster-bottom-center .b-toaster-slot {
margin-left: auto;
}
.b-toaster.b-toaster-top-left .b-toaster-slot, .b-toaster.b-toaster-bottom-left .b-toaster-slot, .b-toaster.b-toaster-top-center .b-toaster-slot, .b-toaster.b-toaster-bottom-center .b-toaster-slot {
margin-right: auto;
}
.b-toaster.b-toaster-top-right .b-toast, .b-toaster.b-toaster-top-left .b-toast, .b-toaster.b-toaster-bottom-right .b-toast, .b-toaster.b-toaster-bottom-left .b-toast {
/*
&.b-toaster-enter-active,
&.b-toaster-enter-to {
.toast.fade {
// Delay the appearance of the toast until
// the move transition has completed
transition-delay: 0.175s;
}
}
&.b-toaster-move {
transition: transform 0.175s;
// transition-delay: 0.175s;
}
&.b-toaster-enter-active {
z-index: 0;
}
&.b-toaster-leave-active {
transition: transform 0.175s;
}
&.b-toaster-leave,
&.b-toaster-leave-active {
position: absolute;
z-index: 0;
transition-delay: 0.175s;
.toast.fade {
transition-delay: 0s;
}
}
&.b-toaster-leave {
}
&.b-toaster-leave-to {
}
*/
}
.b-toaster.b-toaster-top-right .b-toast.b-toaster-enter-active, .b-toaster.b-toaster-top-right .b-toast.b-toaster-leave-active, .b-toaster.b-toaster-top-right .b-toast.b-toaster-move, .b-toaster.b-toaster-top-left .b-toast.b-toaster-enter-active, .b-toaster.b-toaster-top-left .b-toast.b-toaster-leave-active, .b-toaster.b-toaster-top-left .b-toast.b-toaster-move, .b-toaster.b-toaster-bottom-right .b-toast.b-toaster-enter-active, .b-toaster.b-toaster-bottom-right .b-toast.b-toaster-leave-active, .b-toaster.b-toaster-bottom-right .b-toast.b-toaster-move, .b-toaster.b-toaster-bottom-left .b-toast.b-toaster-enter-active, .b-toaster.b-toaster-bottom-left .b-toast.b-toaster-leave-active, .b-toaster.b-toaster-bottom-left .b-toast.b-toaster-move {
transition: -webkit-transform 0.175s;
transition: transform 0.175s;
transition: transform 0.175s, -webkit-transform 0.175s;
}
.b-toaster.b-toaster-top-right .b-toast.b-toaster-enter-to .toast.fade, .b-toaster.b-toaster-top-right .b-toast.b-toaster-enter-active .toast.fade, .b-toaster.b-toaster-top-left .b-toast.b-toaster-enter-to .toast.fade, .b-toaster.b-toaster-top-left .b-toast.b-toaster-enter-active .toast.fade, .b-toaster.b-toaster-bottom-right .b-toast.b-toaster-enter-to .toast.fade, .b-toaster.b-toaster-bottom-right .b-toast.b-toaster-enter-active .toast.fade, .b-toaster.b-toaster-bottom-left .b-toast.b-toaster-enter-to .toast.fade, .b-toaster.b-toaster-bottom-left .b-toast.b-toaster-enter-active .toast.fade {
transition-delay: 0.175s;
}
.b-toaster.b-toaster-top-right .b-toast.b-toaster-leave-active, .b-toaster.b-toaster-top-left .b-toast.b-toaster-leave-active, .b-toaster.b-toaster-bottom-right .b-toast.b-toaster-leave-active, .b-toaster.b-toaster-bottom-left .b-toast.b-toaster-leave-active {
position: absolute;
transition-delay: 0.175s;
}
.b-toaster.b-toaster-top-right .b-toast.b-toaster-leave-active .toast.fade, .b-toaster.b-toaster-top-left .b-toast.b-toaster-leave-active .toast.fade, .b-toaster.b-toaster-bottom-right .b-toast.b-toaster-leave-active .toast.fade, .b-toaster.b-toaster-bottom-left .b-toast.b-toaster-leave-active .toast.fade {
transition-delay: 0s;
}
/*# sourceMappingURL=bootstrap-vue.css.map */