/* -------------------------------- */
/* ZPos */
:root {
--main-logo-loggin-width: 240px;
--main-loggin-padding: 60px;
--banner_height: 40px;
--main-logo-height: 100%;
}
/* *********************************************************************
Menu Sidebar
*/
.vertical_nav__minify:hover {
overflow-x: hidden;
}
/* *********************************************************************
Menu Sidebar / Toolbar Icons
*/
.w2ui-icon.icon-task-svg {
--icon-svg: url('data:image/svg+xml,');
}
.w2ui-icon.icon-categories-svg {
--icon-svg: url('data:image/svg+xml,');
}
.w2ui-icon.icon-shop-svg {
--icon-svg: url('data:image/svg+xml,');
}
.w2ui-icon.icon-dashboard-svg {
--icon-svg: url('data:image/svg+xml,');
}
.w2ui-icon.icon-sale-return-svg {
--icon-svg: url('data:image/svg+xml,');
}
.w2ui-icon.icon-cashier-svg {
--icon-svg: url('data:image/svg+xml,');
}
.w2ui-icon.icon-customers-svg {
--icon-svg: url('data:image/svg+xml,');
}
.w2ui-icon.icon-warehouse-svg {
--icon-svg: url('data:image/svg+xml,');
}
.w2ui-icon.icon-sales-svg {
--icon-svg: url('data:image/svg+xml,');
}
.w2ui-icon.icon-budget-svg {
--icon-svg: url('data:image/svg+xml,');
}
.w2ui-icon.icon-pricelist-svg {
--icon-svg: url('data:image/svg+xml,');
}
.w2ui-icon.icon-products-svg {
--icon-svg: url('data:image/svg+xml,');
}
.w2ui-icon.icon-salepoint-svg {
--icon-svg: url('data:image/svg+xml,');
}
.w2ui-icon.icon-invoice-svg {
--icon-svg: url('data:image/svg+xml,');
}
.w2ui-icon.icon-recibe-payment-svg {
--icon-svg: url('data:image/svg+xml,');
}
/* ************************************************************** */
/* Custom Grid Styles */
.w2ui-panel-content:has(> .w2ui-form.compressedForm),
.w2ui-panel-content.w2ui-form.compressedForm {
background-color: #f4f4f4;
}
@media (min-width: 500px) {
.w2ui-form.compressedForm .w2ui-page {
padding-bottom: 0;
}
}
.w2ui-form.compressedForm .w2ui-form-data {
margin: 0 5px;
padding: 0;
padding-top: 0.75rem;
}
.w2ui-form.compressedForm .w2ui-form-data.form-button {
margin-top: 0.25rem;
padding-top: 2px;
}
.w2ui-form.compressedForm .w2ui-label {
top: 0;
}
.w2ui-form.compressedForm .w2ui-form-data label {
top: -0.35rem;
font-size: 0.7rem;
}
.w2ui-form.compressedForm .w2ui-form-data div[name=lovOpenButton] {
top: 1.2em;
}
.w2ui-form.compressedForm .w2ui-form-data:not(.disabled) div[name=lovOpenButton]:hover {
top: 1.1em;
}
@media (max-width: 990px) {
.w2ui-form.compressedForm .w2ui-form-data div[name=lovOpenButton] {
top: .8em;
}
.w2ui-form.compressedForm .w2ui-form-data:not(.disabled) div[name=lovOpenButton]:hover {
top: .7em;
}
}
/* ---------------- */
.w2ui-toolbar.zpos-pos-buttons table.w2ui-button {
height: 2.5rem;
}
.w2ui-toolbar.zpos-pos-buttons table.w2ui-button .w2ui-tb-image {
width: 2rem;
height: 1.7rem;
background-size: cover !important;
font-size: 1.4rem;
}
.w2ui-toolbar.zpos-pos-buttons table.w2ui-button .w2ui-tb-caption {
font-size: 1.1rem;
}
.w2ui-toolbar.zpos-pos-buttons .main-action table.w2ui-button {
background-color: #8bc34a;
padding: 0 60px;
}
@media (max-width: 500px) {
.w2ui-toolbar.zpos-pos-buttons .main-action table.w2ui-button {
padding: 0 20px;
}
}
.w2ui-toolbar.zpos-pos-buttons .main-action table.w2ui-button .w2ui-icon {
background-color: #fff;
}
.w2ui-toolbar.zpos-pos-buttons .clean-action table.w2ui-button .w2ui-icon {
background-color: #EF5350;
}
.w2ui-toolbar.zpos-pos-buttons .main-action table.w2ui-button .w2ui-tb-caption {
color: #fff;
}
.w2ui-toolbar.zpos-pos-buttons .main-action table.w2ui-button.over,
.w2ui-toolbar.zpos-pos-buttons .main-action table.w2ui-button.down {
border: 1px solid #5C8231;
}
.w2ui-toolbar.zpos-pos-buttons .main-action table.w2ui-button.down {
background-color: #78A840;
}
.w2ui-toolbar.zpos-pos-buttons .clean-action table.w2ui-button.down {
background-color: #E53935;
}
.w2ui-toolbar.zpos-pos-buttons .clean-action table.w2ui-button.down .w2ui-icon {
background-color: #fff;
}
/* ---------------- */
/* Revisar - Se usan en ZPos */
.w2ui-grid .w2ui-grid-body .w2ui-grid-records table tr[custom_style*="selected-option"] {
background-color: var(--primary-color);
color: var(--on-primary-color) !important;
}
.w2ui-grid .w2ui-grid-body .w2ui-grid-records table tr[custom_style*="pays-separator"] {
height: 10px !important;
background-color: var(--primary-color) !important;
border-left: 8px solid var(--primary-color) !important;
border-bottom: 1px solid var(--primary-color) !important;
}
.w2ui-grid .w2ui-grid-body .w2ui-grid-records table tr[custom_style*="pays-separator"] * {
height: 10px !important;
}
.w2ui-grid .w2ui-grid-body .w2ui-grid-records table tr[custom_style*="pays-record-first"] {
border-top: 5px solid var(--primary-color) !important;
}
.w2ui-grid .w2ui-grid-body .w2ui-grid-records table tr[custom_style*="default-plist"] td[internal="readonly-default-plist"] span.edit-button,
.w2ui-grid .w2ui-grid-body .w2ui-grid-records table tr[custom_style*="prods-record"] td[internal="PAYS"] span.edit-button,
.w2ui-grid .w2ui-grid-body .w2ui-grid-records table tr[custom_style*="pays-record"] td[internal="PROD"] span.edit-button {
display: none;
pointer-events: none;
}
.w2ui-grid .w2ui-grid-body.w2ui-grid-summary table tr,
.w2ui-grid .w2ui-grid-body.w2ui-grid-summary table tr .w2ui-grid-data div {
height: 22px;
padding: 0;
}
.w2ui-grid .w2ui-grid-body.w2ui-grid-summary table tr[custom_style*="highlight-total-"] div,
.w2ui-grid .w2ui-grid-body.w2ui-grid-summary table tr[custom_style*="highlight-total-"] * {
font-size: 1.4em;
height: 1.2em;
line-height: 1.2em;
vertical-align: middle;
}
.w2ui-grid .w2ui-grid-body.w2ui-grid-summary table tr[custom_style*="highlight-total-"] td[custom_style*="regular"] * {
font-size: .875rem;
}
.w2ui-grid .w2ui-grid-body.w2ui-grid-summary table tr[custom_style*="highlight-total-total"] * {
color: #ef6c00;
}
.w2ui-grid .w2ui-grid-body.w2ui-grid-summary table tr[custom_style*="highlight-total-balance"] * {
color: #f00;
}
.w2ui-grid .w2ui-grid-body.w2ui-grid-summary table tr[custom_style*="highlight-total-change"] * {
color: #1976d2;
}
.w2ui-grid .w2ui-grid-body .w2ui-grid-records table tr[custom_style*="diference-positive"] td.w2ui-grid-data[custom_style="diference-field"] div {
color: #0036ff;
}
.w2ui-grid .w2ui-grid-body .w2ui-grid-records table tr[custom_style*="diference-negative"] td.w2ui-grid-data[custom_style="diference-field"] div {
color: #ff0000;
}
/* ************************************************************** */
/* Specials */
#salePointData {
bottom: 0;
border: 1px solid #c5c5c5;
height: 20px;
display: inline-block;
line-height: 100%;
padding: 5px 20px 5px 5px;
border-radius: 5px;
background-color: #f1f1f1;
margin-left: 5px;
position: relative;
cursor: pointer;
}
#salePointData::after {
content: '';
--icon-svg: url("data:image/svg+xml,");
background-color: var(--icon-color);
background-size: contain;
-webkit-mask: var(--icon-svg);
-webkit-mask-repeat: no-repeat;
-webkit-mask-position: center;
mask: var(--icon-svg);
mask-repeat: no-repeat;
mask-position: center;
height: 100%;
width: 1.25em;
display: inline-block;
position: absolute;
top: 0px;
right: 0.25em;
}
#salePointData:hover::after {
top: -0.05em;
width: 1.35em;
}
/* ----------------------------------------------- */
div.payment-types[class*="-svg"],
div.payment-types {
display: flex;
align-items: center;
background-color: transparent !important;
width: unset !important;
height: unset !important;
position: relative;
}
.payment-types {
--pm_image: url("/images/pm_generic.svg");
}
.payment-types:before {
--icon-width: 22px;
--icon-height: var(--icon-width);
content: '';
width: var(--icon-width);
height: var(--icon-height);
margin-right: 1.5em;
background-image: var(--pm_image);
background-position: center;
background-repeat: no-repeat;
cursor: pointer;
user-select: none;
-webkit-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
-o-user-select: none;
vertical-align: middle;
color: #fff;
font-weight: bold;
font-size: calc(var(--icon-width) * .25);
line-height: 1em;
display: flex;
align-items: center;
justify-content: center;
}
.payment-types.adjust-upper:before {
background-position-y: -1px;
}
.payment-types.val_ {
--pm_image: "";
}
.payment-types.val_PENDDING {
display: none;
}
.payment-types[class*="val_BONIF_"]:before,
.payment-types.val_BONIF:before {
background-image: url('data:image/svg+xml,');
content: var(--pm_code, '');
}
.payment-types[class*="val_SURCHARGE_"]:before,
.payment-types.val_SURCHARGE:before {
background-image: url('data:image/svg+xml,');
content: var(--pm_code, '');
}
.payment-types.val_ROUND:before {
--pm_image: url("/images/pm_round.svg");
}
.payment-types.val_CASH { --pm_image: url("/images/pm_cash.svg"); }
.payment-types.val_CREDIT_CARD { --pm_image: url("/images/pm_credit_card.svg"); }
.payment-types.val_MAESTRO { --pm_image: url("/images/pm_maestro.svg"); }
.payment-types.val_MASTERCARD { --pm_image: url("/images/pm_mastercard.svg"); }
.payment-types.val_MASTERCARD_DEBITO { --pm_image: url("/images/pm_mastercard_debito.svg"); }
.payment-types.val_MP { --pm_image: url("/images/pm_mp.svg"); }
.payment-types.val_PF { --pm_image: url("/images/pm_pf.svg"); }
.payment-types.val_QR { --pm_image: url("/images/pm_qr.svg"); }
.payment-types.val_TRANSFER { --pm_image: url("/images/pm_transfer.svg"); }
.payment-types.val_VISA { --pm_image: url("/images/pm_visa.svg"); }
.payment-types.val_VISA_DEBITO { --pm_image: url("/images/pm_visa_debito.svg"); }
.payment-types.val_VWALLET { --pm_image: url("/images/pm_vwallet.svg"); }
/* ----------------------------------------------- */
.budget-status {
border-radius: 10px;
margin: 0 5% !important;
}
.budget-status.status-done {
background-color: #d3ffd3;
color: #008f06;
}
.budget-status.status-alert {
background-color: #ffd3d3;
color: #8f0000;
}
.budget-status.status-waiting {
background-color: #ffffd1;
color: #424200;
}
.budget-status.status-canceled {
background-color: #e7e7e7;
color: #7c7c7c;
}
.budget-status.status-info {
background-color: #d9edf7;
color: #7c7c7c;
}
/* ----------------------------------------------- */
.record-pay-status {
top: 2px;
}
.record-flag-ok.pay-status-pendding {
color: #03A9F4 !important;
}
.record-flag-ok.pay-status-processing {
color: #03A9F4 !important;
}
@media (max-width: 992px) {
.record-pay-status {
padding-right: 0.4em !important;
}
}