Files
pleno-vue/playwright/.cache/assets/DatePeriodSelector-C3h44B1J.css
T

2716 lines
98 KiB
CSS

.action-dropdown-trigger[data-v-63b7f233] {
margin-bottom: 0;
}
.pagination-general-search-reload__dropdown[data-v-63b7f233] {
width: 100%;
}
.action-dropdown-item[data-v-63b7f233] {
align-items: center;
display: flex;
gap: 0.5rem;
}
.dropdown-item.is-disabled[data-v-63b7f233] {
opacity: 0.5;
pointer-events: none;
}
@media screen and (max-width: 768px) {
.pagination-general-search-reload[data-v-63b7f233] {
align-items: stretch;
display: flex;
flex-wrap: wrap;
row-gap: 0;
}
.pagination-general-search-reload__search-column[data-v-63b7f233],
.pagination-general-search-reload__buttons-column[data-v-63b7f233],
.pagination-general-search-reload__action-column[data-v-63b7f233] {
padding-top: 0;
padding-bottom: 0;
}
.pagination-general-search-reload__search-column[data-v-63b7f233] {
flex: 1 1 0;
max-width: none;
min-width: 0;
order: 1;
padding-right: 0;
width: auto;
}
.pagination-general-search-reload__search-column[data-v-63b7f233] .input {
border-bottom-right-radius: 0;
border-top-right-radius: 0;
height: 100%;
}
.pagination-general-search-reload__buttons-column[data-v-63b7f233] {
flex: 0 0 100%;
max-width: 100%;
order: 3;
width: 100%;
}
.pagination-general-search-reload__action-column[data-v-63b7f233] {
flex: 0 0 auto;
margin-top: 0;
max-width: none;
order: 2;
padding-left: 0;
width: auto;
}
.pagination-general-search-reload__dropdown[data-v-63b7f233] {
width: auto;
}
.action-dropdown-trigger[data-v-63b7f233] {
display: flex;
width: auto;
}
.action-dropdown-main[data-v-63b7f233],
.action-dropdown-toggle[data-v-63b7f233] {
height: 100%;
}
.action-dropdown-main[data-v-63b7f233] {
border-bottom-left-radius: 0;
border-top-left-radius: 0;
flex: 0 1 auto;
justify-content: center;
width: auto;
}
.action-dropdown-toggle[data-v-63b7f233] {
flex: 0 0 auto;
}
}
.pagination-button[data-v-bba717f9] {
min-width: 100px;
}
.dropdown-item-action[data-v-4d841bfb] {
align-items: center;
background: transparent;
border: 0;
display: flex;
gap: 0.25rem;
text-align: left;
width: 100%;
}
.dropdown-item-action__label[data-v-4d841bfb] {
min-width: 0;
overflow-wrap: anywhere;
}
.dropdown-item-action__detail[data-v-4d841bfb] {
color: #718095;
font-size: 0.86rem;
font-weight: 600;
margin-left: auto;
min-width: 0;
overflow-wrap: anywhere;
padding-left: 0.75rem;
text-align: right;
}
.is-disabled[data-v-4d841bfb] {
opacity: 0.5;
}
.is-disabled[data-v-4d841bfb]:hover {
background-color: transparent;
}
.is-disabled .icon[data-v-4d841bfb] {
opacity: 0.5;
}
.action-settings-wheel-toggle-item[data-v-dfc6df5a] {
width: 100%;
display: flex;
align-items: flex-start;
justify-content: space-between;
gap: 0.75rem;
text-align: left;
background: transparent;
border: 0;
white-space: normal;
}
.action-settings-wheel-toggle-item__label[data-v-dfc6df5a] {
flex: 1;
min-width: 0;
color: #25344d;
font-weight: 500;
line-height: 1.35;
white-space: normal;
overflow-wrap: anywhere;
}
.action-settings-wheel-toggle-item__switch[data-v-dfc6df5a] {
width: 2.5rem;
height: 1.45rem;
border-radius: 999px;
background: #d5deea;
padding: 0.16rem;
display: inline-flex;
align-items: center;
transition: background-color 0.15s ease;
flex-shrink: 0;
margin-top: 0.05rem;
}
.action-settings-wheel-toggle-item__switch.is-checked[data-v-dfc6df5a] {
background: #2f66f3;
}
.action-settings-wheel-toggle-item__knob[data-v-dfc6df5a] {
width: 1.1rem;
height: 1.1rem;
border-radius: 999px;
background: #ffffff;
box-shadow: 0 2px 6px rgba(19, 35, 57, 0.22);
transform: translateX(0);
transition: transform 0.15s ease;
}
.action-settings-wheel-toggle-item__switch.is-checked .action-settings-wheel-toggle-item__knob[data-v-dfc6df5a] {
transform: translateX(1rem);
}
.action-settings-wheel-toggle-item.is-disabled[data-v-dfc6df5a] {
opacity: 0.55;
}
.action-settings-wheel-toggle-item.is-disabled[data-v-dfc6df5a]:hover {
background-color: transparent;
}
.action-settings-wheel-select-item[data-v-5923074f] {
align-items: center;
display: flex;
gap: 0.35rem;
width: 100%;
}
.action-settings-wheel-select-item__icon[data-v-5923074f] {
flex: 0 0 auto;
}
.action-settings-wheel-select-item__label[data-v-5923074f] {
color: #25344d;
flex: 1 1 auto;
font-weight: 500;
min-width: 0;
overflow-wrap: anywhere;
}
.action-settings-wheel-select-item[data-v-5923074f] .select,
.action-settings-wheel-select-item[data-v-5923074f] select {
max-width: 9.5rem;
}
.action-settings-wheel-select-item.is-disabled[data-v-5923074f] {
opacity: 0.55;
}
.switch[type=checkbox]{outline:0;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;display:inline-block;position:absolute;opacity:0}.switch[type=checkbox]:focus+label::after,.switch[type=checkbox]:focus+label::before,.switch[type=checkbox]:focus+label:after,.switch[type=checkbox]:focus+label:before{outline:1px dotted #b5b5b5}.switch[type=checkbox][disabled]{cursor:not-allowed}.switch[type=checkbox][disabled]+label{opacity:.5}.switch[type=checkbox][disabled]+label::before,.switch[type=checkbox][disabled]+label:before{opacity:.5}.switch[type=checkbox][disabled]+label::after,.switch[type=checkbox][disabled]+label:after{opacity:.5}.switch[type=checkbox][disabled]+label:hover{cursor:not-allowed}.switch[type=checkbox]+label{position:relative;display:inline-flex;align-items:center;justify-content:flex-start;font-size:1rem;height:2.5em;line-height:1.5;padding-left:3.5rem;padding-top:.2rem;cursor:pointer}.switch[type=checkbox]+label::before,.switch[type=checkbox]+label:before{position:absolute;display:block;top:calc(50% - 1.5rem * .5);left:0;width:3rem;height:1.5rem;border:.1rem solid transparent;border-radius:4px;background:#b5b5b5;content:""}.switch[type=checkbox]+label::after,.switch[type=checkbox]+label:after{display:block;position:absolute;top:calc(50% - 1rem * .5);left:.25rem;width:1rem;height:1rem;transform:translate3d(0,0,0);border-radius:4px;background:#fff;transition:all .25s ease-out;content:""}.switch[type=checkbox]+label .switch-active,.switch[type=checkbox]+label .switch-inactive{font-size:.9rem;z-index:1;margin-top:-4px}.switch[type=checkbox]+label.has-text-inside .switch-inactive{margin-left:-1.925rem}.switch[type=checkbox]+label.has-text-inside .switch-active{margin-left:-3.25rem}.switch[type=checkbox].is-rtl+label{padding-left:0;padding-right:3.5rem}.switch[type=checkbox].is-rtl+label::before,.switch[type=checkbox].is-rtl+label:before{left:auto;right:0}.switch[type=checkbox].is-rtl+label::after,.switch[type=checkbox].is-rtl+label:after{left:auto;right:1.625rem}.switch[type=checkbox]:checked+label::before,.switch[type=checkbox]:checked+label:before{background:#00d1b2}.switch[type=checkbox]:checked+label::after{left:1.625rem}.switch[type=checkbox]:checked.is-rtl+label::after,.switch[type=checkbox]:checked.is-rtl+label:after{left:auto;right:.25rem}.switch[type=checkbox].is-outlined+label::before,.switch[type=checkbox].is-outlined+label:before{background-color:transparent;border-color:#b5b5b5}.switch[type=checkbox].is-outlined+label::after,.switch[type=checkbox].is-outlined+label:after{background:#b5b5b5}.switch[type=checkbox].is-outlined:checked+label::before,.switch[type=checkbox].is-outlined:checked+label:before{background-color:transparent;border-color:#00d1b2}.switch[type=checkbox].is-outlined:checked+label::after,.switch[type=checkbox].is-outlined:checked+label:after{background:#00d1b2}.switch[type=checkbox].is-thin+label::before,.switch[type=checkbox].is-thin+label:before{top:.5454545456rem;height:.375rem}.switch[type=checkbox].is-thin+label::after,.switch[type=checkbox].is-thin+label:after{box-shadow:0 0 3px #7a7a7a}.switch[type=checkbox].is-rounded+label::before,.switch[type=checkbox].is-rounded+label:before{border-radius:24px}.switch[type=checkbox].is-rounded+label::after,.switch[type=checkbox].is-rounded+label:after{border-radius:50%}.switch[type=checkbox].is-small+label{position:relative;display:inline-flex;align-items:center;justify-content:flex-start;font-size:.75rem;height:2.5em;line-height:1.5;padding-left:2.75rem;padding-top:.2rem;cursor:pointer}.switch[type=checkbox].is-small+label::before,.switch[type=checkbox].is-small+label:before{position:absolute;display:block;top:calc(50% - 1.125rem * .5);left:0;width:2.25rem;height:1.125rem;border:.1rem solid transparent;border-radius:4px;background:#b5b5b5;content:""}.switch[type=checkbox].is-small+label::after,.switch[type=checkbox].is-small+label:after{display:block;position:absolute;top:calc(50% - .625rem * .5);left:.25rem;width:.625rem;height:.625rem;transform:translate3d(0,0,0);border-radius:4px;background:#fff;transition:all .25s ease-out;content:""}.switch[type=checkbox].is-small+label .switch-active,.switch[type=checkbox].is-small+label .switch-inactive{font-size:.65rem;z-index:1;margin-top:-4px}.switch[type=checkbox].is-small+label.has-text-inside .switch-inactive{margin-left:-1.55rem}.switch[type=checkbox].is-small+label.has-text-inside .switch-active{margin-left:-2.5rem}.switch[type=checkbox].is-small.is-rtl+label{padding-left:0;padding-right:2.75rem}.switch[type=checkbox].is-small.is-rtl+label::before,.switch[type=checkbox].is-small.is-rtl+label:before{left:auto;right:0}.switch[type=checkbox].is-small.is-rtl+label::after,.switch[type=checkbox].is-small.is-rtl+label:after{left:auto;right:1.25rem}.switch[type=checkbox].is-small:checked+label::before,.switch[type=checkbox].is-small:checked+label:before{background:#00d1b2}.switch[type=checkbox].is-small:checked+label::after{left:1.25rem}.switch[type=checkbox].is-small:checked.is-rtl+label::after,.switch[type=checkbox].is-small:checked.is-rtl+label:after{left:auto;right:.25rem}.switch[type=checkbox].is-small.is-outlined+label::before,.switch[type=checkbox].is-small.is-outlined+label:before{background-color:transparent;border-color:#b5b5b5}.switch[type=checkbox].is-small.is-outlined+label::after,.switch[type=checkbox].is-small.is-outlined+label:after{background:#b5b5b5}.switch[type=checkbox].is-small.is-outlined:checked+label::before,.switch[type=checkbox].is-small.is-outlined:checked+label:before{background-color:transparent;border-color:#00d1b2}.switch[type=checkbox].is-small.is-outlined:checked+label::after,.switch[type=checkbox].is-small.is-outlined:checked+label:after{background:#00d1b2}.switch[type=checkbox].is-small.is-thin+label::before,.switch[type=checkbox].is-small.is-thin+label:before{top:.4090909093rem;height:.28125rem}.switch[type=checkbox].is-small.is-thin+label::after,.switch[type=checkbox].is-small.is-thin+label:after{box-shadow:0 0 3px #7a7a7a}.switch[type=checkbox].is-small.is-rounded+label::before,.switch[type=checkbox].is-small.is-rounded+label:before{border-radius:24px}.switch[type=checkbox].is-small.is-rounded+label::after,.switch[type=checkbox].is-small.is-rounded+label:after{border-radius:50%}.switch[type=checkbox].is-medium+label{position:relative;display:inline-flex;align-items:center;justify-content:flex-start;font-size:1.25rem;height:2.5em;line-height:1.5;padding-left:4.25rem;padding-top:.2rem;cursor:pointer}.switch[type=checkbox].is-medium+label::before,.switch[type=checkbox].is-medium+label:before{position:absolute;display:block;top:calc(50% - 1.875rem * .5);left:0;width:3.75rem;height:1.875rem;border:.1rem solid transparent;border-radius:4px;background:#b5b5b5;content:""}.switch[type=checkbox].is-medium+label::after,.switch[type=checkbox].is-medium+label:after{display:block;position:absolute;top:calc(50% - 1.375rem * .5);left:.25rem;width:1.375rem;height:1.375rem;transform:translate3d(0,0,0);border-radius:4px;background:#fff;transition:all .25s ease-out;content:""}.switch[type=checkbox].is-medium+label .switch-active,.switch[type=checkbox].is-medium+label .switch-inactive{font-size:1.15rem;z-index:1;margin-top:-4px}.switch[type=checkbox].is-medium+label.has-text-inside .switch-inactive{margin-left:-2.3rem}.switch[type=checkbox].is-medium+label.has-text-inside .switch-active{margin-left:-4rem}.switch[type=checkbox].is-medium.is-rtl+label{padding-left:0;padding-right:4.25rem}.switch[type=checkbox].is-medium.is-rtl+label::before,.switch[type=checkbox].is-medium.is-rtl+label:before{left:auto;right:0}.switch[type=checkbox].is-medium.is-rtl+label::after,.switch[type=checkbox].is-medium.is-rtl+label:after{left:auto;right:2rem}.switch[type=checkbox].is-medium:checked+label::before,.switch[type=checkbox].is-medium:checked+label:before{background:#00d1b2}.switch[type=checkbox].is-medium:checked+label::after{left:2rem}.switch[type=checkbox].is-medium:checked.is-rtl+label::after,.switch[type=checkbox].is-medium:checked.is-rtl+label:after{left:auto;right:.25rem}.switch[type=checkbox].is-medium.is-outlined+label::before,.switch[type=checkbox].is-medium.is-outlined+label:before{background-color:transparent;border-color:#b5b5b5}.switch[type=checkbox].is-medium.is-outlined+label::after,.switch[type=checkbox].is-medium.is-outlined+label:after{background:#b5b5b5}.switch[type=checkbox].is-medium.is-outlined:checked+label::before,.switch[type=checkbox].is-medium.is-outlined:checked+label:before{background-color:transparent;border-color:#00d1b2}.switch[type=checkbox].is-medium.is-outlined:checked+label::after,.switch[type=checkbox].is-medium.is-outlined:checked+label:after{background:#00d1b2}.switch[type=checkbox].is-medium.is-thin+label::before,.switch[type=checkbox].is-medium.is-thin+label:before{top:.6818181819rem;height:.46875rem}.switch[type=checkbox].is-medium.is-thin+label::after,.switch[type=checkbox].is-medium.is-thin+label:after{box-shadow:0 0 3px #7a7a7a}.switch[type=checkbox].is-medium.is-rounded+label::before,.switch[type=checkbox].is-medium.is-rounded+label:before{border-radius:24px}.switch[type=checkbox].is-medium.is-rounded+label::after,.switch[type=checkbox].is-medium.is-rounded+label:after{border-radius:50%}.switch[type=checkbox].is-large+label{position:relative;display:inline-flex;align-items:center;justify-content:flex-start;font-size:1.5rem;height:2.5em;line-height:1.5;padding-left:5rem;padding-top:.2rem;cursor:pointer}.switch[type=checkbox].is-large+label::before,.switch[type=checkbox].is-large+label:before{position:absolute;display:block;top:calc(50% - 2.25rem * .5);left:0;width:4.5rem;height:2.25rem;border:.1rem solid transparent;border-radius:4px;background:#b5b5b5;content:""}.switch[type=checkbox].is-large+label::after,.switch[type=checkbox].is-large+label:after{display:block;position:absolute;top:calc(50% - 1.75rem * .5);left:.25rem;width:1.75rem;height:1.75rem;transform:translate3d(0,0,0);border-radius:4px;background:#fff;transition:all .25s ease-out;content:""}.switch[type=checkbox].is-large+label .switch-active,.switch[type=checkbox].is-large+label .switch-inactive{font-size:1.4rem;z-index:1;margin-top:-4px}.switch[type=checkbox].is-large+label.has-text-inside .switch-inactive{margin-left:-2.675rem}.switch[type=checkbox].is-large+label.has-text-inside .switch-active{margin-left:-4.75rem}.switch[type=checkbox].is-large.is-rtl+label{padding-left:0;padding-right:5rem}.switch[type=checkbox].is-large.is-rtl+label::before,.switch[type=checkbox].is-large.is-rtl+label:before{left:auto;right:0}.switch[type=checkbox].is-large.is-rtl+label::after,.switch[type=checkbox].is-large.is-rtl+label:after{left:auto;right:2.375rem}.switch[type=checkbox].is-large:checked+label::before,.switch[type=checkbox].is-large:checked+label:before{background:#00d1b2}.switch[type=checkbox].is-large:checked+label::after{left:2.375rem}.switch[type=checkbox].is-large:checked.is-rtl+label::after,.switch[type=checkbox].is-large:checked.is-rtl+label:after{left:auto;right:.25rem}.switch[type=checkbox].is-large.is-outlined+label::before,.switch[type=checkbox].is-large.is-outlined+label:before{background-color:transparent;border-color:#b5b5b5}.switch[type=checkbox].is-large.is-outlined+label::after,.switch[type=checkbox].is-large.is-outlined+label:after{background:#b5b5b5}.switch[type=checkbox].is-large.is-outlined:checked+label::before,.switch[type=checkbox].is-large.is-outlined:checked+label:before{background-color:transparent;border-color:#00d1b2}.switch[type=checkbox].is-large.is-outlined:checked+label::after,.switch[type=checkbox].is-large.is-outlined:checked+label:after{background:#00d1b2}.switch[type=checkbox].is-large.is-thin+label::before,.switch[type=checkbox].is-large.is-thin+label:before{top:.8181818183rem;height:.5625rem}.switch[type=checkbox].is-large.is-thin+label::after,.switch[type=checkbox].is-large.is-thin+label:after{box-shadow:0 0 3px #7a7a7a}.switch[type=checkbox].is-large.is-rounded+label::before,.switch[type=checkbox].is-large.is-rounded+label:before{border-radius:24px}.switch[type=checkbox].is-large.is-rounded+label::after,.switch[type=checkbox].is-large.is-rounded+label:after{border-radius:50%}.switch[type=checkbox].is-white+label .switch-active{display:none}.switch[type=checkbox].is-white+label .switch-inactive{display:inline-block}.switch[type=checkbox].is-white:checked+label::before,.switch[type=checkbox].is-white:checked+label:before{background:#fff}.switch[type=checkbox].is-white:checked+label .switch-active{display:inline-block}.switch[type=checkbox].is-white:checked+label .switch-inactive{display:none}.switch[type=checkbox].is-white.is-outlined:checked+label::before,.switch[type=checkbox].is-white.is-outlined:checked+label:before{background-color:transparent;border-color:#fff!important}.switch[type=checkbox].is-white.is-outlined:checked+label::after,.switch[type=checkbox].is-white.is-outlined:checked+label:after{background:#fff}.switch[type=checkbox].is-white.is-thin.is-outlined+label::after,.switch[type=checkbox].is-white.is-thin.is-outlined+label:after{box-shadow:none}.switch[type=checkbox].is-unchecked-white+label::before,.switch[type=checkbox].is-unchecked-white+label:before{background:#fff}.switch[type=checkbox].is-unchecked-white.is-outlined+label::before,.switch[type=checkbox].is-unchecked-white.is-outlined+label:before{background-color:transparent;border-color:#fff!important}.switch[type=checkbox].is-unchecked-white.is-outlined+label::after,.switch[type=checkbox].is-unchecked-white.is-outlined+label:after{background:#fff}.switch[type=checkbox].is-black+label .switch-active{display:none}.switch[type=checkbox].is-black+label .switch-inactive{display:inline-block}.switch[type=checkbox].is-black:checked+label::before,.switch[type=checkbox].is-black:checked+label:before{background:#0a0a0a}.switch[type=checkbox].is-black:checked+label .switch-active{display:inline-block}.switch[type=checkbox].is-black:checked+label .switch-inactive{display:none}.switch[type=checkbox].is-black.is-outlined:checked+label::before,.switch[type=checkbox].is-black.is-outlined:checked+label:before{background-color:transparent;border-color:#0a0a0a!important}.switch[type=checkbox].is-black.is-outlined:checked+label::after,.switch[type=checkbox].is-black.is-outlined:checked+label:after{background:#0a0a0a}.switch[type=checkbox].is-black.is-thin.is-outlined+label::after,.switch[type=checkbox].is-black.is-thin.is-outlined+label:after{box-shadow:none}.switch[type=checkbox].is-unchecked-black+label::before,.switch[type=checkbox].is-unchecked-black+label:before{background:#0a0a0a}.switch[type=checkbox].is-unchecked-black.is-outlined+label::before,.switch[type=checkbox].is-unchecked-black.is-outlined+label:before{background-color:transparent;border-color:#0a0a0a!important}.switch[type=checkbox].is-unchecked-black.is-outlined+label::after,.switch[type=checkbox].is-unchecked-black.is-outlined+label:after{background:#0a0a0a}.switch[type=checkbox].is-light+label .switch-active{display:none}.switch[type=checkbox].is-light+label .switch-inactive{display:inline-block}.switch[type=checkbox].is-light:checked+label::before,.switch[type=checkbox].is-light:checked+label:before{background:#f5f5f5}.switch[type=checkbox].is-light:checked+label .switch-active{display:inline-block}.switch[type=checkbox].is-light:checked+label .switch-inactive{display:none}.switch[type=checkbox].is-light.is-outlined:checked+label::before,.switch[type=checkbox].is-light.is-outlined:checked+label:before{background-color:transparent;border-color:#f5f5f5!important}.switch[type=checkbox].is-light.is-outlined:checked+label::after,.switch[type=checkbox].is-light.is-outlined:checked+label:after{background:#f5f5f5}.switch[type=checkbox].is-light.is-thin.is-outlined+label::after,.switch[type=checkbox].is-light.is-thin.is-outlined+label:after{box-shadow:none}.switch[type=checkbox].is-unchecked-light+label::before,.switch[type=checkbox].is-unchecked-light+label:before{background:#f5f5f5}.switch[type=checkbox].is-unchecked-light.is-outlined+label::before,.switch[type=checkbox].is-unchecked-light.is-outlined+label:before{background-color:transparent;border-color:#f5f5f5!important}.switch[type=checkbox].is-unchecked-light.is-outlined+label::after,.switch[type=checkbox].is-unchecked-light.is-outlined+label:after{background:#f5f5f5}.switch[type=checkbox].is-dark+label .switch-active{display:none}.switch[type=checkbox].is-dark+label .switch-inactive{display:inline-block}.switch[type=checkbox].is-dark:checked+label::before,.switch[type=checkbox].is-dark:checked+label:before{background:#363636}.switch[type=checkbox].is-dark:checked+label .switch-active{display:inline-block}.switch[type=checkbox].is-dark:checked+label .switch-inactive{display:none}.switch[type=checkbox].is-dark.is-outlined:checked+label::before,.switch[type=checkbox].is-dark.is-outlined:checked+label:before{background-color:transparent;border-color:#363636!important}.switch[type=checkbox].is-dark.is-outlined:checked+label::after,.switch[type=checkbox].is-dark.is-outlined:checked+label:after{background:#363636}.switch[type=checkbox].is-dark.is-thin.is-outlined+label::after,.switch[type=checkbox].is-dark.is-thin.is-outlined+label:after{box-shadow:none}.switch[type=checkbox].is-unchecked-dark+label::before,.switch[type=checkbox].is-unchecked-dark+label:before{background:#363636}.switch[type=checkbox].is-unchecked-dark.is-outlined+label::before,.switch[type=checkbox].is-unchecked-dark.is-outlined+label:before{background-color:transparent;border-color:#363636!important}.switch[type=checkbox].is-unchecked-dark.is-outlined+label::after,.switch[type=checkbox].is-unchecked-dark.is-outlined+label:after{background:#363636}.switch[type=checkbox].is-primary+label .switch-active{display:none}.switch[type=checkbox].is-primary+label .switch-inactive{display:inline-block}.switch[type=checkbox].is-primary:checked+label::before,.switch[type=checkbox].is-primary:checked+label:before{background:#00d1b2}.switch[type=checkbox].is-primary:checked+label .switch-active{display:inline-block}.switch[type=checkbox].is-primary:checked+label .switch-inactive{display:none}.switch[type=checkbox].is-primary.is-outlined:checked+label::before,.switch[type=checkbox].is-primary.is-outlined:checked+label:before{background-color:transparent;border-color:#00d1b2!important}.switch[type=checkbox].is-primary.is-outlined:checked+label::after,.switch[type=checkbox].is-primary.is-outlined:checked+label:after{background:#00d1b2}.switch[type=checkbox].is-primary.is-thin.is-outlined+label::after,.switch[type=checkbox].is-primary.is-thin.is-outlined+label:after{box-shadow:none}.switch[type=checkbox].is-unchecked-primary+label::before,.switch[type=checkbox].is-unchecked-primary+label:before{background:#00d1b2}.switch[type=checkbox].is-unchecked-primary.is-outlined+label::before,.switch[type=checkbox].is-unchecked-primary.is-outlined+label:before{background-color:transparent;border-color:#00d1b2!important}.switch[type=checkbox].is-unchecked-primary.is-outlined+label::after,.switch[type=checkbox].is-unchecked-primary.is-outlined+label:after{background:#00d1b2}.switch[type=checkbox].is-link+label .switch-active{display:none}.switch[type=checkbox].is-link+label .switch-inactive{display:inline-block}.switch[type=checkbox].is-link:checked+label::before,.switch[type=checkbox].is-link:checked+label:before{background:#485fc7}.switch[type=checkbox].is-link:checked+label .switch-active{display:inline-block}.switch[type=checkbox].is-link:checked+label .switch-inactive{display:none}.switch[type=checkbox].is-link.is-outlined:checked+label::before,.switch[type=checkbox].is-link.is-outlined:checked+label:before{background-color:transparent;border-color:#485fc7!important}.switch[type=checkbox].is-link.is-outlined:checked+label::after,.switch[type=checkbox].is-link.is-outlined:checked+label:after{background:#485fc7}.switch[type=checkbox].is-link.is-thin.is-outlined+label::after,.switch[type=checkbox].is-link.is-thin.is-outlined+label:after{box-shadow:none}.switch[type=checkbox].is-unchecked-link+label::before,.switch[type=checkbox].is-unchecked-link+label:before{background:#485fc7}.switch[type=checkbox].is-unchecked-link.is-outlined+label::before,.switch[type=checkbox].is-unchecked-link.is-outlined+label:before{background-color:transparent;border-color:#485fc7!important}.switch[type=checkbox].is-unchecked-link.is-outlined+label::after,.switch[type=checkbox].is-unchecked-link.is-outlined+label:after{background:#485fc7}.switch[type=checkbox].is-info+label .switch-active{display:none}.switch[type=checkbox].is-info+label .switch-inactive{display:inline-block}.switch[type=checkbox].is-info:checked+label::before,.switch[type=checkbox].is-info:checked+label:before{background:#3e8ed0}.switch[type=checkbox].is-info:checked+label .switch-active{display:inline-block}.switch[type=checkbox].is-info:checked+label .switch-inactive{display:none}.switch[type=checkbox].is-info.is-outlined:checked+label::before,.switch[type=checkbox].is-info.is-outlined:checked+label:before{background-color:transparent;border-color:#3e8ed0!important}.switch[type=checkbox].is-info.is-outlined:checked+label::after,.switch[type=checkbox].is-info.is-outlined:checked+label:after{background:#3e8ed0}.switch[type=checkbox].is-info.is-thin.is-outlined+label::after,.switch[type=checkbox].is-info.is-thin.is-outlined+label:after{box-shadow:none}.switch[type=checkbox].is-unchecked-info+label::before,.switch[type=checkbox].is-unchecked-info+label:before{background:#3e8ed0}.switch[type=checkbox].is-unchecked-info.is-outlined+label::before,.switch[type=checkbox].is-unchecked-info.is-outlined+label:before{background-color:transparent;border-color:#3e8ed0!important}.switch[type=checkbox].is-unchecked-info.is-outlined+label::after,.switch[type=checkbox].is-unchecked-info.is-outlined+label:after{background:#3e8ed0}.switch[type=checkbox].is-success+label .switch-active{display:none}.switch[type=checkbox].is-success+label .switch-inactive{display:inline-block}.switch[type=checkbox].is-success:checked+label::before,.switch[type=checkbox].is-success:checked+label:before{background:#48c78e}.switch[type=checkbox].is-success:checked+label .switch-active{display:inline-block}.switch[type=checkbox].is-success:checked+label .switch-inactive{display:none}.switch[type=checkbox].is-success.is-outlined:checked+label::before,.switch[type=checkbox].is-success.is-outlined:checked+label:before{background-color:transparent;border-color:#48c78e!important}.switch[type=checkbox].is-success.is-outlined:checked+label::after,.switch[type=checkbox].is-success.is-outlined:checked+label:after{background:#48c78e}.switch[type=checkbox].is-success.is-thin.is-outlined+label::after,.switch[type=checkbox].is-success.is-thin.is-outlined+label:after{box-shadow:none}.switch[type=checkbox].is-unchecked-success+label::before,.switch[type=checkbox].is-unchecked-success+label:before{background:#48c78e}.switch[type=checkbox].is-unchecked-success.is-outlined+label::before,.switch[type=checkbox].is-unchecked-success.is-outlined+label:before{background-color:transparent;border-color:#48c78e!important}.switch[type=checkbox].is-unchecked-success.is-outlined+label::after,.switch[type=checkbox].is-unchecked-success.is-outlined+label:after{background:#48c78e}.switch[type=checkbox].is-warning+label .switch-active{display:none}.switch[type=checkbox].is-warning+label .switch-inactive{display:inline-block}.switch[type=checkbox].is-warning:checked+label::before,.switch[type=checkbox].is-warning:checked+label:before{background:#ffe08a}.switch[type=checkbox].is-warning:checked+label .switch-active{display:inline-block}.switch[type=checkbox].is-warning:checked+label .switch-inactive{display:none}.switch[type=checkbox].is-warning.is-outlined:checked+label::before,.switch[type=checkbox].is-warning.is-outlined:checked+label:before{background-color:transparent;border-color:#ffe08a!important}.switch[type=checkbox].is-warning.is-outlined:checked+label::after,.switch[type=checkbox].is-warning.is-outlined:checked+label:after{background:#ffe08a}.switch[type=checkbox].is-warning.is-thin.is-outlined+label::after,.switch[type=checkbox].is-warning.is-thin.is-outlined+label:after{box-shadow:none}.switch[type=checkbox].is-unchecked-warning+label::before,.switch[type=checkbox].is-unchecked-warning+label:before{background:#ffe08a}.switch[type=checkbox].is-unchecked-warning.is-outlined+label::before,.switch[type=checkbox].is-unchecked-warning.is-outlined+label:before{background-color:transparent;border-color:#ffe08a!important}.switch[type=checkbox].is-unchecked-warning.is-outlined+label::after,.switch[type=checkbox].is-unchecked-warning.is-outlined+label:after{background:#ffe08a}.switch[type=checkbox].is-danger+label .switch-active{display:none}.switch[type=checkbox].is-danger+label .switch-inactive{display:inline-block}.switch[type=checkbox].is-danger:checked+label::before,.switch[type=checkbox].is-danger:checked+label:before{background:#f14668}.switch[type=checkbox].is-danger:checked+label .switch-active{display:inline-block}.switch[type=checkbox].is-danger:checked+label .switch-inactive{display:none}.switch[type=checkbox].is-danger.is-outlined:checked+label::before,.switch[type=checkbox].is-danger.is-outlined:checked+label:before{background-color:transparent;border-color:#f14668!important}.switch[type=checkbox].is-danger.is-outlined:checked+label::after,.switch[type=checkbox].is-danger.is-outlined:checked+label:after{background:#f14668}.switch[type=checkbox].is-danger.is-thin.is-outlined+label::after,.switch[type=checkbox].is-danger.is-thin.is-outlined+label:after{box-shadow:none}.switch[type=checkbox].is-unchecked-danger+label::before,.switch[type=checkbox].is-unchecked-danger+label:before{background:#f14668}.switch[type=checkbox].is-unchecked-danger.is-outlined+label::before,.switch[type=checkbox].is-unchecked-danger.is-outlined+label:before{background-color:transparent;border-color:#f14668!important}.switch[type=checkbox].is-unchecked-danger.is-outlined+label::after,.switch[type=checkbox].is-unchecked-danger.is-outlined+label:after{background:#f14668}.field-body .switch[type=checkbox]+label{margin-top:.375em}.content ul.block-list {
list-style: none;
margin-left: 0;
}
.block-list {
list-style: none;
}
.block-list li {
padding: 16px;
background: var(--bulma-body-background-color);
margin-bottom: 0.25rem;
}
.block-list li.is-left, .block-list.is-left > li {
text-align: left;
}
.block-list li.is-centered, .block-list.is-centered > li {
text-align: center;
}
.block-list li.is-right, .block-list.is-right > li {
text-align: right;
}
.block-list li.is-small, .block-list.is-small > li {
font-size: 0.75rem;
padding: 10.6666666667px;
}
.block-list li.is-normal, .block-list.is-normal > li {
font-size: 1rem;
}
.block-list li.is-large, .block-list.is-large > li {
font-size: 1.25rem;
}
.block-list li.has-radius, .block-list.has-radius > li {
border-radius: 0.375rem;
}
.block-list li.is-highlighted, .block-list.is-highlighted > li {
border-left: 5px var(--bulma-dark) solid;
}
.block-list li.is-outlined, .block-list.is-outlined > li {
background: transparent;
color: var(--bulma-light);
border: 1px solid var(--bulma-light);
}
.block-list li.has-icon {
display: flex;
}
.block-list li.has-icon .icon {
flex-grow: 0;
flex-shrink: 0;
flex-basis: auto;
margin-right: 1em;
}
.block-list li.has-icon span {
flex-grow: 1;
}
.block-list li.has-icon.is-right .icon {
margin-right: 0;
margin-left: 1em;
}
.block-list li.is-white, .block-list.is-white > li {
background: var(--bulma-white);
color: var(--bulma-white-invert);
}
.block-list li.is-white.is-outlined {
background: transparent;
color: var(--bulma-white);
border: 1px solid var(--bulma-white);
}
.block-list li.is-white.is-highlighted {
background: transparent;
color: var(--bulma-white);
border: 1px solid var(--bulma-white);
border-left: 5px var(--bulma-white) solid;
}
.block-list.is-white li.is-outlined, .block-list.is-white.is-outlined > li {
background: transparent;
color: var(--bulma-white);
border: 1px solid var(--bulma-white);
}
.block-list.is-white li.is-highlighted, .block-list.is-white.is-highlighted > li {
background: transparent;
color: var(--bulma-white);
border: 1px solid var(--bulma-white);
border-left: 5px var(--bulma-white) solid;
}
.block-list li.is-black, .block-list.is-black > li {
background: var(--bulma-black);
color: var(--bulma-black-invert);
}
.block-list li.is-black.is-outlined {
background: transparent;
color: var(--bulma-black);
border: 1px solid var(--bulma-black);
}
.block-list li.is-black.is-highlighted {
background: transparent;
color: var(--bulma-black);
border: 1px solid var(--bulma-black);
border-left: 5px var(--bulma-black) solid;
}
.block-list.is-black li.is-outlined, .block-list.is-black.is-outlined > li {
background: transparent;
color: var(--bulma-black);
border: 1px solid var(--bulma-black);
}
.block-list.is-black li.is-highlighted, .block-list.is-black.is-highlighted > li {
background: transparent;
color: var(--bulma-black);
border: 1px solid var(--bulma-black);
border-left: 5px var(--bulma-black) solid;
}
.block-list li.is-light, .block-list.is-light > li {
background: var(--bulma-light);
color: var(--bulma-light-invert);
}
.block-list li.is-light.is-outlined {
background: transparent;
color: var(--bulma-light);
border: 1px solid var(--bulma-light);
}
.block-list li.is-light.is-highlighted {
background: transparent;
color: var(--bulma-light);
border: 1px solid var(--bulma-light);
border-left: 5px var(--bulma-light) solid;
}
.block-list.is-light li.is-outlined, .block-list.is-light.is-outlined > li {
background: transparent;
color: var(--bulma-light);
border: 1px solid var(--bulma-light);
}
.block-list.is-light li.is-highlighted, .block-list.is-light.is-highlighted > li {
background: transparent;
color: var(--bulma-light);
border: 1px solid var(--bulma-light);
border-left: 5px var(--bulma-light) solid;
}
.block-list li.is-dark, .block-list.is-dark > li {
background: var(--bulma-dark);
color: var(--bulma-dark-invert);
}
.block-list li.is-dark.is-outlined {
background: transparent;
color: var(--bulma-dark);
border: 1px solid var(--bulma-dark);
}
.block-list li.is-dark.is-highlighted {
background: transparent;
color: var(--bulma-dark);
border: 1px solid var(--bulma-dark);
border-left: 5px var(--bulma-dark) solid;
}
.block-list.is-dark li.is-outlined, .block-list.is-dark.is-outlined > li {
background: transparent;
color: var(--bulma-dark);
border: 1px solid var(--bulma-dark);
}
.block-list.is-dark li.is-highlighted, .block-list.is-dark.is-highlighted > li {
background: transparent;
color: var(--bulma-dark);
border: 1px solid var(--bulma-dark);
border-left: 5px var(--bulma-dark) solid;
}
.block-list li.is-text, .block-list.is-text > li {
background: var(--bulma-text);
color: var(--bulma-text-invert);
}
.block-list li.is-text.is-outlined {
background: transparent;
color: var(--bulma-text);
border: 1px solid var(--bulma-text);
}
.block-list li.is-text.is-highlighted {
background: transparent;
color: var(--bulma-text);
border: 1px solid var(--bulma-text);
border-left: 5px var(--bulma-text) solid;
}
.block-list.is-text li.is-outlined, .block-list.is-text.is-outlined > li {
background: transparent;
color: var(--bulma-text);
border: 1px solid var(--bulma-text);
}
.block-list.is-text li.is-highlighted, .block-list.is-text.is-highlighted > li {
background: transparent;
color: var(--bulma-text);
border: 1px solid var(--bulma-text);
border-left: 5px var(--bulma-text) solid;
}
.block-list li.is-primary, .block-list.is-primary > li {
background: var(--bulma-primary);
color: var(--bulma-primary-invert);
}
.block-list li.is-primary.is-outlined {
background: transparent;
color: var(--bulma-primary);
border: 1px solid var(--bulma-primary);
}
.block-list li.is-primary.is-highlighted {
background: transparent;
color: var(--bulma-primary);
border: 1px solid var(--bulma-primary);
border-left: 5px var(--bulma-primary) solid;
}
.block-list.is-primary li.is-outlined, .block-list.is-primary.is-outlined > li {
background: transparent;
color: var(--bulma-primary);
border: 1px solid var(--bulma-primary);
}
.block-list.is-primary li.is-highlighted, .block-list.is-primary.is-highlighted > li {
background: transparent;
color: var(--bulma-primary);
border: 1px solid var(--bulma-primary);
border-left: 5px var(--bulma-primary) solid;
}
.block-list li.is-link, .block-list.is-link > li {
background: var(--bulma-link);
color: var(--bulma-link-invert);
}
.block-list li.is-link.is-outlined {
background: transparent;
color: var(--bulma-link);
border: 1px solid var(--bulma-link);
}
.block-list li.is-link.is-highlighted {
background: transparent;
color: var(--bulma-link);
border: 1px solid var(--bulma-link);
border-left: 5px var(--bulma-link) solid;
}
.block-list.is-link li.is-outlined, .block-list.is-link.is-outlined > li {
background: transparent;
color: var(--bulma-link);
border: 1px solid var(--bulma-link);
}
.block-list.is-link li.is-highlighted, .block-list.is-link.is-highlighted > li {
background: transparent;
color: var(--bulma-link);
border: 1px solid var(--bulma-link);
border-left: 5px var(--bulma-link) solid;
}
.block-list li.is-info, .block-list.is-info > li {
background: var(--bulma-info);
color: var(--bulma-info-invert);
}
.block-list li.is-info.is-outlined {
background: transparent;
color: var(--bulma-info);
border: 1px solid var(--bulma-info);
}
.block-list li.is-info.is-highlighted {
background: transparent;
color: var(--bulma-info);
border: 1px solid var(--bulma-info);
border-left: 5px var(--bulma-info) solid;
}
.block-list.is-info li.is-outlined, .block-list.is-info.is-outlined > li {
background: transparent;
color: var(--bulma-info);
border: 1px solid var(--bulma-info);
}
.block-list.is-info li.is-highlighted, .block-list.is-info.is-highlighted > li {
background: transparent;
color: var(--bulma-info);
border: 1px solid var(--bulma-info);
border-left: 5px var(--bulma-info) solid;
}
.block-list li.is-success, .block-list.is-success > li {
background: var(--bulma-success);
color: var(--bulma-success-invert);
}
.block-list li.is-success.is-outlined {
background: transparent;
color: var(--bulma-success);
border: 1px solid var(--bulma-success);
}
.block-list li.is-success.is-highlighted {
background: transparent;
color: var(--bulma-success);
border: 1px solid var(--bulma-success);
border-left: 5px var(--bulma-success) solid;
}
.block-list.is-success li.is-outlined, .block-list.is-success.is-outlined > li {
background: transparent;
color: var(--bulma-success);
border: 1px solid var(--bulma-success);
}
.block-list.is-success li.is-highlighted, .block-list.is-success.is-highlighted > li {
background: transparent;
color: var(--bulma-success);
border: 1px solid var(--bulma-success);
border-left: 5px var(--bulma-success) solid;
}
.block-list li.is-warning, .block-list.is-warning > li {
background: var(--bulma-warning);
color: var(--bulma-warning-invert);
}
.block-list li.is-warning.is-outlined {
background: transparent;
color: var(--bulma-warning);
border: 1px solid var(--bulma-warning);
}
.block-list li.is-warning.is-highlighted {
background: transparent;
color: var(--bulma-warning);
border: 1px solid var(--bulma-warning);
border-left: 5px var(--bulma-warning) solid;
}
.block-list.is-warning li.is-outlined, .block-list.is-warning.is-outlined > li {
background: transparent;
color: var(--bulma-warning);
border: 1px solid var(--bulma-warning);
}
.block-list.is-warning li.is-highlighted, .block-list.is-warning.is-highlighted > li {
background: transparent;
color: var(--bulma-warning);
border: 1px solid var(--bulma-warning);
border-left: 5px var(--bulma-warning) solid;
}
.block-list li.is-danger, .block-list.is-danger > li {
background: var(--bulma-danger);
color: var(--bulma-danger-invert);
}
.block-list li.is-danger.is-outlined {
background: transparent;
color: var(--bulma-danger);
border: 1px solid var(--bulma-danger);
}
.block-list li.is-danger.is-highlighted {
background: transparent;
color: var(--bulma-danger);
border: 1px solid var(--bulma-danger);
border-left: 5px var(--bulma-danger) solid;
}
.block-list.is-danger li.is-outlined, .block-list.is-danger.is-outlined > li {
background: transparent;
color: var(--bulma-danger);
border: 1px solid var(--bulma-danger);
}
.block-list.is-danger li.is-highlighted, .block-list.is-danger.is-highlighted > li {
background: transparent;
color: var(--bulma-danger);
border: 1px solid var(--bulma-danger);
border-left: 5px var(--bulma-danger) solid;
}
.customer-rule-tooltip[data-v-41485545] {
display: inline-flex;
max-width: 100%;
}
.customer-rule-tooltip[data-v-41485545] .tooltip-trigger {
display: inline-flex;
max-width: 100%;
}
.customer-rule-tooltip__trigger[data-v-41485545] {
display: inline-flex;
max-width: 100%;
outline-offset: 2px;
}
.b-tooltip .tooltip-content.customer-rule-tooltip__panel {
padding: 0;
pointer-events: auto;
}
.customer-rule-tooltip__content[data-v-41485545] {
box-sizing: border-box;
display: flex;
flex-direction: column;
gap: 0.7rem;
max-height: min(26rem, 70vh);
min-width: 16rem;
max-width: min(28rem, 90vw);
overflow-y: auto;
overscroll-behavior: contain;
padding: 0.35rem 0.75rem;
scrollbar-width: thin;
text-align: left;
}
.customer-rule-tooltip__section[data-v-41485545] {
display: flex;
flex-direction: column;
gap: 0.35rem;
}
.customer-rule-tooltip__heading[data-v-41485545] {
color: #ffffff;
font-size: 0.82rem;
letter-spacing: 0;
}
.customer-rule-tooltip__group[data-v-41485545] {
display: flex;
flex-direction: column;
gap: 0.2rem;
}
.customer-rule-tooltip__group-title[data-v-41485545] {
color: #d7e3f3;
font-size: 0.76rem;
font-weight: 700;
}
.customer-rule-tooltip__content p[data-v-41485545],
.customer-rule-tooltip__content ul[data-v-41485545] {
margin: 0;
}
.customer-rule-tooltip__content ul[data-v-41485545] {
padding-left: 1.1rem;
}
.customer-rule-tooltip__blocked-list[data-v-41485545] {
display: flex;
flex-direction: column;
gap: 0.15rem;
list-style: none;
padding-left: 0;
}
.customer-rule-tooltip__blocked-product[data-v-41485545] {
color: #ff8a8a;
display: flex;
gap: 0.35rem;
}
.customer-rule-tooltip__blocked-prefix[data-v-41485545] {
flex: 0 0 auto;
font-weight: 700;
}
.customer-rule-tooltip__state[data-v-41485545] {
color: #d7e3f3;
}
.customer-rule-tooltip__state--error[data-v-41485545] {
color: #ffd6d6;
}
.pos-selected-customer[data-v-1f3324d4] {
height: auto;
min-height: 0;
}
.pos-selected-customer__panel[data-v-1f3324d4] {
display: flex;
flex-direction: column;
gap: 0;
min-width: 0;
}
.pos-selected-customer__header[data-v-1f3324d4] {
display: flex;
flex-direction: column;
align-items: stretch;
gap: 0.75rem;
padding: 1rem 1rem 0.8rem;
border-bottom: 1px solid #e6edf7;
}
.pos-selected-customer__title-wrap[data-v-1f3324d4] {
min-width: 0;
}
.pos-selected-customer__title[data-v-1f3324d4] {
margin: 0;
font-size: 1.2rem;
line-height: 1.2;
color: #26384c;
}
.pos-selected-customer:not(.pos-selected-customer--sidebar) .pos-selected-customer__tabs[data-v-1f3324d4] {
margin: 0 0 0.35rem;
}
.pos-selected-customer:not(.pos-selected-customer--sidebar) .pos-selected-customer__tabs ul[data-v-1f3324d4] {
justify-content: flex-start;
margin: 0;
gap: 0.35rem;
flex-wrap: wrap;
border-bottom: none;
}
.pos-selected-customer:not(.pos-selected-customer--sidebar) .pos-selected-customer__tabs li a[data-v-1f3324d4] {
border: none;
border-radius: 999px;
min-height: 2.1rem;
padding: 0.45rem 0.85rem;
color: #5a6980;
font-weight: 600;
}
.pos-selected-customer:not(.pos-selected-customer--sidebar) .pos-selected-customer__tabs li.is-active a[data-v-1f3324d4] {
background: #eef4ff;
color: #21446d;
}
.pos-selected-customer__row[data-v-1f3324d4] {
display: grid;
grid-template-columns: 1rem minmax(0, 1fr) auto;
align-items: start;
gap: 0.75rem;
padding: 0.85rem 1rem;
border-bottom: 1px solid #eef3f8;
text-decoration: none;
}
.pos-selected-customer__icon[data-v-1f3324d4] {
margin-right: 0;
color: #62748a;
width: 1rem;
align-self: center;
}
.pos-selected-customer__label[data-v-1f3324d4] {
min-width: 0;
color: #4b5a6d;
font-weight: 600;
align-self: center;
}
.pos-selected-customer__value[data-v-1f3324d4] {
min-width: 0;
max-width: 14rem;
justify-self: end;
text-align: right;
color: #243446;
word-break: break-word;
}
.pos-selected-customer__shortcut[data-v-1f3324d4] {
color: #21446d;
font-weight: 600;
}
.pos-selected-customer__discounts[data-v-1f3324d4] {
padding: 1rem;
}
.pos-selected-customer__rules-footer[data-v-1f3324d4] {
display: flex;
flex-direction: column;
gap: 0.75rem;
padding: 1rem;
border-top: 1px solid #eef3f8;
}
.pos-selected-customer--sidebar .pos-selected-customer__title[data-v-1f3324d4],
.pos-selected-customer--order-detail .pos-selected-customer__title[data-v-1f3324d4] {
font-size: 1.05rem;
}
.pos-selected-customer--sidebar .pos-selected-customer__header[data-v-1f3324d4],
.pos-selected-customer--order-detail .pos-selected-customer__header[data-v-1f3324d4] {
padding: 0.95rem 1rem 0.75rem;
}
.pos-selected-customer[data-v-1f3324d4] .column.is-12-desktop {
padding: 0.35rem 1rem 0.5rem;
}
.pos-selected-customer[data-v-1f3324d4] .has-text-centered {
margin: 0;
}
.pos-selected-customer[data-v-1f3324d4] .field {
margin-bottom: 0;
}
@media screen and (max-width: 768px) {
.pos-selected-customer__row[data-v-1f3324d4] {
grid-template-columns: 1rem minmax(0, 1fr);
}
.pos-selected-customer__value[data-v-1f3324d4] {
grid-column: 2;
justify-self: start;
text-align: left;
max-width: none;
}
}
.superuser-invoice-row-actions[data-v-7f60b1f1] {
flex-wrap: nowrap;
justify-content: flex-end;
gap: 0.5rem;
margin-bottom: 0;
}
.superuser-invoice-row-actions[data-v-7f60b1f1] > * {
flex-shrink: 0;
}
.superuser-invoice-row-actions__buffer[data-v-7f60b1f1] {
width: 2rem;
min-width: 2rem;
height: 2rem;
padding: 0;
visibility: hidden;
pointer-events: none;
}
.box.has-sharp-edges[data-v-faf5fc97] {
border-radius: 0;
}
.has-custom-border[data-v-faf5fc97] {
border: 2px solid #dbdbdb;
border-radius: 0.5rem;
}
/*! @creativebulma/bulma-divider v1.1.0 | (c) 2020 Gaetan | MIT License | https://github.com/CreativeBulma/bulma-divider */
.divider{position:relative;display:flex;align-items:center;text-transform:uppercase;color:#7a7a7a;font-size:.75rem;font-weight:600;letter-spacing:.5px;margin:25px 0}.divider:after,.divider:before{content:"";display:block;flex:1;height:1px;background-color:#dbdbdb}.divider:not(.is-right):after{margin-left:10px}.divider:not(.is-left):before{margin-right:10px}.divider.is-left:before,.divider.is-right:after{display:none}.divider.is-vertical{flex-direction:column;margin:0 25px}.divider.is-vertical:after,.divider.is-vertical:before{height:auto;width:1px}.divider.is-vertical:after{margin-left:0;margin-top:10px}.divider.is-vertical:before{margin-right:0;margin-bottom:10px}.divider.is-white:after,.divider.is-white:before{background-color:#fff}.divider.is-black:after,.divider.is-black:before{background-color:#0a0a0a}.divider.is-light:after,.divider.is-light:before{background-color:#f5f5f5}.divider.is-dark:after,.divider.is-dark:before{background-color:#363636}.divider.is-primary:after,.divider.is-primary:before{background-color:#00d1b2}.divider.is-primary.is-light:after,.divider.is-primary.is-light:before{background-color:#ebfffc}.divider.is-link:after,.divider.is-link:before{background-color:#3273dc}.divider.is-link.is-light:after,.divider.is-link.is-light:before{background-color:#eef3fc}.divider.is-info:after,.divider.is-info:before{background-color:#3298dc}.divider.is-info.is-light:after,.divider.is-info.is-light:before{background-color:#eef6fc}.divider.is-success:after,.divider.is-success:before{background-color:#48c774}.divider.is-success.is-light:after,.divider.is-success.is-light:before{background-color:#effaf3}.divider.is-warning:after,.divider.is-warning:before{background-color:#ffdd57}.divider.is-warning.is-light:after,.divider.is-warning.is-light:before{background-color:#fffbeb}.divider.is-danger:after,.divider.is-danger:before{background-color:#f14668}.divider.is-danger.is-light:after,.divider.is-danger.is-light:before{background-color:#feecf0}
.no-underline-text[data-v-e521f487] {
text-decoration: none !important;
}
.is-button-hover-effect[data-v-e521f487] {
transition: background-color 0.3s ease, color 0.3s ease;
}
.is-button-hover-effect[data-v-e521f487]:hover {
background-color: var(--button-hover-bg-color, #f5f5f5);
color: var(--button-hover-text-color, #363636);
}
.has-text-decoration-line-through[data-v-f51d6c69] {
text-decoration: line-through;
}
.is-oblique[data-v-f51d6c69] {
font-style: oblique;
}
.is-italic[data-v-f51d6c69] {
font-style: italic;
}
.is-radiusless[data-v-7b645a96] {
border-radius: 0 !important;
}
.is-white-box-loading[data-v-7b645a96] {
background-color: #f0f0f0; /* Light gray background for loading state */
}
.loading-spinner[data-v-7b645a96] {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
background-color: rgba(255, 255, 255, 0.8); /* Semi-transparent overlay */
}
.is-hcentered[data-v-7b645a96] {
position: absolute;
top: 50%;
left: 50%;
transform: translate(-50%, -50%);
}
.is-selected[data-v-7b645a96] {
border: 2px solid #00d1b2;
box-shadow: 0 0 10px rgba(0, 209, 178, 0.5);
transition: border 0.3s ease-in-out, box-shadow 0.3s ease-in-out;
z-index: 1;
}
.is-selection-style[data-v-7b645a96] {
/* Semi transparrent border */
border: 2px solid rgba(255, 221, 87, 0);
box-shadow: 0 0 10px rgba(255, 221, 87, 0);
transition: border 0.3s ease-in-out, box-shadow 0.3s ease-in-out;
z-index: 1;
}
.has-custom-hover-effect[data-v-7b645a96]:hover {
border: 2px solid #3273dc;
}
/* Transparent / Placeholder */
.is-placeholder[data-v-7b645a96] {
opacity: 0.0;
pointer-events: none;
user-select: none;
cursor: not-allowed;
}
.has-custom-border[data-v-7b645a96] {
border: 2px solid #dbdbdb;
border-radius: 0.5rem;
}
.has-text-strikethrough[data-v-fc2b1821] {
text-decoration: line-through;
}
.invoicing-period-distribution-table-container[data-v-fc2b1821] {
max-width: 100%;
overflow-x: auto;
}
.invoicing-period-distribution-table[data-v-fc2b1821] {
font-size: 0.86rem;
table-layout: fixed;
max-width: 100%;
}
.invoicing-period-distribution-table th[data-v-fc2b1821],
.invoicing-period-distribution-table td[data-v-fc2b1821] {
overflow-wrap: anywhere;
vertical-align: top;
white-space: normal;
}
.invoicing-period-distribution-table th[data-v-fc2b1821]:first-child,
.invoicing-period-distribution-table td[data-v-fc2b1821]:first-child {
width: 12%;
}
.invoicing-period-distribution-table .is-size-7[data-v-fc2b1821] {
display: block;
margin-top: 0.25rem;
}
.invoicing-period-distribution-table--combined[data-v-fc2b1821] {
font-size: 0.78rem;
width: calc(100% - 0.5rem);
}
.invoicing-period-distribution-table--combined th[data-v-fc2b1821],
.invoicing-period-distribution-table--combined td[data-v-fc2b1821] {
padding-left: 0.35rem;
padding-right: 0.35rem;
}
@media screen and (min-width: 1024px) {
.invoicing-period-department-75-column[data-v-fc2b1821] {
padding-right: 1.25rem;
}
}
@media screen and (max-width: 1400px) {
.invoicing-period-distribution-table[data-v-fc2b1821] {
font-size: 0.78rem;
}
.invoicing-period-distribution-table--combined[data-v-fc2b1821] {
font-size: 0.72rem;
}
}
.no-underline[data-v-fc2b1821] {
text-decoration: none;
}
.is-not-clickable[data-v-21776a59] {
cursor: default;
}
.customer-attribute-stack[data-v-21776a59] {
--customer-attribute-count: 1;
display: grid;
grid-template-rows: repeat(var(--customer-attribute-count), minmax(0, 1fr));
gap: 0;
width: max-content;
max-width: min(10rem, 18vw);
height: 2.45rem;
min-width: 0;
overflow: hidden;
}
.customer-attribute-text[data-v-21776a59] {
display: flex;
align-items: center;
justify-content: center;
width: 100%;
min-width: 0;
min-height: 0;
height: 100%;
box-sizing: border-box;
padding: 0 0.125rem;
overflow: hidden;
font-size: var(--customer-attribute-font-size);
line-height: 1.05;
font-weight: 600;
}
.customer-attribute-text[data-v-21776a59] .icon-text {
align-items: center;
justify-content: center;
width: 100%;
min-width: 0;
line-height: 1;
}
.customer-attribute-text[data-v-21776a59] .icon-text > span:last-child {
min-width: 0;
overflow: hidden;
text-overflow: ellipsis;
white-space: nowrap;
}
@media screen and (max-width: 768px) {
.customer-attribute-stack[data-v-21776a59] {
max-width: 10rem;
}
}
.invoice-period-flags[data-v-9376c27f] {
margin: -0.35rem 3.25rem 0.65rem 1.65rem;
}
.invoice-period-flags--compact[data-v-9376c27f] {
margin: 0.2rem 0;
}
.invoice-period-flag-row[data-v-9376c27f] {
display: grid;
grid-template-columns: 1.2rem minmax(0, 1fr) auto;
gap: 0.45rem;
align-items: center;
min-height: 1.75rem;
padding: 0.15rem 0.35rem;
margin-top: 0.35rem;
background: #fff;
}
.invoice-period-flag-row__message[data-v-9376c27f] {
min-width: 0;
color: #4a4a4a;
font-size: 0.9rem;
line-height: 1.25;
}
.invoice-period-flag-row__actions[data-v-9376c27f] {
margin-bottom: 0;
opacity: 0;
transition: opacity 120ms ease;
}
.invoice-period-flag-row:hover .invoice-period-flag-row__actions[data-v-9376c27f] {
opacity: 1;
}
.invoice-period-flag-row__tooltip[data-v-9376c27f] {
display: inline-flex;
width: 1.2rem;
}
.invoice-period-flag-row__tooltip[data-v-9376c27f] .tooltip-trigger {
display: inline-flex;
}
.invoice-period-flag-created-tooltip[data-v-9376c27f] {
min-width: 11rem;
}
.invoice-period-flag-created-tooltip__row[data-v-9376c27f] {
display: flex;
justify-content: space-between;
gap: 0.75rem;
white-space: nowrap;
}
.invoice-period-flag-token[data-v-9376c27f] {
border: 0;
background: transparent;
color: #276cda;
cursor: pointer;
font: inherit;
padding: 0;
text-decoration: underline;
}
.action-dropdown-main[data-v-9fe570ed] {
justify-content: center;
}
.pagination-general-search-reload__buttons-column[data-v-9fe570ed] {
align-items: center;
display: flex;
}
.period-refreshing-tag[data-v-9fe570ed] {
border-radius: 6px;
height: 2.5em;
}
@media screen and (max-width: 768px) {
.pagination-general-search-reload[data-v-9fe570ed] {
display: block;
}
.pagination-general-search-reload__search-column[data-v-9fe570ed],
.pagination-general-search-reload__buttons-column[data-v-9fe570ed] {
padding: 0.5rem 0;
}
.pagination-general-search-reload__action-column[data-v-9fe570ed] {
padding: 0.5rem 0 !important;
}
.pagination-general-search-reload__action-column .button[data-v-9fe570ed] {
width: 100%;
}
}
.duplicate-group-card[data-v-9fe570ed] {
overflow: visible;
}
.duplicate-group-header[data-v-9fe570ed] {
gap: 0.25rem;
}
.duplicate-group-status[data-v-9fe570ed] {
line-height: 1;
}
.duplicate-group-tags[data-v-9fe570ed] {
align-items: flex-start;
display: flex;
flex-direction: column;
gap: 0.25rem;
}
.duplicate-group-chip[data-v-9fe570ed],
.duplicate-customer-chip[data-v-9fe570ed] {
border-radius: 6px;
}
.duplicate-group-customers[data-v-9fe570ed] {
display: flex;
flex-wrap: wrap;
gap: 0.35rem;
min-width: 180px;
}
.duplicate-customer-chip[data-v-9fe570ed] {
max-width: 220px;
overflow: hidden;
text-overflow: ellipsis;
white-space: nowrap;
}
.duplicate-group-expanded[data-v-9fe570ed] {
border-top: 1px solid #e5e7eb;
margin-top: 0.75rem;
padding-top: 0.75rem;
}
.duplicate-comparison[data-v-9fe570ed] {
margin-bottom: 0.75rem;
}
.duplicate-comparison-heading[data-v-9fe570ed] {
color: #2f3440;
font-weight: 700;
margin-bottom: 0.5rem;
}
.duplicate-comparison-grid[data-v-9fe570ed] {
display: grid;
gap: 0.5rem;
}
.duplicate-comparison-row[data-v-9fe570ed] {
align-items: center;
border: 1px solid #d9dde3;
display: grid;
gap: 0.75rem;
grid-template-columns: minmax(180px, 1.4fr) minmax(110px, 0.7fr) minmax(110px, 0.7fr) minmax(90px, 0.6fr);
padding: 0.65rem 0.75rem;
}
.duplicate-comparison-row p[data-v-9fe570ed] {
margin: 0;
}
.period-flag-tabs[data-v-9fe570ed]:not(.is-filters-tab-selected) .tab-content {
display: none;
}
.period-flag-tab-header[data-v-9fe570ed] {
align-items: center;
display: inline-flex;
gap: 0.35rem;
}
@media screen and (max-width: 900px) {
.duplicate-comparison-row[data-v-9fe570ed] {
grid-template-columns: 1fr 1fr;
}
}
.is-disabled[data-v-5c092749] {
align-items: center;
display: flex;
justify-content: flex-start;
pointer-events: none;
text-align: left;
width: 100%;
opacity: 0.5;
}
.dropdown-item-label__text[data-v-5c092749] {
min-width: 0;
overflow-wrap: anywhere;
text-align: left;
}
.dropdown-item-label__detail[data-v-5c092749] {
color: #718095;
font-size: 0.86rem;
font-weight: 600;
margin-left: auto;
min-width: 0;
overflow-wrap: anywhere;
padding-left: 0.75rem;
text-align: right;
}
.is-disabled[data-v-5c092749]:hover {
background-color: transparent;
}
.is-disabled .icon[data-v-5c092749] {
opacity: 0.5;
}
.dropdown-item-label--metadata[data-v-5c092749] {
opacity: 1;
}
.dropdown-item-label--metadata .icon[data-v-5c092749] {
opacity: 1;
}
.dropdown-item-label--metadata .dropdown-item-label__text[data-v-5c092749] {
color: #4a5b73;
font-weight: 600;
}
.dropdown-item-label--metadata .dropdown-item-label__detail[data-v-5c092749] {
color: #25344d;
font-weight: 700;
}
.hover-illustration[data-v-24688ed5]:hover {
background-color: #f5f5f5;
border-radius: 4px;
}
.order-item-highlight > td[data-v-bbca93fc] {
background: #fff3cd !important;
box-shadow: inset 3px 0 0 #ffdd57;
}
.xlvask-usage-card--highlighted[data-v-62b5f8a0] {
border-left: 4px solid #3273dc;
box-shadow: 0 0 0 2px rgba(50, 115, 220, 0.16);
}
.xlvask-usage-card-header[data-v-62b5f8a0] {
align-items: start;
display: grid;
gap: 0.6rem 1rem;
grid-template-columns: minmax(0, 1fr) minmax(9rem, 15rem);
min-width: 0;
width: 100%;
}
.xlvask-usage-card-main[data-v-62b5f8a0] {
display: flex;
flex-direction: column;
gap: 0.45rem;
min-width: 0;
}
.xlvask-usage-card-primary[data-v-62b5f8a0],
.xlvask-usage-card-status[data-v-62b5f8a0] {
align-items: center;
display: flex;
flex-wrap: wrap;
gap: 0.35rem;
min-width: 0;
}
.xlvask-usage-registration[data-v-62b5f8a0] {
flex: 0 0 auto;
line-height: 1.45;
white-space: nowrap;
}
.xlvask-usage-card-primary > .tag[data-v-62b5f8a0],
.xlvask-usage-card-status > .tag[data-v-62b5f8a0],
.xlvask-usage-card-status > .tags[data-v-62b5f8a0] {
margin: 0 !important;
}
.xlvask-usage-chip[data-v-62b5f8a0] {
height: auto;
line-height: 1.2;
max-width: 100%;
min-height: 1.6rem;
min-width: 0;
padding-bottom: 0.25rem;
padding-top: 0.25rem;
white-space: normal;
}
.xlvask-usage-chip .icon[data-v-62b5f8a0] {
flex: 0 0 auto;
}
.xlvask-usage-chip-text[data-v-62b5f8a0] {
display: block;
min-width: 0;
overflow: hidden;
text-overflow: ellipsis;
white-space: nowrap;
}
.xlvask-usage-automation-chip .xlvask-usage-chip-text[data-v-62b5f8a0] {
max-width: 18rem;
}
.xlvask-usage-warning-chip .xlvask-usage-chip-text[data-v-62b5f8a0] {
max-width: 15rem;
}
.xlvask-usage-location-tags[data-v-62b5f8a0] {
align-items: center;
display: inline-flex;
flex: 0 1 auto;
flex-wrap: nowrap;
max-width: 100%;
min-width: 0;
}
.xlvask-usage-location-tags .tag[data-v-62b5f8a0]:first-child {
display: block;
max-width: 10rem;
overflow: hidden;
text-overflow: ellipsis;
white-space: nowrap;
}
.xlvask-usage-card-customer[data-v-62b5f8a0] {
font-weight: 700;
line-height: 1.25;
min-width: 0;
overflow-wrap: anywhere;
text-align: left;
}
.xlvask-usage-content-columns[data-v-62b5f8a0],
.xlvask-order-comparison-columns[data-v-62b5f8a0] {
min-width: 0;
width: 100%;
}
.xlvask-usage-main-column[data-v-62b5f8a0],
.xlvask-usage-actions-column[data-v-62b5f8a0],
.xlvask-order-comparison-columns > .column[data-v-62b5f8a0] {
min-width: 0;
}
.xlvask-usage-main-column .content[data-v-62b5f8a0] {
min-width: 0;
}
.xlvask-order-comparison-columns .input[data-v-62b5f8a0],
.xlvask-order-comparison-columns[data-v-62b5f8a0] table {
max-width: 100%;
}
.xlvask-order-comparison-columns[data-v-62b5f8a0] .table-container {
overflow-x: auto;
}
@media screen and (max-width: 1500px) {
.xlvask-usage-card-header[data-v-62b5f8a0] {
grid-template-columns: minmax(0, 1fr) minmax(8rem, 12rem);
}
.xlvask-usage-automation-chip .xlvask-usage-chip-text[data-v-62b5f8a0] {
max-width: 13rem;
}
.xlvask-usage-warning-chip .xlvask-usage-chip-text[data-v-62b5f8a0],
.xlvask-usage-location-tags .tag[data-v-62b5f8a0]:first-child {
max-width: 9rem;
}
}
@media screen and (max-width: 1350px) {
.xlvask-usage-card-header[data-v-62b5f8a0] {
grid-template-columns: minmax(0, 1fr);
}
.xlvask-usage-card-customer[data-v-62b5f8a0] {
max-width: 100%;
}
.xlvask-order-comparison-columns[data-v-62b5f8a0] {
display: block;
}
.xlvask-order-comparison-columns > .column[data-v-62b5f8a0] {
flex: none;
width: 100%;
}
}
@media screen and (max-width: 1215px) {
.xlvask-usage-content-columns[data-v-62b5f8a0] {
display: block;
}
.xlvask-usage-actions-column .buttons[data-v-62b5f8a0] {
display: flex;
flex-wrap: wrap;
gap: 0.5rem;
}
.xlvask-usage-actions-column .button[data-v-62b5f8a0] {
flex: 1 1 10rem;
margin-bottom: 0;
width: auto;
}
}
@media screen and (max-width: 768px) {
.xlvask-usage-chip-text[data-v-62b5f8a0],
.xlvask-usage-automation-chip .xlvask-usage-chip-text[data-v-62b5f8a0],
.xlvask-usage-warning-chip .xlvask-usage-chip-text[data-v-62b5f8a0],
.xlvask-usage-location-tags .tag[data-v-62b5f8a0]:first-child {
max-width: 100%;
}
}
.is-selector-view[data-v-e8442fa3] {
transition: background-color 0.3s ease, border-color 0.3s ease;
border: 2px solid #ddd; /* Default border */
}.is-selected-view[data-v-e8442fa3] {
border: 2px solid #3273dc; /* Blue border for selected view */
background-color: #f0f8ff; /* Light blue background for selected view */
}
.period-selector-progress[data-v-e8442fa3] {
position: relative;
width: 100%;
height: 0.75rem;
overflow: hidden;
background: #e5e7eb;
border-radius: 999px;
}
.period-selector-progress__completed[data-v-e8442fa3],
.period-selector-progress__draft[data-v-e8442fa3] {
position: absolute;
top: 0;
bottom: 0;
display: block;
}
.period-selector-progress__completed[data-v-e8442fa3] {
left: 0;
width: var(--completed-width, 0%);
background: #4b5563;
}
.period-selector-progress__draft[data-v-e8442fa3] {
left: var(--draft-left, 0%);
width: var(--draft-width, 0%);
background: #f6c344;
}
.chart-wrapper[data-v-c6181524] {
min-height: 280px;
}
.chart-empty[data-v-c6181524] {
min-height: 120px;
display: flex;
align-items: center;
justify-content: center;
}
.skeleton-list[data-v-e705b1a6] {
display: flex;
flex-direction: column;
gap: 0.75rem;
}
.skeleton-row[data-v-e705b1a6] {
display: flex;
gap: 0.75rem;
align-items: center;
}
.skeleton-block[data-v-e705b1a6] {
height: 1rem;
border-radius: 999px;
background: linear-gradient(90deg, rgba(235, 238, 242, 1) 25%, rgba(217, 222, 230, 1) 37%, rgba(235, 238, 242, 1) 63%);
background-size: 400% 100%;
animation: loading-shimmer-e705b1a6 1.2s ease-in-out infinite;
}
.w-30[data-v-e705b1a6] {
width: 30%;
}
.w-20[data-v-e705b1a6] {
width: 20%;
}
@keyframes loading-shimmer-e705b1a6 {
0% {
background-position: 100% 0;
}
100% {
background-position: 0 0;
}
}
[data-v-f7525089]:root {
--distribution-v2-accent: #0f6b86;
}
[data-v-f7525089] .card {
border-radius: 16px;
}
.distribution-overview-v2[data-v-f7525089] {
display: grid;
gap: 1rem;
}
.hero-surface[data-v-f7525089] {
background:
radial-gradient(circle at top right, rgba(15, 107, 134, 0.2), transparent 55%),
linear-gradient(135deg, #f5fbff 0%, #f7f8fc 100%);
}
.hero-row[data-v-f7525089] {
align-items: flex-start;
}
.eyebrow[data-v-f7525089] {
text-transform: uppercase;
letter-spacing: 0.08em;
font-weight: 700;
font-size: 0.7rem;
margin-bottom: 0.4rem;
color: #38576a;
}
.overview-dock[data-v-f7525089] {
display: grid;
grid-template-columns: 1fr 1fr minmax(220px, 1fr);
gap: 0.9rem;
align-items: end;
}
.toolbar-hint[data-v-f7525089] {
padding: 0.75rem 0.9rem;
background: #ffffff;
border: 1px solid #d8e5ee;
border-radius: 12px;
}
.toolbar-hint__title[data-v-f7525089] {
font-weight: 600;
}
.toolbar-hint__subtitle[data-v-f7525089] {
color: #617986;
font-size: 0.82rem;
}
.fallback-note p + p[data-v-f7525089] {
margin-top: 0.3rem;
}
.kpi-strip[data-v-f7525089] {
display: grid;
grid-template-columns: repeat(5, minmax(0, 1fr));
gap: 0.8rem;
}
.metric-card[data-v-f7525089] {
background: #ffffff;
border: 1px solid #d8e5ee;
}
.metric-title[data-v-f7525089] {
color: #617986;
font-size: 0.78rem;
text-transform: uppercase;
letter-spacing: 0.03em;
}
.metric-value[data-v-f7525089] {
font-size: 1.3rem;
font-weight: 700;
}
.metric-customer-prices[data-v-f7525089] {
border-color: #f0d6c8;
background: #fffaf7;
}
.chart-section[data-v-f7525089] {
border: 1px solid #d8e5ee;
}
.section-header[data-v-f7525089] {
display: flex;
align-items: center;
justify-content: space-between;
margin-bottom: 1rem;
}
.distribution-table[data-v-f7525089] {
font-size: 0.92rem;
}
.source-composition__bar[data-v-f7525089] {
width: 100%;
max-width: 160px;
height: 8px;
border-radius: 999px;
overflow: hidden;
background: #dde8ef;
display: flex;
}
.source-composition__segment[data-v-f7525089] {
display: inline-block;
height: 100%;
}
.source-composition__segment--fixed[data-v-f7525089] {
background: #1f77b4;
}
.source-composition__segment--subscription[data-v-f7525089] {
background: #ff7f0e;
}
.source-composition__segment--customer-prices[data-v-f7525089] {
background: #c44536;
}
.insights-grid[data-v-f7525089] {
display: grid;
grid-template-columns: repeat(2, minmax(0, 1fr));
gap: 0.8rem;
}
.insight-card[data-v-f7525089] {
border: 1px solid #d8e5ee;
}
.insight-row[data-v-f7525089] {
display: flex;
justify-content: space-between;
gap: 1rem;
align-items: center;
padding: 0.35rem 0;
}
.top-month-list[data-v-f7525089] {
display: grid;
gap: 0.45rem;
}
.top-month-button[data-v-f7525089] {
justify-content: space-between;
}
@media (max-width: 1100px) {
.overview-dock[data-v-f7525089] {
grid-template-columns: 1fr;
}
.kpi-strip[data-v-f7525089] {
grid-template-columns: repeat(2, minmax(0, 1fr));
}
}
@media (max-width: 768px) {
.kpi-strip[data-v-f7525089] {
grid-template-columns: 1fr;
}
.insights-grid[data-v-f7525089] {
grid-template-columns: 1fr;
}
}
[data-v-f7525089] .button:focus-visible,[data-v-f7525089] .input:focus-visible,[data-v-f7525089] .select select:focus-visible,[data-v-f7525089] .textarea:focus-visible {
outline: 2px solid rgba(15, 107, 134, 0.55);
outline-offset: 2px;
}
.modal[data-v-d9bdf6bc] {
z-index: 80;
}
.queue-details-modal-card[data-v-d9bdf6bc] {
width: min(960px, calc(100vw - 2rem));
margin-top: 4rem;
}
.vehicles-pagination__filter-action-column[data-v-959b841e] {
flex: 1 1 0;
min-width: 0;
padding-left: 0;
padding-right: 0;
}
.vehicles-pagination__filter-action-row[data-v-959b841e] {
align-items: flex-end;
display: flex;
gap: 1rem;
width: 100%;
}
.vehicles-pagination__filters[data-v-959b841e] {
flex: 1 1 auto;
min-width: 0;
}
.vehicles-pagination__filters[data-v-959b841e] .column {
padding: 0;
width: 100%;
}
.vehicles-pagination__filters[data-v-959b841e] .autocomplete,
.vehicles-pagination__filters[data-v-959b841e] .control,
.vehicles-pagination__filters[data-v-959b841e] .dropdown,
.vehicles-pagination__filters[data-v-959b841e] .select,
.vehicles-pagination__filters[data-v-959b841e] .input {
width: 100%;
}
.vehicles-pagination__add-action[data-v-959b841e] {
flex: 0 0 auto;
}
.vehicles-pagination__add-button[data-v-959b841e] {
white-space: nowrap;
}
@media screen and (max-width: 768px) {
.vehicles-pagination__filter-action-row[data-v-959b841e] {
gap: 0.75rem;
}
.vehicles-pagination__add-action[data-v-959b841e] {
flex-basis: 11.75rem;
max-width: 42%;
}
.vehicles-pagination__add-button[data-v-959b841e] {
min-width: 0;
width: 100%;
}
}
.action-settings-wheel-trigger[data-v-5423d2e1] {
transition: background-color 0.15s ease, border-color 0.15s ease, color 0.15s ease, box-shadow 0.15s ease;
}
.action-settings-wheel-trigger--active[data-v-5423d2e1]:not(.action-settings-wheel-trigger--text) {
border-color: #25344d;
box-shadow: 0 0 0 3px rgba(37, 52, 77, 0.28);
}
.action-settings-wheel-trigger--text[data-v-5423d2e1] {
background: transparent;
border: 0;
box-shadow: none;
color: #25344d;
padding-inline: 0.35rem;
text-decoration: none;
}
.action-settings-wheel-trigger--text[data-v-5423d2e1]:hover,
.action-settings-wheel-trigger--text[data-v-5423d2e1]:focus,
.action-settings-wheel-trigger--text[aria-expanded="true"][data-v-5423d2e1] {
background: rgba(37, 52, 77, 0.1);
color: #132339;
text-decoration: none;
}
.action-settings-wheel-trigger--text .icon[data-v-5423d2e1],
.action-settings-wheel-trigger--text .icon[data-v-5423d2e1]:hover,
.action-settings-wheel-trigger--text .icon[data-v-5423d2e1]:focus {
text-decoration: none;
}
.action-settings-wheel-trigger--icon-only[data-v-5423d2e1] {
min-width: auto;
}
.dropdown[data-v-5423d2e1] {
position: relative;
}
.dropdown-menu[data-v-5423d2e1] {
min-width: 15rem;
z-index: 4001;
}
.dropdown-content[data-v-5423d2e1] {
position: relative;
background: #ffffff;
border: 1px solid #cfd8e3;
border-radius: 0.8rem;
box-shadow: 0 18px 36px rgba(19, 35, 57, 0.14);
padding: 0.35rem;
z-index: 4002;
}
.action-settings-wheel-dropdown-content--desktop-flyout[data-v-5423d2e1] {
padding: 0.5rem;
}
.action-settings-wheel-flyout[data-v-5423d2e1] {
display: flex;
flex-direction: row;
align-items: stretch;
gap: 0.75rem;
min-width: 33rem;
z-index: 4003;
}
/* When the flyout is partly out of it's parent element, it can get cut off by overflow:hidden, so we need to allow it to overflow, but attempt to keep it visible within the viewport with smart positioning logic in the component */
.action-settings-wheel-flyout[data-v-5423d2e1] {
overflow: visible;
}
.action-settings-wheel-flyout__submenu-stack[data-v-5423d2e1] {
display: grid;
min-width: 17rem;
}
.action-settings-wheel-flyout__sections[data-v-5423d2e1],
.action-settings-wheel-flyout__submenu[data-v-5423d2e1] {
display: flex;
flex-direction: column;
min-width: 15rem;
}
.action-settings-wheel-flyout__submenu[data-v-5423d2e1] {
grid-area: 1 / 1;
position: relative;
background: linear-gradient(180deg, #f9fbfd 0%, #f3f7fb 100%);
border: 1px solid #d9e4ef;
border-radius: 0.8rem;
padding: 0.35rem;
visibility: hidden;
opacity: 0;
pointer-events: none;
transition: opacity 0.12s ease;
}
.action-settings-wheel-flyout__submenu.is-active[data-v-5423d2e1] {
visibility: visible;
opacity: 1;
pointer-events: auto;
}
.action-settings-wheel-flyout__submenu-title[data-v-5423d2e1] {
margin: 0;
padding: 0.55rem 0.75rem 0.35rem;
color: #6a7890;
font-size: 0.72rem;
font-weight: 700;
letter-spacing: 0.05em;
text-transform: uppercase;
}
.action-settings-wheel-flyout__submenu-items[data-v-5423d2e1],
.action-settings-wheel-flyout__standalone-actions[data-v-5423d2e1] {
display: flex;
flex-direction: column;
gap: 0.15rem;
}
.action-settings-wheel-flyout__submenu--attachments[data-v-5423d2e1] {
overflow: visible;
}
.action-settings-wheel-flyout__submenu--has-nested[data-v-5423d2e1] {
overflow: visible;
}
.action-settings-wheel-flyout__submenu--rules[data-v-5423d2e1] {
min-width: 18.75rem;
}
.action-settings-wheel-subsection[data-v-5423d2e1] {
border-top: 1px solid #e4ebf3;
margin-top: 0.25rem;
padding-top: 0.35rem;
}
.action-settings-wheel-subsection[data-v-5423d2e1]:first-child {
border-top: 0;
margin-top: 0;
padding-top: 0;
}
.action-settings-wheel-subsection__title[data-v-5423d2e1] {
color: #627187;
font-size: 0.73rem;
font-weight: 700;
letter-spacing: 0.04em;
margin: 0;
overflow: hidden;
padding: 0.45rem 0.75rem 0.2rem;
text-overflow: ellipsis;
text-transform: uppercase;
white-space: nowrap;
}
.action-settings-wheel-subsection__description[data-v-5423d2e1] {
color: #7b8798;
font-size: 0.72rem;
font-weight: 600;
margin: -0.1rem 0 0.35rem;
overflow: hidden;
padding: 0 0.75rem;
text-overflow: ellipsis;
white-space: nowrap;
}
.action-settings-wheel-flyout__standalone-actions[data-v-5423d2e1] {
margin-top: 0.35rem;
padding-top: 0.35rem;
border-top: 1px solid #e3eaf2;
}
.action-settings-wheel-section-trigger[data-v-5423d2e1] {
width: 100%;
display: flex;
align-items: center;
gap: 0.65rem;
padding: 0.8rem 0.9rem;
background: transparent;
border: 1px solid transparent;
border-radius: 0.7rem;
color: #25344d;
cursor: pointer;
transition: background-color 0.15s ease, border-color 0.15s ease, color 0.15s ease;
}
.action-settings-wheel-section-trigger[data-v-5423d2e1]:hover,
.action-settings-wheel-section-trigger[data-v-5423d2e1]:focus,
.action-settings-wheel-section-trigger.is-active[data-v-5423d2e1] {
background: #f2f6fb;
border-color: #d8e2ed;
color: #132339;
outline: none;
}
.action-settings-wheel-section-trigger__arrow[data-v-5423d2e1] {
display: inline-flex;
align-items: center;
justify-content: center;
width: 0.9rem;
color: #708097;
flex-shrink: 0;
}
.action-settings-wheel-section-trigger__icon[data-v-5423d2e1] {
display: inline-flex;
align-items: center;
justify-content: center;
width: 0.95rem;
color: #708097;
flex-shrink: 0;
}
.action-settings-wheel-section-trigger--attachment[data-v-5423d2e1] {
padding-right: 1rem;
}
.action-settings-wheel-section-trigger--nested[data-v-5423d2e1] {
align-items: flex-start;
}
.action-settings-wheel-section-trigger__text[data-v-5423d2e1] {
display: flex;
flex: 1;
flex-direction: column;
gap: 0.1rem;
min-width: 0;
}
.action-settings-wheel-section-trigger__label[data-v-5423d2e1] {
flex: 1;
min-width: 0;
text-align: left;
font-weight: 600;
white-space: nowrap;
overflow: hidden;
text-overflow: ellipsis;
}
.action-settings-wheel-section-trigger__description[data-v-5423d2e1] {
color: #718095;
font-size: 0.72rem;
font-weight: 600;
line-height: 1.2;
overflow: hidden;
text-align: left;
text-overflow: ellipsis;
white-space: nowrap;
}
.action-settings-wheel-nested-panel[data-v-5423d2e1] {
align-self: stretch;
flex: 0 0 17rem;
width: 17rem;
background: #ffffff;
border: 1px solid #d9e4ef;
border-radius: 0.7rem;
padding: 0.35rem;
}
.action-settings-wheel-nested-panel__title[data-v-5423d2e1] {
color: #132339;
font-size: 0.85rem;
font-weight: 700;
margin: 0;
overflow: hidden;
padding: 0.45rem 0.75rem 0.1rem;
text-overflow: ellipsis;
white-space: nowrap;
}
.action-settings-wheel-nested-panel__description[data-v-5423d2e1] {
color: #718095;
font-size: 0.72rem;
font-weight: 600;
margin: 0;
overflow: hidden;
padding: 0 0.75rem 0.45rem;
text-overflow: ellipsis;
white-space: nowrap;
}
.action-settings-wheel-nested-panel__items[data-v-5423d2e1] {
display: flex;
flex-direction: column;
gap: 0.15rem;
}
.action-settings-wheel-attachment-panel[data-v-5423d2e1] {
position: absolute;
top: 0;
right: calc(100% + 0.75rem);
width: min(20rem, 48vw);
min-height: 20rem;
background: #ffffff;
border: 1px solid #cfd8e3;
border-radius: 0.9rem;
box-shadow: 0 18px 36px rgba(19, 35, 57, 0.14);
padding: 0.75rem;
display: flex;
flex-direction: column;
gap: 0.75rem;
z-index: 2;
}
.action-settings-wheel-attachment-panel__title[data-v-5423d2e1] {
margin: 0;
font-size: 0.95rem;
font-weight: 600;
color: #132339;
white-space: nowrap;
overflow: hidden;
text-overflow: ellipsis;
}
.action-settings-wheel-attachment-panel__preview[data-v-5423d2e1] {
min-height: 12.5rem;
border: 1px solid #e7edf5;
border-radius: 0.75rem;
background: linear-gradient(180deg, #fbfcfe 0%, #f3f6fa 100%);
overflow: hidden;
display: flex;
align-items: center;
justify-content: center;
}
.action-settings-wheel-attachment-panel__image[data-v-5423d2e1],
.action-settings-wheel-attachment-panel__document[data-v-5423d2e1] {
width: 100%;
height: 100%;
border: 0;
background: #ffffff;
}
.action-settings-wheel-attachment-panel__image[data-v-5423d2e1] {
object-fit: contain;
}
.action-settings-wheel-attachment-panel__text[data-v-5423d2e1] {
padding: 1rem;
text-align: center;
color: #4a5568;
overflow-wrap: anywhere;
white-space: pre-line;
}
.action-settings-wheel-attachment-panel__link[data-v-5423d2e1] {
text-decoration: none;
}
.action-settings-wheel-attachment-panel__placeholder[data-v-5423d2e1] {
width: 100%;
padding: 1.5rem 1rem;
display: flex;
flex-direction: column;
align-items: center;
justify-content: center;
gap: 0.75rem;
color: #5c6980;
}
.action-settings-wheel-attachment-panel__placeholder-icon[data-v-5423d2e1] {
width: 3rem;
height: 3rem;
border-radius: 999px;
background: #eaf1f8;
color: #42526b;
display: inline-flex;
align-items: center;
justify-content: center;
font-size: 1.1rem;
}
.action-settings-wheel-attachment-panel__placeholder-label[data-v-5423d2e1] {
padding: 0.2rem 0.55rem;
border-radius: 999px;
background: #eef3f8;
color: #42526b;
font-size: 0.74rem;
font-weight: 700;
letter-spacing: 0.08em;
}
.action-settings-wheel-attachment-panel__actions[data-v-5423d2e1] {
display: flex;
flex-direction: column;
gap: 0.3rem;
}
.action-settings-wheel-attachment-action[data-v-5423d2e1] {
width: 100%;
display: flex;
align-items: center;
gap: 0.65rem;
padding: 0.72rem 0.85rem;
background: #f8fafc;
border: 1px solid #dde6f0;
border-radius: 0.7rem;
color: #25344d;
cursor: pointer;
transition: background-color 0.15s ease, border-color 0.15s ease, color 0.15s ease;
}
.action-settings-wheel-attachment-action[data-v-5423d2e1]:hover,
.action-settings-wheel-attachment-action[data-v-5423d2e1]:focus {
background: #f2f6fb;
border-color: #d2deea;
color: #132339;
outline: none;
}
.action-settings-wheel-attachment-action[data-v-5423d2e1]:disabled {
opacity: 0.6;
cursor: not-allowed;
}
.action-settings-wheel-attachment-action--danger[data-v-5423d2e1] {
color: #8d2637;
border-color: #f0d4db;
background: #fff7f8;
}
.action-settings-wheel-attachment-action--danger[data-v-5423d2e1]:hover,
.action-settings-wheel-attachment-action--danger[data-v-5423d2e1]:focus {
background: #fff0f2;
border-color: #e7bcc7;
color: #6f1728;
}
.action-settings-wheel-attachment-action__icon[data-v-5423d2e1] {
width: 0.95rem;
display: inline-flex;
align-items: center;
justify-content: center;
flex-shrink: 0;
}
.dropdown-content[data-v-5423d2e1] .dropdown-item-action,
.dropdown-content[data-v-5423d2e1] .dropdown-item-label {
border-radius: 0.55rem;
}
@media (hover: none) {
.action-settings-wheel-attachment-panel[data-v-5423d2e1] {
display: none;
}
}
.action-settings-wheel-trigger[data-v-598238fb] {
transition: background-color 0.15s ease, border-color 0.15s ease, color 0.15s ease, box-shadow 0.15s ease;
}
.action-settings-wheel-trigger--text[data-v-598238fb] {
background: transparent;
border: 0;
box-shadow: none;
color: #25344d;
padding-inline: 0.35rem;
text-decoration: none;
}
.action-settings-wheel-trigger--text[data-v-598238fb]:hover,
.action-settings-wheel-trigger--text[data-v-598238fb]:focus,
.action-settings-wheel-trigger--text[aria-expanded="true"][data-v-598238fb] {
background: rgba(37, 52, 77, 0.1);
color: #132339;
text-decoration: none;
}
.action-settings-wheel-trigger--text .icon[data-v-598238fb],
.action-settings-wheel-trigger--text .icon[data-v-598238fb]:hover,
.action-settings-wheel-trigger--text .icon[data-v-598238fb]:focus {
text-decoration: none;
}
.action-settings-wheel-trigger--icon-only[data-v-598238fb] {
width: 2rem;
min-width: 2rem;
height: 2rem;
padding: 0;
display: inline-flex;
align-items: center;
justify-content: center;
line-height: 1;
vertical-align: middle;
}
.action-settings-wheel-trigger--icon-only .icon[data-v-598238fb] {
width: 1rem;
height: 1rem;
margin: 0;
display: inline-flex;
align-items: center;
justify-content: center;
}
.action-settings-wheel-trigger--icon-only .icon i[data-v-598238fb] {
line-height: 1;
}
.order-attachments-dropdown-menu[data-v-598238fb] {
min-width: 15rem;
overflow: visible;
}
.dropdown-content[data-v-598238fb] {
background: #ffffff;
border: 1px solid #cfd8e3;
border-radius: 0.8rem;
box-shadow: 0 18px 36px rgba(19, 35, 57, 0.14);
padding: 0.35rem;
}
.dropdown-content[data-v-598238fb] .dropdown-item-action,
.dropdown-content[data-v-598238fb] .dropdown-item-label {
border-radius: 0.55rem;
}
.order-attachments-previewable-item[data-v-598238fb] {
width: 100%;
}
.order-attachments-preview-panel[data-v-598238fb] {
position: absolute;
top: 0;
right: calc(100% + 0.75rem);
width: min(22rem, 55vw);
min-height: 20rem;
background: #ffffff;
border: 1px solid #cfd8e3;
border-radius: 0.9rem;
box-shadow: 0 18px 36px rgba(19, 35, 57, 0.14);
padding: 0.75rem;
display: flex;
flex-direction: column;
gap: 0.75rem;
z-index: 2;
}
.order-attachments-preview-panel__header[data-v-598238fb] {
font-size: 0.95rem;
font-weight: 600;
color: #132339;
overflow-wrap: anywhere;
}
.order-attachments-preview-panel__content[data-v-598238fb] {
min-height: 17rem;
border: 1px solid #e7edf5;
border-radius: 0.75rem;
background: linear-gradient(180deg, #fbfcfe 0%, #f3f6fa 100%);
overflow: hidden;
display: flex;
align-items: center;
justify-content: center;
}
.order-attachments-preview-panel__image[data-v-598238fb],
.order-attachments-preview-panel__document[data-v-598238fb] {
width: 100%;
height: 100%;
border: 0;
background: #ffffff;
}
.order-attachments-preview-panel__image[data-v-598238fb] {
object-fit: contain;
}
.order-attachments-preview-panel__text[data-v-598238fb],
.order-attachments-preview-panel__link[data-v-598238fb] {
padding: 1rem;
text-align: center;
color: #4a5568;
overflow-wrap: anywhere;
}
@media (hover: none) {
.order-attachments-preview-panel[data-v-598238fb] {
display: none;
}
}
.modal[data-testid="draft-order-assign-customer-modal"][data-v-ba5893cf] {
align-items: flex-start;
overflow-y: auto;
padding: clamp(4.5rem, 9vh, 6rem) 1rem max(1rem, env(safe-area-inset-bottom));
z-index: 60;
}
.draft-order-assign-modal[data-v-ba5893cf] {
display: flex;
flex-direction: column;
max-width: 760px;
width: min(760px, calc(100vw - 2rem));
max-height: calc(100dvh - clamp(5.5rem, 11vh, 7rem));
overflow: hidden;
}
.draft-order-assign-header[data-v-ba5893cf] {
align-items: flex-start;
gap: 1rem;
flex-shrink: 0;
}
.draft-order-assign-heading[data-v-ba5893cf] {
flex: 1;
min-width: 0;
}
.draft-order-assign-close[data-v-ba5893cf] {
flex-shrink: 0;
margin-left: auto;
margin-top: 0.25rem;
}
.draft-order-assign-search-results[data-v-ba5893cf],
.draft-order-assign-collections[data-v-ba5893cf] {
display: flex;
flex-direction: column;
gap: 0.75rem;
}
.draft-order-assign-modal[data-v-ba5893cf] .modal-card-body {
overflow-y: auto;
overscroll-behavior: contain;
}
.draft-order-assign-footer[data-v-ba5893cf] {
gap: 0.75rem;
flex-shrink: 0;
}
.draft-order-assign-search-result[data-v-ba5893cf],
.draft-order-assign-collection[data-v-ba5893cf] {
min-height: 3.5rem;
border-radius: 0.9rem;
padding: 0.95rem 1rem;
border-color: #d8e2ef;
}
.draft-order-assign-search-result[data-v-ba5893cf] {
white-space: normal;
}
.draft-order-assign-collection[data-v-ba5893cf] {
align-items: flex-start;
gap: 1rem;
}
.draft-order-assign-collection > .has-text-left[data-v-ba5893cf] {
display: flex;
flex: 1;
flex-direction: column;
min-width: 0;
}
.draft-order-assign-collection > .tag[data-v-ba5893cf] {
flex-shrink: 0;
margin-left: auto;
}
.draft-order-assign-collection-summary[data-v-ba5893cf] {
display: flex;
flex-wrap: nowrap;
align-items: stretch;
gap: 0.55rem;
margin-top: 0.55rem;
}
.draft-order-assign-collection-metric[data-v-ba5893cf] {
display: flex;
flex-direction: column;
flex: 0 0 auto;
gap: 0.15rem;
min-width: 0;
padding: 0.45rem 0.6rem;
border-radius: 0.75rem;
background: #f6f9ff;
border: 1px solid #dbe6f4;
}
.draft-order-assign-collection-metric-label[data-v-ba5893cf] {
font-size: 0.65rem;
font-weight: 600;
letter-spacing: 0.04em;
text-transform: uppercase;
color: #6d7f97;
}
.draft-order-assign-collection-metric-value[data-v-ba5893cf] {
color: #1e2f46;
font-size: 0.92rem;
line-height: 1.2;
font-weight: 700;
}
.draft-order-assign-collection.is-selected .draft-order-assign-collection-metric[data-v-ba5893cf] {
background: #ffffff;
border-color: #c9daf4;
}
.draft-order-assign-collection.is-selected[data-v-ba5893cf] {
border-color: #3273dc;
box-shadow: 0 0 0 1px rgba(50, 115, 220, 0.14);
}
.draft-order-assign-selected-customer[data-v-ba5893cf] {
padding: 1rem 1.15rem;
border-radius: 1rem;
background: #f6f9ff;
border: 1px solid #dbe6f4;
}
.draft-order-assign-switch[data-v-ba5893cf] {
padding: 1rem 1.15rem;
border-radius: 1rem;
background: #f9fbfd;
border: 1px solid #dce4ee;
}
.switch-label[data-v-ba5893cf] {
display: flex;
align-items: center;
justify-content: space-between;
gap: 1rem;
}
.switch-control[data-v-ba5893cf] {
flex-shrink: 0;
}
@media screen and (max-width: 768px) {
.modal[data-testid="draft-order-assign-customer-modal"][data-v-ba5893cf] {
padding-top: max(4rem, env(safe-area-inset-top));
padding-left: 0.5rem;
padding-right: 0.5rem;
}
.draft-order-assign-modal[data-v-ba5893cf] {
width: calc(100vw - 1rem);
max-height: calc(100dvh - 4.75rem);
}
.draft-order-assign-collection-summary[data-v-ba5893cf] {
flex-direction: column;
}
.switch-label[data-v-ba5893cf] {
flex-direction: column;
align-items: flex-start;
}
}
.invoice-period-item-flag-indicator[data-v-37cd264d] {
vertical-align: middle;
}
.status-bar-table-header[data-v-9ff1f013] {
max-width: 5px;
padding-left: 0;
padding-right: 0;
}
.status-bar-table-row[data-v-9ff1f013] {
border-radius: 5px;
width: 5px;
padding-left: 0;
padding-right: 0;
}
.status-bar.has-text-danger[data-v-9ff1f013] {
border-color: #ff3860;
}
.status-bar.has-text-warning[data-v-9ff1f013] {
border-color: #ffdd57;
}
.status-bar.has-text-success[data-v-9ff1f013] {
border-color: #48c774;
}
.buttons.pos-order-list-actions[data-v-9ff1f013] {
flex-wrap: nowrap;
justify-content: flex-end;
gap: 0.5rem;
}
.buttons.pos-order-list-actions[data-v-9ff1f013] > * {
flex-shrink: 0;
}
.pos-order-list-assign-customer-button[data-v-9ff1f013] {
border-radius: 0.8rem;
padding-inline: 0.85rem;
}
.pos-orders-table-row > td[data-v-9ff1f013] {
vertical-align: middle;
}
.pos-orders-table-leading-control-header[data-v-9ff1f013],
.pos-orders-table-leading-control-cell[data-v-9ff1f013] {
width: 2.35rem;
min-width: 2.35rem;
max-width: 2.35rem;
padding-left: 0.2rem;
padding-right: 0.2rem;
text-align: center;
}
.pos-orders-table-collapse-cell .button[data-v-9ff1f013] {
width: 1.8rem;
height: 1.8rem;
padding: 0;
}
.pos-orders-table-id-header[data-v-9ff1f013],
.pos-orders-table-id-cell[data-v-9ff1f013] {
width: 5.35rem;
max-width: 5.35rem;
min-width: 5.35rem;
}
.pos-orders-table-id-cell[data-v-9ff1f013] {
text-align: center;
white-space: nowrap;
}
.pos-orders-table-id-cell-content[data-v-9ff1f013] {
display: flex;
align-items: center;
justify-content: center;
width: 100%;
}
.pos-orders-table-id-cell[data-v-9ff1f013] .color-indicator {
display: block;
text-align: center;
}
.pos-orders-table-id-cell[data-v-9ff1f013] .icon-text {
display: inline-flex;
align-items: center;
justify-content: center;
}
.pos-orders-table-customer-cell[data-v-9ff1f013] {
min-width: 8rem;
max-width: 12rem;
white-space: normal;
}
.pos-orders-table-customer-cell[data-v-9ff1f013] .color-indicator,
.pos-orders-table-customer-cell[data-v-9ff1f013] .icon-text {
max-width: 100%;
}
.pos-orders-table-customer-cell[data-v-9ff1f013] .icon-text {
align-items: center;
white-space: normal;
}
.pos-orders-table-customer-cell[data-v-9ff1f013] .pos-orders-table-customer-name {
display: -webkit-box;
overflow: hidden;
text-overflow: ellipsis;
white-space: normal;
-webkit-box-orient: vertical;
-webkit-line-clamp: 2;
}
.pos-orders-table-actions-cell[data-v-9ff1f013] {
text-align: right;
white-space: nowrap;
}
.pos-order-invoice-collection-selector-cell[data-v-9ff1f013] {
text-align: center;
vertical-align: middle;
}
.pos-order-invoice-collection-selector-wrapper[data-v-9ff1f013] {
display: inline-flex;
align-items: center;
justify-content: center;
}
.pos-order-invoice-collection-selector[data-v-9ff1f013] {
--bulma-checkbox-size: 1.35rem;
width: 1.8rem;
min-width: 1.8rem;
height: 1.8rem;
display: inline-flex;
align-items: center;
justify-content: center;
margin-inline-end: 0;
vertical-align: middle;
}
.pos-order-invoice-collection-selector[data-v-9ff1f013] .check {
margin: 0;
}
.pos-orders-table-header--compact[data-v-9ff1f013] {
white-space: nowrap;
}
.pos-orders-table-header--compact .pos-orders-table-header__label[data-v-9ff1f013] {
display: inline-block;
font-size: var(--pleno-compact-table-header-font-size);
line-height: var(--pleno-compact-table-header-line-height);
max-width: 6rem;
overflow: hidden;
text-overflow: ellipsis;
vertical-align: middle;
}
.pos-orders-table-header--compact.pos-orders-table-header--vehicles .pos-orders-table-header__label[data-v-9ff1f013] {
max-width: 7rem;
}
.pos-order-vehicle-cell[data-v-9ff1f013] {
width: 7rem;
max-width: 7rem;
min-width: 7rem;
vertical-align: middle;
}
.pos-order-vehicle-registration-line[data-v-9ff1f013] {
display: flex;
max-width: 7rem;
margin: 0;
font-size: var(--pleno-compact-table-header-font-size);
line-height: 1.15;
gap: 0.25rem;
}
.pos-order-vehicle-registration-line[data-v-9ff1f013] * {
max-width: 100%;
overflow: hidden;
text-overflow: ellipsis;
white-space: nowrap;
}
.pos-order-vehicle-registration-separator[data-v-9ff1f013] {
color: #7a7a7a;
flex: 0 0 auto;
}
.pos-orders-table-compact-text-cell[data-v-9ff1f013],
.pos-orders-table-date-cell[data-v-9ff1f013],
.pos-orders-table-amount-cell[data-v-9ff1f013] {
font-size: var(--pleno-compact-table-header-font-size);
line-height: 1.15;
white-space: nowrap;
}
.pos-orders-table-amount-cell[data-v-9ff1f013] {
text-align: right;
}
@media screen and (max-width: 768px) {
.pos-orders-mobile-card[data-v-9ff1f013] {
border: 1px solid #d7dee8;
border-radius: 0.9rem;
box-shadow: 0 10px 24px rgba(19, 35, 57, 0.08);
overflow: hidden;
}
.pos-orders-mobile-card[data-v-9ff1f013] .card {
background: #ffffff;
}
.pos-orders-mobile-card[data-v-9ff1f013] .card-header {
border-bottom: 1px solid #e3e9f2;
}
.pos-orders-mobile-card[data-v-9ff1f013] .card-content {
border-top: 1px solid #eef2f7;
}
.pos-orders-mobile-card[data-v-9ff1f013] .card-footer {
border-top: 1px solid #e3e9f2;
background: #fbfcfe;
}
}
.pagination-other-filters[data-v-972912d0] {
overflow: visible;
position: relative;
z-index: 40;
}
.pagination-other-filters__button[data-v-972912d0] {
height: 2.25em;
padding-right: 1.15rem;
white-space: nowrap;
}
.pagination-other-filters__trigger[data-v-972912d0] {
display: inline-flex;
overflow: visible;
position: relative;
}
.pagination-other-filters__count[data-v-972912d0] {
align-items: center;
border: 2px solid #fff;
display: inline-flex;
height: 1.15rem;
justify-content: center;
min-width: 1.15rem;
padding: 0 0.3rem;
pointer-events: none;
position: absolute;
right: 0;
top: 0;
transform: translate(50%, -50%);
z-index: 50;
}
.pagination-other-filters__menu[data-v-972912d0] {
min-width: min(22rem, calc(100vw - 2rem));
}
.pagination-other-filters__content[data-v-972912d0] {
border: 1px solid #dbdbdb;
border-radius: 6px;
overflow: hidden;
padding: 0;
}
.pagination-other-filters__body[data-v-972912d0] {
max-height: min(70vh, 36rem);
overflow-y: auto;
padding: 0.75rem;
}
.pagination-other-filters__footer[data-v-972912d0] {
align-items: center;
background: #fff;
border-top: 1px solid #dbdbdb;
display: flex;
justify-content: flex-end;
padding: 0.5rem 0.75rem;
}
.invoice-orders-filter-toggle[data-v-1072e5f9] {
margin-top: -0.35rem;
margin-bottom: 0.25rem;
}
.invoice-orders-shortcuts-column[data-v-1072e5f9] {
display: flex;
justify-content: flex-end;
}
.invoice-orders-shortcut-actions[data-v-1072e5f9] {
align-items: flex-start;
display: flex;
flex-wrap: wrap;
column-gap: 0;
justify-content: flex-end;
margin-top: -0.5rem;
padding-top: 0.5rem;
row-gap: 0.5rem;
overflow: visible;
width: 100%;
}
.invoice-orders-shortcut-actions[data-v-1072e5f9] .date-period-selector .navbar-item {
padding-left: 0.5rem;
}
.invoice-orders-other-filters-trigger[data-v-1072e5f9] {
display: flex;
justify-content: flex-end;
overflow: visible;
position: relative;
z-index: 40;
}
@media screen and (min-width: 769px) {
.invoice-orders-other-filters-trigger[data-v-1072e5f9] {
margin-top: 0.625rem;
}
}
.invoice-orders-other-filters__clear[data-v-1072e5f9] {
height: auto;
min-height: 1.75rem;
padding: 0;
}
.invoice-orders-other-filters__field[data-v-1072e5f9] {
margin-bottom: 0.75rem;
}
.invoice-orders-other-filters__field[data-v-1072e5f9]:last-child {
margin-bottom: 0;
}
.order-customer-search-modal {
max-width: calc(100vw - 2rem);
overflow: visible;
}
.order-customer-search-modal__content {
margin: 1rem 0 0;
overflow: visible;
padding: 0;
text-align: left;
}
.driver-access-editor[data-v-a47396e4] {
display: grid;
gap: 0.75rem;
grid-template-columns: repeat(auto-fit, minmax(220px, 1fr));
}
.driver-access-card[data-v-a47396e4] {
align-items: flex-start;
background: #fff;
border: 1px solid #dbdbdb;
border-radius: 6px;
cursor: pointer;
display: flex;
flex-direction: column;
gap: 0.4rem;
min-height: 150px;
padding: 1rem;
text-align: left;
}
.driver-access-card[data-v-a47396e4]:hover,
.driver-access-card--selected[data-v-a47396e4] {
border-color: #3273dc;
box-shadow: 0 0 0 1px #3273dc;
}
.driver-access-card__title[data-v-a47396e4] {
color: #1f2933;
font-weight: 700;
}
.driver-access-card__description[data-v-a47396e4] {
color: #4a4a4a;
font-size: 0.9rem;
line-height: 1.35;
}
.advanced-access[data-v-a47396e4] .checkbox {
line-height: 1.35;
}
.date-period-selector__mobile-shortcuts[data-v-2ff5eb2b],
.date-period-selector__mobile[data-v-2ff5eb2b] {
display: grid;
gap: 0.75rem;
}
.date-period-selector__shortcut-buttons[data-v-2ff5eb2b] {
align-items: center;
display: flex;
flex-wrap: wrap;
gap: 0.5rem;
}
.date-period-selector__shortcut-button[data-v-2ff5eb2b],
.date-period-selector__other-trigger[data-v-2ff5eb2b] {
align-items: center;
display: inline-flex;
gap: 0.35rem;
justify-content: center;
}
.date-period-selector__shortcut-label[data-v-2ff5eb2b],
.date-period-selector__other-label[data-v-2ff5eb2b] {
display: inline-block;
line-height: 1.2;
min-width: 1px;
white-space: nowrap;
}
.date-period-selector__mobile-other[data-v-2ff5eb2b] {
display: grid;
gap: 0.4rem;
}
.date-period-selector__mobile-other-menu[data-v-2ff5eb2b] {
background: #fff;
border: 1px solid #dbdbdb;
border-radius: 6px;
box-shadow: 0 0.35rem 1rem rgba(10, 10, 10, 0.08);
display: grid;
gap: 0.25rem;
padding: 0.4rem;
}
.date-period-selector__mobile-other-item[data-v-2ff5eb2b] {
height: auto;
justify-content: flex-start;
min-height: 2.25rem;
text-align: left;
white-space: normal;
}
.date-period-selector__dropdown-label[data-v-2ff5eb2b] {
color: #363636;
display: block;
font-weight: 500;
min-width: 11rem;
overflow: hidden;
text-overflow: ellipsis;
white-space: nowrap;
}
[data-v-2ff5eb2b] .date-period-selector__other-dropdown .dropdown-content {
background: #fff;
border: 1px solid #dbdbdb;
border-radius: 6px;
box-shadow: 0 0.35rem 1rem rgba(10, 10, 10, 0.08);
min-width: 12rem;
padding: 0.35rem;
}
[data-v-2ff5eb2b] .date-period-selector__dropdown-item {
border-radius: 4px;
color: #363636;
line-height: 1.25;
padding: 0.5rem 0.75rem;
}
[data-v-2ff5eb2b] .date-period-selector__dropdown-item:hover,[data-v-2ff5eb2b] .date-period-selector__dropdown-item:focus {
background: #f5f5f5;
color: #363636;
}
.date-period-selector__other-month-modal[data-v-2ff5eb2b] {
width: min(calc(100vw - 2rem), 26rem);
}
.date-period-selector__other-month-modal-body[data-v-2ff5eb2b] {
display: flex;
justify-content: center;
padding: 1.5rem 1.75rem 1.75rem;
}
.date-period-selector__other-month-field[data-v-2ff5eb2b] {
width: min(100%, 21rem);
}
.date-period-selector__other-month-field > .label[data-v-2ff5eb2b] {
text-align: left;
}
.date-period-selector__other-month-modal[data-v-2ff5eb2b] .control,
.date-period-selector__other-month-modal[data-v-2ff5eb2b] .datepicker,
.date-period-selector__other-month-modal[data-v-2ff5eb2b] .dropdown.is-inline,
.date-period-selector__other-month-modal[data-v-2ff5eb2b] .dropdown-menu,
.date-period-selector__other-month-modal[data-v-2ff5eb2b] .dropdown-content {
width: 100%;
}
.date-period-selector__other-month-modal[data-v-2ff5eb2b] .datepicker {
display: flex;
justify-content: center;
}
.date-period-selector__other-month-modal[data-v-2ff5eb2b] .dropdown-content {
margin-inline: auto;
}
.date-period-selector__other-month-modal[data-v-2ff5eb2b] .datepicker-header,
.date-period-selector__other-month-modal[data-v-2ff5eb2b] .datepicker-table {
margin-inline: auto;
}
.date-period-selector__other-month-modal[data-v-2ff5eb2b] .datepicker-header .pagination {
flex-wrap: nowrap;
justify-content: center;
}
.date-period-selector__other-month-modal[data-v-2ff5eb2b] .datepicker-header .pagination-previous {
flex: 0 0 auto;
order: 1;
}
.date-period-selector__other-month-modal[data-v-2ff5eb2b] .datepicker-header .pagination-list {
flex: 0 0 auto;
order: 2;
width: auto;
}
.date-period-selector__other-month-modal[data-v-2ff5eb2b] .datepicker-header .pagination-next {
flex: 0 0 auto;
order: 3;
}
.date-period-selector__advanced-toggle[data-v-2ff5eb2b] {
align-items: center;
display: flex;
justify-content: space-between;
}
.date-period-selector__advanced-panel[data-v-2ff5eb2b],
.date-period-selector__mobile-actions[data-v-2ff5eb2b] {
display: grid;
gap: 0.75rem;
}
.date-period-selector__messages[data-v-2ff5eb2b] {
margin-top: 0.75rem;
}