Skip to main content

POS Branding -- Full CSS Example

POS Branding -- Full CSS Example

body { font-family: Roboto, sans-serif; }
.hdr-area { background-color: #565C58; }
.hdr-area .hrd-icon .icon-txt { color: #FFFFFF; }
.hdr-area .hrd-info .hrd-info-row { color: #FFFFFF; }
.hdr-area .hrd-icon:active { background-color: #444444; }
.hdr-area .hrd-icon .item-count { background-color: #e0e620; color: #000000; }
.numpad-key { background-color: #111111; color: #ffffff; }
.numpad-key:active { background-color: #444444; }
.numpad-key.enter { background-color: #565C58; color: #ffffff; }
.numpad-key.enter:active { background-color: #3ea6c5; }
.simple-keyboard.hg-theme-default { background: #000000; }
.simple-keyboard.hg-theme-default .hg-button { background-color: #000000; color: #fff; }
.msg-wrp { color: #1A4187; }
.tot-lbl { background-color: #ebebef; border: 1px solid #d0d0dc; }
.tot-lbl-txt1 { color: #565C58; }
.tot-lbl-txt2 { color: #565C58; }
.body-right { background-color: #f5f5f6; }
.body-footer { background-color: #f5f5f6; }
button .ftr-button { background-color: #00A5CE; color: #ffffff; }
.ftr-button:active { background-color: #444444; }
.ftr-button.ok { background-color: #3ea958; color: #ffffff; }
.ftr-button.continue { background-color: #3ea958; color: #ffffff; }
.ftr-button.cancel { background-color: #f25c5c; color: #ffffff; }
.ftr-button.total { background-color: #3ea958; color: #ffffff; }
.basket-grid-row.selected { background-color: #1A4187; color: #ffffff; }
.btn-green { background-color: #3ea958; color: #ffffff; }
.btn-red { background-color: #f25c5c; color: #ffffff; }
.pro-hdr-search-btn { background-color: #00A5CE; }
.paginbtn { background-color: #00A5CE; }
.pro-main-cat .pro-name { background-color: #565C58 !important; font-weight: bold; }
.pro-price { color: #08ade1; }
.product-left { background-color: #f5f5f6; }
.product-availability { background-color: #f25c5c; }
.instock .product-availability { background-color: #3ea958; }
.product-stock-count { color: #00A5CE; }
.sidepanel-ftr-btn.half { background-color: #00A5CE; color: #ffffff; }
.sidepanel-ftr-btn.half.green { background-color: #3ea958; color: #ffffff; }
.popup-ftr-btn { background-color: #00A5CE; color: #ffffff; }
.qrcode-button { background-color: #941100; }
.customer-hdr { background-color: #565C58 !important; }