/* /web/static/src/less/fonts.less defined in bundle 'point_of_sale.assets' */
 @font-face{font-family: 'Lato'; src: url('/files/fonts/lato/Lato-Hai-webfont.eot'); src: url('/files/fonts/lato/Lato-Hai-webfont.eot?#iefix') format('embedded-opentype'), url('/files/fonts/lato/Lato-Hai-webfont.woff') format('woff'), url('/files/fonts/lato/Lato-Hai-webfont.ttf') format('truetype'), url('/files/fonts/lato/Lato-Hai-webfont.svg#Lato') format('svg'); font-weight: 100; font-style: normal;} @font-face{font-family: 'Lato-Hai'; src: url('/files/fonts/lato/Lato-Hai-webfont.eot'); src: url('/files/fonts/lato/Lato-Hai-webfont.eot?#iefix') format('embedded-opentype'), url('/files/fonts/lato/Lato-Hai-webfont.woff') format('woff'), url('/files/fonts/lato/Lato-Hai-webfont.ttf') format('truetype'), url('/files/fonts/lato/Lato-Hai-webfont.svg#Roboto') format('svg');} @font-face{font-family: 'Lato'; src: url('/files/fonts/lato/Lato-HaiIta-webfont.eot'); src: url('/files/fonts/lato/Lato-HaiIta-webfont.eot?#iefix') format('embedded-opentype'), url('/files/fonts/lato/Lato-HaiIta-webfont.woff') format('woff'), url('/files/fonts/lato/Lato-HaiIta-webfont.ttf') format('truetype'), url('/files/fonts/lato/Lato-HaiIta-webfont.svg#Lato') format('svg'); font-weight: 100; font-style: italic;} @font-face{font-family: 'Lato-HaiIta'; src: url('/files/fonts/lato/Lato-HaiIta-webfont.eot'); src: url('/files/fonts/lato/Lato-HaiIta-webfont.eot?#iefix') format('embedded-opentype'), url('/files/fonts/lato/Lato-HaiIta-webfont.woff') format('woff'), url('/files/fonts/lato/Lato-HaiIta-webfont.ttf') format('truetype'), url('/files/fonts/lato/Lato-HaiIta-webfont.svg#Roboto') format('svg');} @font-face{font-family: 'Lato'; src: url('/files/fonts/lato/Lato-Lig-webfont.eot'); src: url('/files/fonts/lato/Lato-Lig-webfont.eot?#iefix') format('embedded-opentype'), url('/files/fonts/lato/Lato-Lig-webfont.woff') format('woff'), url('/files/fonts/lato/Lato-Lig-webfont.ttf') format('truetype'), url('/files/fonts/lato/Lato-Lig-webfont.svg#Lato') format('svg'); font-weight: 300; font-style: normal;} @font-face{font-family: 'Lato-Lig'; src: url('/files/fonts/lato/Lato-Lig-webfont.eot'); src: url('/files/fonts/lato/Lato-Lig-webfont.eot?#iefix') format('embedded-opentype'), url('/files/fonts/lato/Lato-Lig-webfont.woff') format('woff'), url('/files/fonts/lato/Lato-Lig-webfont.ttf') format('truetype'), url('/files/fonts/lato/Lato-Lig-webfont.svg#Roboto') format('svg');} @font-face{font-family: 'Lato'; src: url('/files/fonts/lato/Lato-LigIta-webfont.eot'); src: url('/files/fonts/lato/Lato-LigIta-webfont.eot?#iefix') format('embedded-opentype'), url('/files/fonts/lato/Lato-LigIta-webfont.woff') format('woff'), url('/files/fonts/lato/Lato-LigIta-webfont.ttf') format('truetype'), url('/files/fonts/lato/Lato-LigIta-webfont.svg#Lato') format('svg'); font-weight: 300; font-style: italic;} @font-face{font-family: 'Lato-LigIta'; src: url('/files/fonts/lato/Lato-LigIta-webfont.eot'); src: url('/files/fonts/lato/Lato-LigIta-webfont.eot?#iefix') format('embedded-opentype'), url('/files/fonts/lato/Lato-LigIta-webfont.woff') format('woff'), url('/files/fonts/lato/Lato-LigIta-webfont.ttf') format('truetype'), url('/files/fonts/lato/Lato-LigIta-webfont.svg#Roboto') format('svg');} @font-face{font-family: 'Lato'; src: url('/files/fonts/lato/Lato-Reg-webfont.eot'); src: url('/files/fonts/lato/Lato-Reg-webfont.eot?#iefix') format('embedded-opentype'), url('/files/fonts/lato/Lato-Reg-webfont.woff') format('woff'), url('/files/fonts/lato/Lato-Reg-webfont.ttf') format('truetype'), url('/files/fonts/lato/Lato-Reg-webfont.svg#Lato') format('svg'); font-weight: 400; font-style: normal;} @font-face{font-family: 'Lato-Reg'; src: url('/files/fonts/lato/Lato-Reg-webfont.eot'); src: url('/files/fonts/lato/Lato-Reg-webfont.eot?#iefix') format('embedded-opentype'), url('/files/fonts/lato/Lato-Reg-webfont.woff') format('woff'), url('/files/fonts/lato/Lato-Reg-webfont.ttf') format('truetype'), url('/files/fonts/lato/Lato-Reg-webfont.svg#Roboto') format('svg');} @font-face{font-family: 'Lato'; src: url('/files/fonts/lato/Lato-RegIta-webfont.eot'); src: url('/files/fonts/lato/Lato-RegIta-webfont.eot?#iefix') format('embedded-opentype'), url('/files/fonts/lato/Lato-RegIta-webfont.woff') format('woff'), url('/files/fonts/lato/Lato-RegIta-webfont.ttf') format('truetype'), url('/files/fonts/lato/Lato-RegIta-webfont.svg#Lato') format('svg'); font-weight: 400; font-style: italic;} @font-face{font-family: 'Lato-RegIta'; src: url('/files/fonts/lato/Lato-RegIta-webfont.eot'); src: url('/files/fonts/lato/Lato-RegIta-webfont.eot?#iefix') format('embedded-opentype'), url('/files/fonts/lato/Lato-RegIta-webfont.woff') format('woff'), url('/files/fonts/lato/Lato-RegIta-webfont.ttf') format('truetype'), url('/files/fonts/lato/Lato-RegIta-webfont.svg#Roboto') format('svg');} @font-face{font-family: 'Lato'; src: url('/files/fonts/lato/Lato-Bol-webfont.eot'); src: url('/files/fonts/lato/Lato-Bol-webfont.eot?#iefix') format('embedded-opentype'), url('/files/fonts/lato/Lato-Bol-webfont.woff') format('woff'), url('/files/fonts/lato/Lato-Bol-webfont.ttf') format('truetype'), url('/files/fonts/lato/Lato-Bol-webfont.svg#Lato') format('svg'); font-weight: 700; font-style: normal;} @font-face{font-family: 'Lato-Bol'; src: url('/files/fonts/lato/Lato-Bol-webfont.eot'); src: url('/files/fonts/lato/Lato-Bol-webfont.eot?#iefix') format('embedded-opentype'), url('/files/fonts/lato/Lato-Bol-webfont.woff') format('woff'), url('/files/fonts/lato/Lato-Bol-webfont.ttf') format('truetype'), url('/files/fonts/lato/Lato-Bol-webfont.svg#Roboto') format('svg');} @font-face{font-family: 'Lato'; src: url('/files/fonts/lato/Lato-BolIta-webfont.eot'); src: url('/files/fonts/lato/Lato-BolIta-webfont.eot?#iefix') format('embedded-opentype'), url('/files/fonts/lato/Lato-BolIta-webfont.woff') format('woff'), url('/files/fonts/lato/Lato-BolIta-webfont.ttf') format('truetype'), url('/files/fonts/lato/Lato-BolIta-webfont.svg#Lato') format('svg'); font-weight: 700; font-style: italic;} @font-face{font-family: 'Lato-BolIta'; src: url('/files/fonts/lato/Lato-BolIta-webfont.eot'); src: url('/files/fonts/lato/Lato-BolIta-webfont.eot?#iefix') format('embedded-opentype'), url('/files/fonts/lato/Lato-BolIta-webfont.woff') format('woff'), url('/files/fonts/lato/Lato-BolIta-webfont.ttf') format('truetype'), url('/files/fonts/lato/Lato-BolIta-webfont.svg#Roboto') format('svg');} @font-face{font-family: 'Lato'; src: url('/files/fonts/lato/Lato-Bla-webfont.eot'); src: url('/files/fonts/lato/Lato-Bla-webfont.eot?#iefix') format('embedded-opentype'), url('/files/fonts/lato/Lato-Bla-webfont.woff') format('woff'), url('/files/fonts/lato/Lato-Bla-webfont.ttf') format('truetype'), url('/files/fonts/lato/Lato-Bla-webfont.svg#Lato') format('svg'); font-weight: 900; font-style: normal;} @font-face{font-family: 'Lato-Bla'; src: url('/files/fonts/lato/Lato-Bla-webfont.eot'); src: url('/files/fonts/lato/Lato-Bla-webfont.eot?#iefix') format('embedded-opentype'), url('/files/fonts/lato/Lato-Bla-webfont.woff') format('woff'), url('/files/fonts/lato/Lato-Bla-webfont.ttf') format('truetype'), url('/files/fonts/lato/Lato-Bla-webfont.svg#Roboto') format('svg');} @font-face{font-family: 'Lato'; src: url('/files/fonts/lato/Lato-BlaIta-webfont.eot'); src: url('/files/fonts/lato/Lato-BlaIta-webfont.eot?#iefix') format('embedded-opentype'), url('/files/fonts/lato/Lato-BlaIta-webfont.woff') format('woff'), url('/files/fonts/lato/Lato-BlaIta-webfont.ttf') format('truetype'), url('/files/fonts/lato/Lato-BlaIta-webfont.svg#Lato') format('svg'); font-weight: 900; font-style: italic;} @font-face{font-family: 'Lato-BlaIta'; src: url('/files/fonts/lato/Lato-BlaIta-webfont.eot'); src: url('/files/fonts/lato/Lato-BlaIta-webfont.eot?#iefix') format('embedded-opentype'), url('/files/fonts/lato/Lato-BlaIta-webfont.woff') format('woff'), url('/files/fonts/lato/Lato-BlaIta-webfont.ttf') format('truetype'), url('/files/fonts/lato/Lato-BlaIta-webfont.svg#Roboto') format('svg');} 

/* /web/static/lib/fontawesome/css/font-awesome.css defined in bundle 'point_of_sale.assets' */
 @font-face{font-family: 'FontAwesome'; src: url('/web/static/lib/fontawesome/css/../fonts/fontawesome-webfont.eot?v=4.5.0'); src: url('/web/static/lib/fontawesome/css/../fonts/fontawesome-webfont.eot?#iefix&v=4.5.0') format('embedded-opentype'), url('/web/static/lib/fontawesome/css/../fonts/fontawesome-webfont.woff2?v=4.5.0') format('woff2'), url('/web/static/lib/fontawesome/css/../fonts/fontawesome-webfont.woff?v=4.5.0') format('woff'), url('/web/static/lib/fontawesome/css/../fonts/fontawesome-webfont.ttf?v=4.5.0') format('truetype'), url('/web/static/lib/fontawesome/css/../fonts/fontawesome-webfont.svg?v=4.5.0#fontawesomeregular') format('svg'); font-weight: normal; font-style: normal;} .fa{display: inline-block; font: normal normal normal 14px/1 FontAwesome; font-size: inherit; text-rendering: auto; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale;} .fa-lg{font-size: 1.33333333em; line-height: 0.75em; vertical-align: -15%;} .fa-2x{font-size: 2em;} .fa-3x{font-size: 3em;} .fa-4x{font-size: 4em;} .fa-5x{font-size: 5em;} .fa-fw{width: 1.28571429em; text-align: center;} .fa-ul{padding-left: 0; margin-left: 2.14285714em; list-style-type: none;} .fa-ul > li{position: relative;} .fa-li{position: absolute; left: -2.14285714em; width: 2.14285714em; top: 0.14285714em; text-align: center;} .fa-li.fa-lg{left: -1.85714286em;} .fa-border{padding: .2em .25em .15em; border: solid 0.08em #eeeeee; border-radius: .1em;} .fa-pull-left{float: left;} .fa-pull-right{float: right;} .fa.fa-pull-left{margin-right: .3em;} .fa.fa-pull-right{margin-left: .3em;} .pull-right{float: right;} .pull-left{float: left;} .fa.pull-left{margin-right: .3em;} .fa.pull-right{margin-left: .3em;} .fa-spin{-webkit-animation: fa-spin 2s infinite linear; animation: fa-spin 2s infinite linear;} .fa-pulse{-webkit-animation: fa-spin 1s infinite steps(8); animation: fa-spin 1s infinite steps(8);} @-webkit-keyframes fa-spin{0%{-webkit-transform: rotate(0deg); transform: rotate(0deg);}100%{-webkit-transform: rotate(359deg); transform: rotate(359deg);}} @keyframes fa-spin{0%{-webkit-transform: rotate(0deg); transform: rotate(0deg);}100%{-webkit-transform: rotate(359deg); transform: rotate(359deg);}} .fa-rotate-90{filter: progid:DXImageTransform.Microsoft.BasicImage(rotation=1); -webkit-transform: rotate(90deg); -ms-transform: rotate(90deg); transform: rotate(90deg);} .fa-rotate-180{filter: progid:DXImageTransform.Microsoft.BasicImage(rotation=2); -webkit-transform: rotate(180deg); -ms-transform: rotate(180deg); transform: rotate(180deg);} .fa-rotate-270{filter: progid:DXImageTransform.Microsoft.BasicImage(rotation=3); -webkit-transform: rotate(270deg); -ms-transform: rotate(270deg); transform: rotate(270deg);} .fa-flip-horizontal{filter: progid:DXImageTransform.Microsoft.BasicImage(rotation=0, mirror=1); -webkit-transform: scale(-1, 1); -ms-transform: scale(-1, 1); transform: scale(-1, 1);} .fa-flip-vertical{filter: progid:DXImageTransform.Microsoft.BasicImage(rotation=2, mirror=1); -webkit-transform: scale(1, -1); -ms-transform: scale(1, -1); transform: scale(1, -1);} :root .fa-rotate-90, :root .fa-rotate-180, :root .fa-rotate-270, :root .fa-flip-horizontal, :root .fa-flip-vertical{filter: none;} .fa-stack{position: relative; display: inline-block; width: 2em; height: 2em; line-height: 2em; vertical-align: middle;} .fa-stack-1x, .fa-stack-2x{position: absolute; left: 0; width: 100%; text-align: center;} .fa-stack-1x{line-height: inherit;} .fa-stack-2x{font-size: 2em;} .fa-inverse{color: #ffffff;} .fa-glass:before{content: "\f000";} .fa-music:before{content: "\f001";} .fa-search:before{content: "\f002";} .fa-envelope-o:before{content: "\f003";} .fa-heart:before{content: "\f004";} .fa-star:before{content: "\f005";} .fa-star-o:before{content: "\f006";} .fa-user:before{content: "\f007";} .fa-film:before{content: "\f008";} .fa-th-large:before{content: "\f009";} .fa-th:before{content: "\f00a";} .fa-th-list:before{content: "\f00b";} .fa-check:before{content: "\f00c";} .fa-remove:before, .fa-close:before, .fa-times:before{content: "\f00d";} .fa-search-plus:before{content: "\f00e";} .fa-search-minus:before{content: "\f010";} .fa-power-off:before{content: "\f011";} .fa-signal:before{content: "\f012";} .fa-gear:before, .fa-cog:before{content: "\f013";} .fa-trash-o:before{content: "\f014";} .fa-home:before{content: "\f015";} .fa-file-o:before{content: "\f016";} .fa-clock-o:before{content: "\f017";} .fa-road:before{content: "\f018";} .fa-download:before{content: "\f019";} .fa-arrow-circle-o-down:before{content: "\f01a";} .fa-arrow-circle-o-up:before{content: "\f01b";} .fa-inbox:before{content: "\f01c";} .fa-play-circle-o:before{content: "\f01d";} .fa-rotate-right:before, .fa-repeat:before{content: "\f01e";} .fa-refresh:before{content: "\f021";} .fa-list-alt:before{content: "\f022";} .fa-lock:before{content: "\f023";} .fa-flag:before{content: "\f024";} .fa-headphones:before{content: "\f025";} .fa-volume-off:before{content: "\f026";} .fa-volume-down:before{content: "\f027";} .fa-volume-up:before{content: "\f028";} .fa-qrcode:before{content: "\f029";} .fa-barcode:before{content: "\f02a";} .fa-tag:before{content: "\f02b";} .fa-tags:before{content: "\f02c";} .fa-book:before{content: "\f02d";} .fa-bookmark:before{content: "\f02e";} .fa-print:before{content: "\f02f";} .fa-camera:before{content: "\f030";} .fa-font:before{content: "\f031";} .fa-bold:before{content: "\f032";} .fa-italic:before{content: "\f033";} .fa-text-height:before{content: "\f034";} .fa-text-width:before{content: "\f035";} .fa-align-left:before{content: "\f036";} .fa-align-center:before{content: "\f037";} .fa-align-right:before{content: "\f038";} .fa-align-justify:before{content: "\f039";} .fa-list:before{content: "\f03a";} .fa-dedent:before, .fa-outdent:before{content: "\f03b";} .fa-indent:before{content: "\f03c";} .fa-video-camera:before{content: "\f03d";} .fa-photo:before, .fa-image:before, .fa-picture-o:before{content: "\f03e";} .fa-pencil:before{content: "\f040";} .fa-map-marker:before{content: "\f041";} .fa-adjust:before{content: "\f042";} .fa-tint:before{content: "\f043";} .fa-edit:before, .fa-pencil-square-o:before{content: "\f044";} .fa-share-square-o:before{content: "\f045";} .fa-check-square-o:before{content: "\f046";} .fa-arrows:before{content: "\f047";} .fa-step-backward:before{content: "\f048";} .fa-fast-backward:before{content: "\f049";} .fa-backward:before{content: "\f04a";} .fa-play:before{content: "\f04b";} .fa-pause:before{content: "\f04c";} .fa-stop:before{content: "\f04d";} .fa-forward:before{content: "\f04e";} .fa-fast-forward:before{content: "\f050";} .fa-step-forward:before{content: "\f051";} .fa-eject:before{content: "\f052";} .fa-chevron-left:before{content: "\f053";} .fa-chevron-right:before{content: "\f054";} .fa-plus-circle:before{content: "\f055";} .fa-minus-circle:before{content: "\f056";} .fa-times-circle:before{content: "\f057";} .fa-check-circle:before{content: "\f058";} .fa-question-circle:before{content: "\f059";} .fa-info-circle:before{content: "\f05a";} .fa-crosshairs:before{content: "\f05b";} .fa-times-circle-o:before{content: "\f05c";} .fa-check-circle-o:before{content: "\f05d";} .fa-ban:before{content: "\f05e";} .fa-arrow-left:before{content: "\f060";} .fa-arrow-right:before{content: "\f061";} .fa-arrow-up:before{content: "\f062";} .fa-arrow-down:before{content: "\f063";} .fa-mail-forward:before, .fa-share:before{content: "\f064";} .fa-expand:before{content: "\f065";} .fa-compress:before{content: "\f066";} .fa-plus:before{content: "\f067";} .fa-minus:before{content: "\f068";} .fa-asterisk:before{content: "\f069";} .fa-exclamation-circle:before{content: "\f06a";} .fa-gift:before{content: "\f06b";} .fa-leaf:before{content: "\f06c";} .fa-fire:before{content: "\f06d";} .fa-eye:before{content: "\f06e";} .fa-eye-slash:before{content: "\f070";} .fa-warning:before, .fa-exclamation-triangle:before{content: "\f071";} .fa-plane:before{content: "\f072";} .fa-calendar:before{content: "\f073";} .fa-random:before{content: "\f074";} .fa-comment:before{content: "\f075";} .fa-magnet:before{content: "\f076";} .fa-chevron-up:before{content: "\f077";} .fa-chevron-down:before{content: "\f078";} .fa-retweet:before{content: "\f079";} .fa-shopping-cart:before{content: "\f07a";} .fa-folder:before{content: "\f07b";} .fa-folder-open:before{content: "\f07c";} .fa-arrows-v:before{content: "\f07d";} .fa-arrows-h:before{content: "\f07e";} .fa-bar-chart-o:before, .fa-bar-chart:before{content: "\f080";} .fa-twitter-square:before{content: "\f081";} .fa-facebook-square:before{content: "\f082";} .fa-camera-retro:before{content: "\f083";} .fa-key:before{content: "\f084";} .fa-gears:before, .fa-cogs:before{content: "\f085";} .fa-comments:before{content: "\f086";} .fa-thumbs-o-up:before{content: "\f087";} .fa-thumbs-o-down:before{content: "\f088";} .fa-star-half:before{content: "\f089";} .fa-heart-o:before{content: "\f08a";} .fa-sign-out:before{content: "\f08b";} .fa-linkedin-square:before{content: "\f08c";} .fa-thumb-tack:before{content: "\f08d";} .fa-external-link:before{content: "\f08e";} .fa-sign-in:before{content: "\f090";} .fa-trophy:before{content: "\f091";} .fa-github-square:before{content: "\f092";} .fa-upload:before{content: "\f093";} .fa-lemon-o:before{content: "\f094";} .fa-phone:before{content: "\f095";} .fa-square-o:before{content: "\f096";} .fa-bookmark-o:before{content: "\f097";} .fa-phone-square:before{content: "\f098";} .fa-twitter:before{content: "\f099";} .fa-facebook-f:before, .fa-facebook:before{content: "\f09a";} .fa-github:before{content: "\f09b";} .fa-unlock:before{content: "\f09c";} .fa-credit-card:before{content: "\f09d";} .fa-feed:before, .fa-rss:before{content: "\f09e";} .fa-hdd-o:before{content: "\f0a0";} .fa-bullhorn:before{content: "\f0a1";} .fa-bell:before{content: "\f0f3";} .fa-certificate:before{content: "\f0a3";} .fa-hand-o-right:before{content: "\f0a4";} .fa-hand-o-left:before{content: "\f0a5";} .fa-hand-o-up:before{content: "\f0a6";} .fa-hand-o-down:before{content: "\f0a7";} .fa-arrow-circle-left:before{content: "\f0a8";} .fa-arrow-circle-right:before{content: "\f0a9";} .fa-arrow-circle-up:before{content: "\f0aa";} .fa-arrow-circle-down:before{content: "\f0ab";} .fa-globe:before{content: "\f0ac";} .fa-wrench:before{content: "\f0ad";} .fa-tasks:before{content: "\f0ae";} .fa-filter:before{content: "\f0b0";} .fa-briefcase:before{content: "\f0b1";} .fa-arrows-alt:before{content: "\f0b2";} .fa-group:before, .fa-users:before{content: "\f0c0";} .fa-chain:before, .fa-link:before{content: "\f0c1";} .fa-cloud:before{content: "\f0c2";} .fa-flask:before{content: "\f0c3";} .fa-cut:before, .fa-scissors:before{content: "\f0c4";} .fa-copy:before, .fa-files-o:before{content: "\f0c5";} .fa-paperclip:before{content: "\f0c6";} .fa-save:before, .fa-floppy-o:before{content: "\f0c7";} .fa-square:before{content: "\f0c8";} .fa-navicon:before, .fa-reorder:before, .fa-bars:before{content: "\f0c9";} .fa-list-ul:before{content: "\f0ca";} .fa-list-ol:before{content: "\f0cb";} .fa-strikethrough:before{content: "\f0cc";} .fa-underline:before{content: "\f0cd";} .fa-table:before{content: "\f0ce";} .fa-magic:before{content: "\f0d0";} .fa-truck:before{content: "\f0d1";} .fa-pinterest:before{content: "\f0d2";} .fa-pinterest-square:before{content: "\f0d3";} .fa-google-plus-square:before{content: "\f0d4";} .fa-google-plus:before{content: "\f0d5";} .fa-money:before{content: "\f0d6";} .fa-caret-down:before{content: "\f0d7";} .fa-caret-up:before{content: "\f0d8";} .fa-caret-left:before{content: "\f0d9";} .fa-caret-right:before{content: "\f0da";} .fa-columns:before{content: "\f0db";} .fa-unsorted:before, .fa-sort:before{content: "\f0dc";} .fa-sort-down:before, .fa-sort-desc:before{content: "\f0dd";} .fa-sort-up:before, .fa-sort-asc:before{content: "\f0de";} .fa-envelope:before{content: "\f0e0";} .fa-linkedin:before{content: "\f0e1";} .fa-rotate-left:before, .fa-undo:before{content: "\f0e2";} .fa-legal:before, .fa-gavel:before{content: "\f0e3";} .fa-dashboard:before, .fa-tachometer:before{content: "\f0e4";} .fa-comment-o:before{content: "\f0e5";} .fa-comments-o:before{content: "\f0e6";} .fa-flash:before, .fa-bolt:before{content: "\f0e7";} .fa-sitemap:before{content: "\f0e8";} .fa-umbrella:before{content: "\f0e9";} .fa-paste:before, .fa-clipboard:before{content: "\f0ea";} .fa-lightbulb-o:before{content: "\f0eb";} .fa-exchange:before{content: "\f0ec";} .fa-cloud-download:before{content: "\f0ed";} .fa-cloud-upload:before{content: "\f0ee";} .fa-user-md:before{content: "\f0f0";} .fa-stethoscope:before{content: "\f0f1";} .fa-suitcase:before{content: "\f0f2";} .fa-bell-o:before{content: "\f0a2";} .fa-coffee:before{content: "\f0f4";} .fa-cutlery:before{content: "\f0f5";} .fa-file-text-o:before{content: "\f0f6";} .fa-building-o:before{content: "\f0f7";} .fa-hospital-o:before{content: "\f0f8";} .fa-ambulance:before{content: "\f0f9";} .fa-medkit:before{content: "\f0fa";} .fa-fighter-jet:before{content: "\f0fb";} .fa-beer:before{content: "\f0fc";} .fa-h-square:before{content: "\f0fd";} .fa-plus-square:before{content: "\f0fe";} .fa-angle-double-left:before{content: "\f100";} .fa-angle-double-right:before{content: "\f101";} .fa-angle-double-up:before{content: "\f102";} .fa-angle-double-down:before{content: "\f103";} .fa-angle-left:before{content: "\f104";} .fa-angle-right:before{content: "\f105";} .fa-angle-up:before{content: "\f106";} .fa-angle-down:before{content: "\f107";} .fa-desktop:before{content: "\f108";} .fa-laptop:before{content: "\f109";} .fa-tablet:before{content: "\f10a";} .fa-mobile-phone:before, .fa-mobile:before{content: "\f10b";} .fa-circle-o:before{content: "\f10c";} .fa-quote-left:before{content: "\f10d";} .fa-quote-right:before{content: "\f10e";} .fa-spinner:before{content: "\f110";} .fa-circle:before{content: "\f111";} .fa-mail-reply:before, .fa-reply:before{content: "\f112";} .fa-github-alt:before{content: "\f113";} .fa-folder-o:before{content: "\f114";} .fa-folder-open-o:before{content: "\f115";} .fa-smile-o:before{content: "\f118";} .fa-frown-o:before{content: "\f119";} .fa-meh-o:before{content: "\f11a";} .fa-gamepad:before{content: "\f11b";} .fa-keyboard-o:before{content: "\f11c";} .fa-flag-o:before{content: "\f11d";} .fa-flag-checkered:before{content: "\f11e";} .fa-terminal:before{content: "\f120";} .fa-code:before{content: "\f121";} .fa-mail-reply-all:before, .fa-reply-all:before{content: "\f122";} .fa-star-half-empty:before, .fa-star-half-full:before, .fa-star-half-o:before{content: "\f123";} .fa-location-arrow:before{content: "\f124";} .fa-crop:before{content: "\f125";} .fa-code-fork:before{content: "\f126";} .fa-unlink:before, .fa-chain-broken:before{content: "\f127";} .fa-question:before{content: "\f128";} .fa-info:before{content: "\f129";} .fa-exclamation:before{content: "\f12a";} .fa-superscript:before{content: "\f12b";} .fa-subscript:before{content: "\f12c";} .fa-eraser:before{content: "\f12d";} .fa-puzzle-piece:before{content: "\f12e";} .fa-microphone:before{content: "\f130";} .fa-microphone-slash:before{content: "\f131";} .fa-shield:before{content: "\f132";} .fa-calendar-o:before{content: "\f133";} .fa-fire-extinguisher:before{content: "\f134";} .fa-rocket:before{content: "\f135";} .fa-maxcdn:before{content: "\f136";} .fa-chevron-circle-left:before{content: "\f137";} .fa-chevron-circle-right:before{content: "\f138";} .fa-chevron-circle-up:before{content: "\f139";} .fa-chevron-circle-down:before{content: "\f13a";} .fa-html5:before{content: "\f13b";} .fa-css3:before{content: "\f13c";} .fa-anchor:before{content: "\f13d";} .fa-unlock-alt:before{content: "\f13e";} .fa-bullseye:before{content: "\f140";} .fa-ellipsis-h:before{content: "\f141";} .fa-ellipsis-v:before{content: "\f142";} .fa-rss-square:before{content: "\f143";} .fa-play-circle:before{content: "\f144";} .fa-ticket:before{content: "\f145";} .fa-minus-square:before{content: "\f146";} .fa-minus-square-o:before{content: "\f147";} .fa-level-up:before{content: "\f148";} .fa-level-down:before{content: "\f149";} .fa-check-square:before{content: "\f14a";} .fa-pencil-square:before{content: "\f14b";} .fa-external-link-square:before{content: "\f14c";} .fa-share-square:before{content: "\f14d";} .fa-compass:before{content: "\f14e";} .fa-toggle-down:before, .fa-caret-square-o-down:before{content: "\f150";} .fa-toggle-up:before, .fa-caret-square-o-up:before{content: "\f151";} .fa-toggle-right:before, .fa-caret-square-o-right:before{content: "\f152";} .fa-euro:before, .fa-eur:before{content: "\f153";} .fa-gbp:before{content: "\f154";} .fa-dollar:before, .fa-usd:before{content: "\f155";} .fa-rupee:before, .fa-inr:before{content: "\f156";} .fa-cny:before, .fa-rmb:before, .fa-yen:before, .fa-jpy:before{content: "\f157";} .fa-ruble:before, .fa-rouble:before, .fa-rub:before{content: "\f158";} .fa-won:before, .fa-krw:before{content: "\f159";} .fa-bitcoin:before, .fa-btc:before{content: "\f15a";} .fa-file:before{content: "\f15b";} .fa-file-text:before{content: "\f15c";} .fa-sort-alpha-asc:before{content: "\f15d";} .fa-sort-alpha-desc:before{content: "\f15e";} .fa-sort-amount-asc:before{content: "\f160";} .fa-sort-amount-desc:before{content: "\f161";} .fa-sort-numeric-asc:before{content: "\f162";} .fa-sort-numeric-desc:before{content: "\f163";} .fa-thumbs-up:before{content: "\f164";} .fa-thumbs-down:before{content: "\f165";} .fa-youtube-square:before{content: "\f166";} .fa-youtube:before{content: "\f167";} .fa-xing:before{content: "\f168";} .fa-xing-square:before{content: "\f169";} .fa-youtube-play:before{content: "\f16a";} .fa-dropbox:before{content: "\f16b";} .fa-stack-overflow:before{content: "\f16c";} .fa-instagram:before{content: "\f16d";} .fa-flickr:before{content: "\f16e";} .fa-adn:before{content: "\f170";} .fa-bitbucket:before{content: "\f171";} .fa-bitbucket-square:before{content: "\f172";} .fa-tumblr:before{content: "\f173";} .fa-tumblr-square:before{content: "\f174";} .fa-long-arrow-down:before{content: "\f175";} .fa-long-arrow-up:before{content: "\f176";} .fa-long-arrow-left:before{content: "\f177";} .fa-long-arrow-right:before{content: "\f178";} .fa-apple:before{content: "\f179";} .fa-windows:before{content: "\f17a";} .fa-android:before{content: "\f17b";} .fa-linux:before{content: "\f17c";} .fa-dribbble:before{content: "\f17d";} .fa-skype:before{content: "\f17e";} .fa-foursquare:before{content: "\f180";} .fa-trello:before{content: "\f181";} .fa-female:before{content: "\f182";} .fa-male:before{content: "\f183";} .fa-gittip:before, .fa-gratipay:before{content: "\f184";} .fa-sun-o:before{content: "\f185";} .fa-moon-o:before{content: "\f186";} .fa-archive:before{content: "\f187";} .fa-bug:before{content: "\f188";} .fa-vk:before{content: "\f189";} .fa-weibo:before{content: "\f18a";} .fa-renren:before{content: "\f18b";} .fa-pagelines:before{content: "\f18c";} .fa-stack-exchange:before{content: "\f18d";} .fa-arrow-circle-o-right:before{content: "\f18e";} .fa-arrow-circle-o-left:before{content: "\f190";} .fa-toggle-left:before, .fa-caret-square-o-left:before{content: "\f191";} .fa-dot-circle-o:before{content: "\f192";} .fa-wheelchair:before{content: "\f193";} .fa-vimeo-square:before{content: "\f194";} .fa-turkish-lira:before, .fa-try:before{content: "\f195";} .fa-plus-square-o:before{content: "\f196";} .fa-space-shuttle:before{content: "\f197";} .fa-slack:before{content: "\f198";} .fa-envelope-square:before{content: "\f199";} .fa-wordpress:before{content: "\f19a";} .fa-openid:before{content: "\f19b";} .fa-institution:before, .fa-bank:before, .fa-university:before{content: "\f19c";} .fa-mortar-board:before, .fa-graduation-cap:before{content: "\f19d";} .fa-yahoo:before{content: "\f19e";} .fa-google:before{content: "\f1a0";} .fa-reddit:before{content: "\f1a1";} .fa-reddit-square:before{content: "\f1a2";} .fa-stumbleupon-circle:before{content: "\f1a3";} .fa-stumbleupon:before{content: "\f1a4";} .fa-delicious:before{content: "\f1a5";} .fa-digg:before{content: "\f1a6";} .fa-pied-piper:before{content: "\f1a7";} .fa-pied-piper-alt:before{content: "\f1a8";} .fa-drupal:before{content: "\f1a9";} .fa-joomla:before{content: "\f1aa";} .fa-language:before{content: "\f1ab";} .fa-fax:before{content: "\f1ac";} .fa-building:before{content: "\f1ad";} .fa-child:before{content: "\f1ae";} .fa-paw:before{content: "\f1b0";} .fa-spoon:before{content: "\f1b1";} .fa-cube:before{content: "\f1b2";} .fa-cubes:before{content: "\f1b3";} .fa-behance:before{content: "\f1b4";} .fa-behance-square:before{content: "\f1b5";} .fa-steam:before{content: "\f1b6";} .fa-steam-square:before{content: "\f1b7";} .fa-recycle:before{content: "\f1b8";} .fa-automobile:before, .fa-car:before{content: "\f1b9";} .fa-cab:before, .fa-taxi:before{content: "\f1ba";} .fa-tree:before{content: "\f1bb";} .fa-spotify:before{content: "\f1bc";} .fa-deviantart:before{content: "\f1bd";} .fa-soundcloud:before{content: "\f1be";} .fa-database:before{content: "\f1c0";} .fa-file-pdf-o:before{content: "\f1c1";} .fa-file-word-o:before{content: "\f1c2";} .fa-file-excel-o:before{content: "\f1c3";} .fa-file-powerpoint-o:before{content: "\f1c4";} .fa-file-photo-o:before, .fa-file-picture-o:before, .fa-file-image-o:before{content: "\f1c5";} .fa-file-zip-o:before, .fa-file-archive-o:before{content: "\f1c6";} .fa-file-sound-o:before, .fa-file-audio-o:before{content: "\f1c7";} .fa-file-movie-o:before, .fa-file-video-o:before{content: "\f1c8";} .fa-file-code-o:before{content: "\f1c9";} .fa-vine:before{content: "\f1ca";} .fa-codepen:before{content: "\f1cb";} .fa-jsfiddle:before{content: "\f1cc";} .fa-life-bouy:before, .fa-life-buoy:before, .fa-life-saver:before, .fa-support:before, .fa-life-ring:before{content: "\f1cd";} .fa-circle-o-notch:before{content: "\f1ce";} .fa-ra:before, .fa-rebel:before{content: "\f1d0";} .fa-ge:before, .fa-empire:before{content: "\f1d1";} .fa-git-square:before{content: "\f1d2";} .fa-git:before{content: "\f1d3";} .fa-y-combinator-square:before, .fa-yc-square:before, .fa-hacker-news:before{content: "\f1d4";} .fa-tencent-weibo:before{content: "\f1d5";} .fa-qq:before{content: "\f1d6";} .fa-wechat:before, .fa-weixin:before{content: "\f1d7";} .fa-send:before, .fa-paper-plane:before{content: "\f1d8";} .fa-send-o:before, .fa-paper-plane-o:before{content: "\f1d9";} .fa-history:before{content: "\f1da";} .fa-circle-thin:before{content: "\f1db";} .fa-header:before{content: "\f1dc";} .fa-paragraph:before{content: "\f1dd";} .fa-sliders:before{content: "\f1de";} .fa-share-alt:before{content: "\f1e0";} .fa-share-alt-square:before{content: "\f1e1";} .fa-bomb:before{content: "\f1e2";} .fa-soccer-ball-o:before, .fa-futbol-o:before{content: "\f1e3";} .fa-tty:before{content: "\f1e4";} .fa-binoculars:before{content: "\f1e5";} .fa-plug:before{content: "\f1e6";} .fa-slideshare:before{content: "\f1e7";} .fa-twitch:before{content: "\f1e8";} .fa-yelp:before{content: "\f1e9";} .fa-newspaper-o:before{content: "\f1ea";} .fa-wifi:before{content: "\f1eb";} .fa-calculator:before{content: "\f1ec";} .fa-paypal:before{content: "\f1ed";} .fa-google-wallet:before{content: "\f1ee";} .fa-cc-visa:before{content: "\f1f0";} .fa-cc-mastercard:before{content: "\f1f1";} .fa-cc-discover:before{content: "\f1f2";} .fa-cc-amex:before{content: "\f1f3";} .fa-cc-paypal:before{content: "\f1f4";} .fa-cc-stripe:before{content: "\f1f5";} .fa-bell-slash:before{content: "\f1f6";} .fa-bell-slash-o:before{content: "\f1f7";} .fa-trash:before{content: "\f1f8";} .fa-copyright:before{content: "\f1f9";} .fa-at:before{content: "\f1fa";} .fa-eyedropper:before{content: "\f1fb";} .fa-paint-brush:before{content: "\f1fc";} .fa-birthday-cake:before{content: "\f1fd";} .fa-area-chart:before{content: "\f1fe";} .fa-pie-chart:before{content: "\f200";} .fa-line-chart:before{content: "\f201";} .fa-lastfm:before{content: "\f202";} .fa-lastfm-square:before{content: "\f203";} .fa-toggle-off:before{content: "\f204";} .fa-toggle-on:before{content: "\f205";} .fa-bicycle:before{content: "\f206";} .fa-bus:before{content: "\f207";} .fa-ioxhost:before{content: "\f208";} .fa-angellist:before{content: "\f209";} .fa-cc:before{content: "\f20a";} .fa-shekel:before, .fa-sheqel:before, .fa-ils:before{content: "\f20b";} .fa-meanpath:before{content: "\f20c";} .fa-buysellads:before{content: "\f20d";} .fa-connectdevelop:before{content: "\f20e";} .fa-dashcube:before{content: "\f210";} .fa-forumbee:before{content: "\f211";} .fa-leanpub:before{content: "\f212";} .fa-sellsy:before{content: "\f213";} .fa-shirtsinbulk:before{content: "\f214";} .fa-simplybuilt:before{content: "\f215";} .fa-skyatlas:before{content: "\f216";} .fa-cart-plus:before{content: "\f217";} .fa-cart-arrow-down:before{content: "\f218";} .fa-diamond:before{content: "\f219";} .fa-ship:before{content: "\f21a";} .fa-user-secret:before{content: "\f21b";} .fa-motorcycle:before{content: "\f21c";} .fa-street-view:before{content: "\f21d";} .fa-heartbeat:before{content: "\f21e";} .fa-venus:before{content: "\f221";} .fa-mars:before{content: "\f222";} .fa-mercury:before{content: "\f223";} .fa-intersex:before, .fa-transgender:before{content: "\f224";} .fa-transgender-alt:before{content: "\f225";} .fa-venus-double:before{content: "\f226";} .fa-mars-double:before{content: "\f227";} .fa-venus-mars:before{content: "\f228";} .fa-mars-stroke:before{content: "\f229";} .fa-mars-stroke-v:before{content: "\f22a";} .fa-mars-stroke-h:before{content: "\f22b";} .fa-neuter:before{content: "\f22c";} .fa-genderless:before{content: "\f22d";} .fa-facebook-official:before{content: "\f230";} .fa-pinterest-p:before{content: "\f231";} .fa-whatsapp:before{content: "\f232";} .fa-server:before{content: "\f233";} .fa-user-plus:before{content: "\f234";} .fa-user-times:before{content: "\f235";} .fa-hotel:before, .fa-bed:before{content: "\f236";} .fa-viacoin:before{content: "\f237";} .fa-train:before{content: "\f238";} .fa-subway:before{content: "\f239";} .fa-medium:before{content: "\f23a";} .fa-yc:before, .fa-y-combinator:before{content: "\f23b";} .fa-optin-monster:before{content: "\f23c";} .fa-opencart:before{content: "\f23d";} .fa-expeditedssl:before{content: "\f23e";} .fa-battery-4:before, .fa-battery-full:before{content: "\f240";} .fa-battery-3:before, .fa-battery-three-quarters:before{content: "\f241";} .fa-battery-2:before, .fa-battery-half:before{content: "\f242";} .fa-battery-1:before, .fa-battery-quarter:before{content: "\f243";} .fa-battery-0:before, .fa-battery-empty:before{content: "\f244";} .fa-mouse-pointer:before{content: "\f245";} .fa-i-cursor:before{content: "\f246";} .fa-object-group:before{content: "\f247";} .fa-object-ungroup:before{content: "\f248";} .fa-sticky-note:before{content: "\f249";} .fa-sticky-note-o:before{content: "\f24a";} .fa-cc-jcb:before{content: "\f24b";} .fa-cc-diners-club:before{content: "\f24c";} .fa-clone:before{content: "\f24d";} .fa-balance-scale:before{content: "\f24e";} .fa-hourglass-o:before{content: "\f250";} .fa-hourglass-1:before, .fa-hourglass-start:before{content: "\f251";} .fa-hourglass-2:before, .fa-hourglass-half:before{content: "\f252";} .fa-hourglass-3:before, .fa-hourglass-end:before{content: "\f253";} .fa-hourglass:before{content: "\f254";} .fa-hand-grab-o:before, .fa-hand-rock-o:before{content: "\f255";} .fa-hand-stop-o:before, .fa-hand-paper-o:before{content: "\f256";} .fa-hand-scissors-o:before{content: "\f257";} .fa-hand-lizard-o:before{content: "\f258";} .fa-hand-spock-o:before{content: "\f259";} .fa-hand-pointer-o:before{content: "\f25a";} .fa-hand-peace-o:before{content: "\f25b";} .fa-trademark:before{content: "\f25c";} .fa-registered:before{content: "\f25d";} .fa-creative-commons:before{content: "\f25e";} .fa-gg:before{content: "\f260";} .fa-gg-circle:before{content: "\f261";} .fa-tripadvisor:before{content: "\f262";} .fa-odnoklassniki:before{content: "\f263";} .fa-odnoklassniki-square:before{content: "\f264";} .fa-get-pocket:before{content: "\f265";} .fa-wikipedia-w:before{content: "\f266";} .fa-safari:before{content: "\f267";} .fa-chrome:before{content: "\f268";} .fa-firefox:before{content: "\f269";} .fa-opera:before{content: "\f26a";} .fa-internet-explorer:before{content: "\f26b";} .fa-tv:before, .fa-television:before{content: "\f26c";} .fa-contao:before{content: "\f26d";} .fa-500px:before{content: "\f26e";} .fa-amazon:before{content: "\f270";} .fa-calendar-plus-o:before{content: "\f271";} .fa-calendar-minus-o:before{content: "\f272";} .fa-calendar-times-o:before{content: "\f273";} .fa-calendar-check-o:before{content: "\f274";} .fa-industry:before{content: "\f275";} .fa-map-pin:before{content: "\f276";} .fa-map-signs:before{content: "\f277";} .fa-map-o:before{content: "\f278";} .fa-map:before{content: "\f279";} .fa-commenting:before{content: "\f27a";} .fa-commenting-o:before{content: "\f27b";} .fa-houzz:before{content: "\f27c";} .fa-vimeo:before{content: "\f27d";} .fa-black-tie:before{content: "\f27e";} .fa-fonticons:before{content: "\f280";} .fa-reddit-alien:before{content: "\f281";} .fa-edge:before{content: "\f282";} .fa-credit-card-alt:before{content: "\f283";} .fa-codiepie:before{content: "\f284";} .fa-modx:before{content: "\f285";} .fa-fort-awesome:before{content: "\f286";} .fa-usb:before{content: "\f287";} .fa-product-hunt:before{content: "\f288";} .fa-mixcloud:before{content: "\f289";} .fa-scribd:before{content: "\f28a";} .fa-pause-circle:before{content: "\f28b";} .fa-pause-circle-o:before{content: "\f28c";} .fa-stop-circle:before{content: "\f28d";} .fa-stop-circle-o:before{content: "\f28e";} .fa-shopping-bag:before{content: "\f290";} .fa-shopping-basket:before{content: "\f291";} .fa-hashtag:before{content: "\f292";} .fa-bluetooth:before{content: "\f293";} .fa-bluetooth-b:before{content: "\f294";} .fa-percent:before{content: "\f295";} 

/* /point_of_sale/static/src/css/pos.css defined in bundle 'point_of_sale.assets' */
 @font-face{font-family: 'Inconsolata'; src: url(/point_of_sale/static/src/css/../fonts/Inconsolata.otf);} .ui-dialog, .modal-dialog{background: white; padding: 10px; border-radius: 3px; font-family: sans-serif; box-shadow: 0px 10px 40px rgba(0,0,0,0.4); position: absolute; top: 30px; height: 400px; overflow: scroll;} .ui-dialog button, .modal-dialog button{padding: 8px; min-width: 48px;} .ui-dialog .ui-icon-closethick{float: right;} div.modal.in{position: absolute; background: white; padding: 20px; box-shadow: 0px 10px 20px black; border-radius: 3px; max-width: 600px; max-height: 400px; margin-top: -200px; margin-left: -300px; top: 50%; left: 50%;} html{-webkit-tap-highlight-color: rgba(0, 0, 0, 0); font-family: sans-serif;} table{border-spacing: 0px; border-collapse: collapse;} td{padding: 0px;} .oe_hidden{display: none !important;} .oe_invisible{visibility: hidden !important;} .clearfix:after{content:" "; display: block; visibility: hidden; line-height: 0; height: 0; clear: both;} .pos input::-webkit-outer-spin-button, .pos input::-webkit-inner-spin-button{-webkit-appearance: none; margin: 0;} .pos button{box-shadow: none; outline: none; border: none; font-family: 'Lato';} .pos button:hover{background: default;} .pos textarea{font-family: "Lato"; font-size: 20px; color: #444; padding: 10px; border-radius: 3px; border: none; box-shadow: 0px 0px 0px 1px rgb(220,220,220) inset;} .pos textarea:focus{outline: none; box-shadow: 0px 0px 0px 3px #6EC89B;} .pos .oe_hidden{display: none !important;} .pos ul, .pos li{margin: 0; padding: 0; list-style-type: none;} .pos{padding: 0; margin: 0; background-color: #f0eeee; font-family: "Lato","Lucida Grande", Helvetica, Verdana, Arial; color: #555555; font-size: 12px; position: absolute; left: 0; top: 0; width: 100%; height: 100%; -webkit-user-select: none; -moz-user-select: none; user-select: none; text-shadow: none; overflow: hidden;} .pos .loader{background-color: #222; position:absolute; left:0px; top:0px; width:100%; height:100%; z-index: 999; text-align: center; font-family: Lato; color: #555555;} .pos .loader-feedback{width: 400px; height: 160px; margin: -60px -200px; position: absolute; left: 50%; top: 50%; text-align: center;} .pos .loader-feedback h1{font-weight: 300;} .pos .loader-feedback .progressbar{background: rgb(73,73,73); height: 1px;} .pos .loader-feedback .progressbar > .progress{height: 100%; background: white; width: 0%; box-shadow: 0px 0px 5px rgba(255,255,255,0.35);} .pos .loader-feedback .button{display: inline-block; margin: 25px auto; line-height: 42px; padding: 0px 16px; font-size: 20px; font-weight: 300; border: solid 1px; border-radius: 5px; cursor: pointer;} .pos .loader-feedback .button:active{color: #222; background: #555555;} .pos .window{position: absolute; top: 0px; left: 0px; width: 100%; height: 100%; display: table; border: none; overflow: hidden;} .pos .window .subwindow{display: table-row; width: 100%; height: 100%;} .pos .window .subwindow.collapsed{height: 0px;} .pos .window .subwindow-container .collapsed{height: 0px;} .pos .subwindow .subwindow-container{display: table-cell; position: relative;} .pos .subwindow .subwindow-container-fix{height: 100%; position: relative;} .pos .clientlist-screen .window, .pos .clientlist-screen .full-content .subwindow{display: block;} .pos .clientlist-screen .full-content .subwindow-container{display: block; height: 100%;} .pos .clientlist-screen .full-content .subwindow.collapsed, .pos .clientlist-screen .full-content .subwindow-container.collapsed{height: auto;} .pos .scroller-container{position: absolute; top: 0px; left: 0px; right: 0px; bottom: 0px;} .pos .scroller{width: 100%; height: 100%; overflow: hidden; overflow-y: auto; -webkit-overflow-scrolling: touch;} .pos .scroller.horizontal{overflow-y: hidden; overflow-x: auto;} .pos .scroller-content{-webkit-transform: translate3d(0,0,0);} .pos .scroller-container ::-webkit-scrollbar{width: 10px; height: 10px;} .pos .scroller-container ::-webkit-scrollbar-track{background: rgb(224,224,224); border-left: solid 1px rgb(200,200,200); border-top-right-radius: 3px; border-bottom-right-radius: 3px;} .pos .scroller-container ::-webkit-scrollbar-thumb{background: rgb(168,168,168); min-height: 30px;} .pos a{text-decoration: none; color: #555555;} .pos button, .pos a.button{display: inline-block; cursor: pointer; padding: 4px 10px; font-size: 11px; border: 1px solid #cacaca; background: #e2e2e2; border-radius: 3px;} .pos ul, .pos ol{padding: 0; margin: 0;} .pos li{list-style-type: none;} .pos .pos-right-align{text-align: right;} .pos .pos-center-align{text-align: center;} .pos .pos-disc-font{font-size: 12px; font-style:italic; color: #808080;} .pos .pos-topheader{position:absolute; left:0; top:0; width: 100%; height: 48px; margin:0; padding:0; color: gray; background: #393939;} .pos .pos-branding{position: absolute; display: table-cell; left:0; top:0; width:439px; height:100%; margin:0; padding:0; border-right: 1px solid #373737; text-align:left; line-height:100%; vertical-align: middle;} .pos .pos-logo{height: 35px; margin-left: 7px; margin-top: 2px; vertical-align:middle;} .pos .pos-branding .username{float:right; color:#DDD; font-size:16px; margin-right:32px; line-height: 48px; font-style:italic; cursor: pointer;} .pos .pos-rightheader{position: absolute; left:440px; right:0; top:0; height:100%; display: -webkit-flex; display: flex;} .pos .pos-rightheader > *{border-right: 1px solid #292929;} .pos .order-button{color: #f0f0f0; display: inline-block; box-sizing: border-box; -moz-box-sizing: border-box; height: 46px; padding: 4px 8px; margin: 3px; margin-bottom: 0px; margin-right: 2px; padding-top: 0px; background: #8b8b8b; border-top-left-radius: 3px; border-top-right-radius: 3px; vertical-align: top; line-height: 42px; text-align: center; box-shadow: 0px -5px 10px -6px rgb(82,82,82) inset; cursor: pointer; min-width: 45px;} .pos .order-button:first-child{margin-left: 0px;} .pos .order-button.selected{font-weight: 900; background: #EEEEEE; color: rgb(75,75,75); height: 45px; border-bottom: solid 1px rgb(196, 196, 196); box-shadow: none; -webkit-flex-shrink: 0; flex-shrink: 0;} .pos .order-button .order-sequence{font-size: 16px; font-weight: 800; vertical-align: middle;} .pos .order-button.selected .order-sequence{color: white; background: black; display: inline-block; line-height: 24px; min-width: 24px; border-radius: 12px; margin-right: 4px; margin-left: -4px;} .pos .order-button.square{margin-left:1px; background: #5c5c5c; color: rgb(160,160,160); font-size: 18px; line-height: 45px;} .pos .order-button:not(.square) > .fa{font-size: 16px; vertical-align: middle; margin-right: 4px;} .pos .order-button .order-sequence{font-size: 16px; font-weight: 800;} .pos .order-selector{display: -webkit-flex; display: flex; -webkit-flex: 1; flex: 1;} .pos .orders{display: -webkit-flex; display: flex; vertical-align: top; margin-left: 0px; overflow: hidden; overflow-x: auto; -webkit-overflow-scrolling: touch;} .pos .pos-rightheader .header-button{float: right; height: 48px; padding-left: 16px; padding-right: 16px; border-right: 1px solid #292929; border-left: 1px solid #292929; color: #DDD; line-height: 48px; text-align: center; cursor: pointer; -webkit-transition-property: background; -webkit-transition-duration: 0.2s; -webkit-transition-timing-function: ease-out;} .pos .pos-rightheader .header-button:last-child{border-left: 1px solid #3a3a3a;} .pos .pos-rightheader .header-button:active{background: rgba(0,0,0,0.2); color:#EEE;} .pos .pos-rightheader .header-button.confirm{background: #359766; color: white; font-weight: bold;} .pos .oe_status{float:right; color: rgba(255,255,255,0.4); padding: 14px; line-height: 20px; font-size: 20px; vertical-align:middle; font-style: italic; cursor:pointer;} .pos .oe_status.oe_inactive{cursor: default;} .pos .oe_status .oe_icon{display:inline-block; cursor:pointer; width:20px; height:16px; color: white;} .pos .oe_status .oe_red, .pos .oe_icon.oe_red{color: rgb(197, 52, 0);} .pos .oe_statu .oe_green, .pos .oe_icon.oe_green{color: rgb(94, 185, 55);} .pos .oe_status .oe_orange, .pos .oe_icon.oe_orange{color: rgb(239, 153, 65);} .pos .oe_link_icon{cursor:pointer;} .pos .pos-content{width: 100%; position: absolute; top: 48px; bottom: 0; background: #F0EEEE;} .pos .leftpane{-webkit-box-sizing: border-box; -moz-box-sizing: border-box; -ms-box-sizing: border-box; box-sizing: border-box; position:absolute; left:0; width:440px; top:0px; bottom:0; border-right: solid 1px #CECBCB; border-right: solid 3px #787878; background: #e2e2e2;} .pos .leftpane .pads{border-top: solid 3px rgb(110, 200, 155);} .pos .control-buttons{display: -webkit-flex; display: flex; -webkit-flex-flow: row wrap; flex-flow: row wrap; padding: 8px 16px 0px 11px; margin-bottom: -6px;} .pos .control-button{-webkit-flex-grow: 1; flex-grow: 1; background: #e2e2e2; border: solid 1px #bfbfbf; display: inline-block; line-height: 38px; min-width: 80px; text-align: center; border-radius: 3px; padding: 0px 10px; font-size: 18px; margin-left: 6px; margin-bottom: 6px; cursor: pointer; overflow: hidden; transition: all linear 150ms;} .pos .control-button:hover{background: #efefef;} .pos .control-button:active{background: black; color: white; border-color: black;} .pos .control-button .fa{margin-right: 4px;} .pos .control-button .control-button-number{color: rgb(226, 226, 226); background: rgb(85, 85, 85); display: inline-block; height: 28px; vertical-align: middle; font-weight: bold; line-height: 28px; width: 28px; border-radius: 50%; text-align: center; margin-left: -16px; margin-right: 4px;} .pos .control-button.highlight, .pos .button.highlight{background: #6EC89B !important; border: solid 1px #64AF8A !important; color: white !important;} .pos .control-button.altlight, .pos .button.altlight{background: #7F82AC !important; border: solid 1px #756A99 !important; color: white !important;} .pos .control-button.disabled, .pos .control-button.disabled:active{background: #e2e2e2; border: solid 1px #BEBEBE; opacity: 0.5; cursor: default; color: inherit;} .pos .actionpad{display: inline-block; float: left; padding: 0; margin: 16px; margin-top: 8px; margin-right: 0; text-align: center; vertical-align: top; width: 186px; border: none; border-radius: 0; border-top: 1px solid; border-left: 1px solid; border-color: #bfbfbf; border-top-left-radius: 4px; border-bottom-left-radius: 4px;} .pos .actionpad .button{position: relative; display: block; height: 54px; width: 100%; font-weight: bold; vertical-align: middle; color: #555555; font-size: 14px; border-radius: 0; border: none; border-right: 1px solid; border-bottom: 1px solid; border-color: #bfbfbf; transition: all 150ms linear;} .pos .actionpad .button:hover{background: #efefef;} .pos .actionpad .button:active{background: black; border-color: black; color: white;} .pos .actionpad .button:first-child{border-top-left-radius: 4px;} .pos .actionpad .button:last-child{border-bottom-left-radius: 4px;} .pos .actionpad .button.pay{height: 162px;} .pos .actionpad .button.pay .pay-circle{display: block; font-size: 32px; line-height: 54px; padding-top: 6px; background: rgb(86, 86, 86); color: white; width: 60px; margin: auto; border-radius: 30px; margin-bottom: 10px;} .pos .actionpad .button.pay .pay-circle .fa{position: relative; top: -1px; left: 3px;} .pos .actionpad .button.set-customer{padding-left: 40px; padding-right: 40px;} .pos .actionpad .button.set-customer.decentered{padding-left: 40px; padding-right: 5px;} .pos .actionpad .button .fa-user{position: absolute; left: 13px; top: 13px; margin-right: 8px; font-size: 18px; background: rgba(255, 255, 255, 0.5); line-height: 30px; width: 30px; border-radius: 100%;} .pos .numpad{display: inline-block; float: right; text-align: center; width: 216px; margin: 16px; margin-top: 8px; margin-left: 0px; border: none; border-radius: 0; border-top: 1px solid; border-color: #bfbfbf; border-top-right-radius: 4px;} .pos .numpad button{float: left; height: 54px; width: 54px; font-weight: bold; vertical-align: middle; color: #555555; border-radius: 0; border: none; border-right: 1px solid; border-bottom: 1px solid; border-color: #bfbfbf; transition: all 150ms linear;} .pos .numpad button:hover{background: #efefef;} .pos .numpad button:active{background: black; color: white; border-color: transparent;} .pos .numpad button:nth-child(4){border-top-right-radius: 4px;} .pos .numpad button:last-child{border-bottom-right-radius: 4px;} .pos .input-button{font-size: 24px;} .pos .mode-button{font-size: 14px;} .pos .mode-button.selected-mode{color: white; background: #6EC89B; border-color: transparent;} .pos .mode-button.selected-mode:hover{background: #6EC89B; color: white; border-color: transparent;} .pos .rightpane{position: absolute; top: 0; bottom:0; left: 440px; right: 0; vertical-align: top; -webkit-transform: translate3d(0,0,0);} .pos .rightpane-header{padding: 0; height: 48px; border-bottom: 1px solid #c7c7c7; background: #d3d3d3; text-align: center;} .pos .product-list{padding: 10px; text-align: left; -webkit-transform: translate3d(0,0,0);} .pos .product-list-scroller{-webkit-box-sizing: border-box; -moz-box-sizing: border-box; -ms-box-sizing: border-box; box-sizing: border-box; width:100%; height:100%; overflow: hidden; overflow-y: auto; -webkit-overflow-scrolling: touch; -webkit-transform: translate3d(0,0,0);} .pos .product-list-container{position:absolute; top:0px; bottom:0px; left:0px; right:0px;} .pos .breadcrumbs{display: inline-block; text-align: left; float:left;} .pos .breadcrumb{float: left; display: inline-block; line-height: 48px; height: 48px; min-width: 48px;} .pos .breadcrumb:last-child{padding-right: 3px; border-right: 1px solid #c5c5c5;} .pos .breadcrumb-button{display: inline-block; padding: 0 9px; vertical-align: top; color: #808080; font-size: 14px; cursor: pointer;} .pos .breadcrumb-button.breadcrumb-home{line-height: 50px; padding: 0; width: 50px; font-size: 25px; text-align: center;} .pos .breadcrumb-arrow{width: 28px;} .pos .breadcrumb-homeimg{width: 27px; margin: 12px 6px;} .pos .searchbox{position: absolute; right: 2px;} .pos .searchbox input{width: 100px; border: 1px solid #cecbcb; padding: 10px 20px; padding-left: 38px; margin: 6px; background: url("/point_of_sale/static/src/css/../img/search.png") no-repeat 15px; background-color: white; border-radius: 20px; font-family: "Lato","Lucida Grande", Helvetica, Verdana, Arial; font-size: 13px;} .pos .searchbox input:focus{outline: none; box-shadow: 0px 0px 0px 2px rgb(153, 153, 255) inset; color: rgb(153, 153, 255);} .pos .search-clear{position: absolute; width: 30px; height: 30px; top: 11px; left: 11px; cursor: pointer;} .pos .categories{position: relative; border-bottom: solid 3px rgb(110, 200, 155);} .pos .categories h4{display: inline-block; margin: 9px 5px;} .pos .category-list-scroller{-webkit-box-sizing: border-box; -moz-box-sizing: border-box; -ms-box-sizing: border-box; box-sizing: border-box; width:100%; height:100%; max-height:60vh; overflow: hidden; overflow-y: auto; -webkit-overflow-scrolling: touch; -webkit-transform: translate3d(0,0,0);} .pos .category-list{text-align: left; padding: 10px; background: rgb(229, 229, 229); border-bottom: 1px solid #cecece;} .pos .category-list.simple{padding: 0px; background: #cecece; display: -webkit-flex; display: flex; -webkit-flex-flow: row wrap; flex-flow: row wrap; border-bottom: none;} .pos .category-button{position: relative; vertical-align: top; display: inline-block; font-size: 11px; margin: 8px !important; width: 120px; height:120px; background:#fff; border: 1px solid #d7d7d7; border-radius: 3px; border-bottom-width: 3px; cursor: pointer;} .pos .category-simple-button{position: relative; display: inline-block; font-size: 14px; margin-right: 1px; margin-bottom: 1px; padding: 5px 12px; line-height: 32px; flex-grow: 1; -webkit-flex-grow: 1; cursor: pointer; background: #e2e2e2;} .pos .category-simple-button:active{color: white; background: black; -webkit-transition-property: background, border; -webkit-transition-duration: 0.2s; -webkit-transition-timing-function: ease-out;} .pos .category-button .category-img{position: relative; width: 120px; height: 100px; text-align: center; cursor: pointer;} .pos .category-button .category-img img{max-height: 100px; max-width: 120px; vertical-align: middle;} .pos .category-button .category-name{position: absolute; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; -ms-box-sizing: border-box; box-sizing: border-box; bottom: 0; top: auto; line-height: 14px; width: 100%; padding: 3px; padding-top: 15px; color: #7C7BAD;} .pos .product{position:relative; vertical-align: top; display: inline-block; line-height: 100px; font-size: 11px; margin: 8px !important; width: 122px; height:115px; background:#fff; border: 1px solid #e2e2e2; border-radius: 3px; border-bottom-width: 3px; overflow: hidden; cursor: pointer;} .pos .product .product-img{position: relative; width: 120px; height: 100px; background: white; text-align: center;} .pos .product .product-img img{max-height: 100px; max-width: 120px; vertical-align: middle;} .pos .product .price-tag{position: absolute; top: 2px; right: 2px; vertical-align: top; color: white; line-height: 13px; background: #7f82ac; padding: 2px 5px; border-radius: 2px;} .pos .product .product-name{position: absolute; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; -ms-box-sizing: border-box; box-sizing: border-box; bottom:0; top:auto; line-height: 14px; width:100%; overflow: hidden; text-overflow: ellipsis; background: -webkit-linear-gradient(-90deg,rgba(255,255,255,0),rgba(255,255,255,1), rgba(255,255,255,1)); background: -moz-linear-gradient(-90deg,rgba(255,255,255,0),rgba(255,255,255,1), rgba(255,255,255,1)); background: -ms-linear-gradient(-90deg,rgba(255,255,255,0),rgba(255,255,255,1), rgba(255,255,255,1)); padding: 3px; padding-top:15px;} .pos .screen{position:absolute; text-align: center; top:0px; bottom:0px; width:100%; overflow: auto; -webkit-overflow-scrolling: touch;} .pos .screen header h2{margin-top: 0px; padding-top: 7px;} .pos .screen p{font-size: 18px;} .pos .dialog{width: 500px; margin-left: auto; margin-right: auto; margin-top: 50px; text-align: center;} .pos .dialog p{font-size: 25px; margin-top: 10px; color: #5a5a5a;} .screen .screen-content{margin: 0px auto; max-width: 1024px; text-align: left; height: 100%; overflow: hidden; position: relative;} @media screen and (min-width: 1024px){.screen .screen-content{border-left: dashed 1px rgb(215,215,215); border-right: dashed 1px rgb(215,215,215);}} .screen .top-content{position: absolute; left: 0px; top: 0px; right: 0px; height: 64px; border-bottom: dashed 1px rgb(215,215,215); text-align: center;} .screen .top-content .button{position: absolute; top: 0px; line-height: 32px; padding: 3px 13px; font-size: 20px; background: rgb(230, 230, 230); margin: 12px; border-radius: 3px; border: solid 1px rgb(209, 209, 209); cursor: pointer; transition: all 150ms linear;} .screen .top-content .button:hover{background: #efefef;} .screen .top-content .button:active{background: black; border-color: black; color: white;} .screen .top-content .button.highlight{background: rgb(110,200,155); color: white; border: solid 1px rgb(110,200,155);} .screen .top-content .button.highlight:hover{background: rgb(120,210,165);} .screen .top-content .button.back{left: 0px; margin-left: 16px;} .screen .top-content .button.next{right: 0px; margin-right: 16px;} .screen .left-content{position: absolute; left:0px; top: 64px; bottom: 0px; right:50%; overflow-x: hidden; overflow-y: auto; border-right: dashed 1px rgb(215,215,215);} .screen .left-content.pc40{right: 66%;} .screen .right-content{position: absolute; right:0px; top: 64px; bottom: 0px; left:50%; overflow-x: hidden; overflow-y: auto;} .screen .right-content.pc60{left:34%;} .screen .centered-content{position: absolute; right:25%; top: 64px; bottom: 0px; left:25%; border-right: dashed 1px rgb(215,215,215); border-left: dashed 1px rgb(215,215,215); overflow-x: hidden; overflow-y: auto;} .screen .full-content{position: absolute; right: 0%; top: 65px; bottom: 0px; left: 0%;} .pos .screen .layout-table{border:none; width:100%; height:100%;} .pos .screen .header-row{border:none; width:100%; height:0px;} .pos .screen .header-cell{border:none; width:100%; height:0px;} .pos .screen .content-row{width:100%; height:100%;} .pos .screen .content-cell{width:100%;} .pos .screen .content-cell .content-container{height:100%; position:relative;} .pos .payment-numpad{display: inline-block; width: 50%; box-sizing: border-box; padding: 16px; text-align: center; float: left;} .pos .payment-numpad .numpad{float: none; border-radius: 4px; border-top: 1px solid; border-left: 1px solid; border-color: #cacaca; width: 296px; overflow: hidden; margin: 0;} .pos .payment-numpad .numpad button{width: 74px; height: 74px;} .pos .payment-numpad .numpad button:first-child{border-top-left-radius: 4px;} .pos .payment-numpad .numpad button:nth-child(16){border-bottom-left-radius: 4px;} .pos .paymentlines-container{padding: 16px; padding-top: 0; border-bottom: dashed 1px gainsboro; min-height: 154px;} .pos .paymentlines{width: 100%;} .pos .paymentlines .controls{width: 40px;} .pos .paymentlines .label > *{font-size: 16px; padding: 8px;} .pos .paymentlines tbody{background: white; border-radius: 3px;} .pos .paymentline{font-size: 22px;} .pos .paymentline.selected{font-size: 22px; background: #6EC89B; color: white;} .pos .paymentline.selected .edit{background: white; color: #6EC89B; outline: 3px blue; box-shadow: 0px 0px 0px 3px #6EC89B; position: relative; border-radius: 3px;} .pos .paymentline > *{padding: 8px 12px;} .pos .paymentline .col-due, .pos .paymentline .col-tendered, .pos .paymentline .col-change{min-width: 90px;} .pos .paymentline.extra .col-due{border-radius: 0 0 6px 6px; border-top: solid 1px rgb(230, 230, 230); font-weight: bold;} .pos .paymentline .col-change.highlight{background: rgb(184, 152, 204);} .pos .paymentline .col-name{font-size: 16px;} .pos .paymentline .delete-button{cursor: pointer; text-align: center;} .pos .payment-buttons{display: inline-block; width: 50%; box-sizing: border-box; padding: 16px; padding-left: 0; float: right;} .payment-screen .payment-buttons .button{background: #e2e2e2; line-height: 73px; font-size: 16px; padding: 0px 8px; border: solid 1px rgb(200,200,200); border-top-width: 0; cursor: pointer; text-align: center; position: relative; transition: background-color, border-color, color 150ms linear;} .payment-screen .payment-buttons .button:hover{background-color: #efefef;} .payment-screen .payment-buttons .button:first-child{border-top-left-radius: 3px; border-top-right-radius: 3px; border-top-width: 1px;} .payment-screen .payment-buttons .button:last-child{border-bottom-left-radius: 3px; border-bottom-right-radius: 3px;} .payment-screen .payment-buttons .button.highlight:not(:first-child){margin-top: -1px; border-top: solid 1px;} .payment-screen .payment-buttons .button:active{background: black; border-color: black; color: white;} .payment-screen .payment-buttons .button.highlight .fa{border-color: rgba(0, 0, 0, 0.109804); background: rgba(0, 0, 0, 0.0980392);} .payment-screen .payment-buttons .button .fa{position: absolute; left: 11px; top: 50%; width: 48px; height: 48px; line-height: 48px; margin-top: -25px; vertical-align: middle; border-radius: 26px; border: 1px solid rgba(0,0,0,0.2); border-image-source: initial; border-image-slice: initial; border-image-width: initial; border-image-outset: initial; border-image-repeat: initial; background: rgba(255,255,255,0.4); font-size: 20px; transition: all 150ms linear;} .payment-screen .paymentlines-empty .total{text-align: center; padding: 24px 0px 18px; font-size: 64px; color: #43996E; text-shadow: 0px 2px white, 0px 2px 2px rgba(0, 0, 0, 0.27);} .payment-screen .paymentlines-empty .message{text-align: center;} .pos .receipt-screen .centered-content .button{line-height: 40px; padding: 3px 13px; font-size: 20px; text-align: center; background: rgb(230, 230, 230); margin: 16px; margin-bottom: 0px; border-radius: 3px; border: solid 1px rgb(209, 209, 209); cursor: pointer;} .pos .pos-receipt-container{font-size: 0.75em; text-align: center;} .pos .pos-sale-ticket{text-align: left; width: 300px; background-color: white; margin: 20px; padding: 15px; font-size: 14px; padding-bottom:30px; display: inline-block; font-family: "Inconsolata"; border: solid 1px rgb(220,220,220); border-radius: 3px; overflow: hidden;} .pos .pos-sale-ticket pre{font-family: "Inconsolata";} .pos .pos-sale-ticket .emph{font-size: 20px; margin:5px;} .pos .pos-sale-ticket table{width: 100%; border: 0; table-layout: fixed;} .pos .pos-sale-ticket table td{border: 0; word-wrap: break-word;} @page{margin: 0;} @media print{*{color: black !important;}body{margin: 0; color: white !important;}.oe_leftbar, .oe_loading, .pos .pos-topheader, .pos .pos-leftpane, .pos .keyboard_frame, .pos .receipt-screen header, .pos .receipt-screen .top-content, .pos .receipt-screen .centered-content .button{display: none !important;}.pos, .pos .pos-content, .pos .rightpane, .pos .screen, .pos .window, .pos .window .subwindow, .pos .subwindow .subwindow-container{display: block; position: static; height: auto;}.pos{background: white !important;}.pos .rightpane{left: 0px !important; background-color: white;}.pos .receipt-screen{text-align: left;}.pos .receipt-screen .centered-content{position: static; border: none;}.pos .pos-receipt-container{text-align: left;}.pos-actionbar{display: none !important;}.debug-widget{display: none !important;}.pos *{text-shadow: none !important; box-shadow: none !important; background: transparent !important;}.pos .pos-sale-ticket{margin: 0; margin-left: auto !important; margin-right: auto !important; border: none !important; font-size: 13px !important; width: 266px !important;}.o_debug_manager{display: none !important;}.o_chat_window{display: none !important;}} .pos .scale-screen .product-price{font-size: 25px; margin: 16px; text-align: center; display: inline-block; width: 40%;} .pos .scale-screen .computed-price{font-size: 25px; display: inline-block; text-align: right; margin: 16px; margin-top: 0px; padding: 16px; background: white; width: 40%; border-radius: 3px; font-family: Inconsolata; font-weight: bold; text-shadow: 0px 2px 0px rgb(210,210,210); box-shadow: 0px 2px 0px rgb(225,225,225) inset; float: right;} .pos .scale-screen .buy-product{text-align: center; font-size: 32px; background: rgb(110,200,155); color: white; border-radius: 3px; padding: 16px; margin: 16px; cursor: pointer;} .pos .scale-screen .weight{text-align: right; margin: 16px; background: white; padding: 20px; padding-right: 30px; font-size: 56px; border-radius: 3px; font-family: Inconsolata; text-shadow: 0px 2px 0px rgb(210, 210, 210); box-shadow: 0px 2px 0px rgb(225,225,225) inset;} .pos .clientlist-screen .client-list{font-size: 16px; width: 100%; line-height: 40px;} .pos .clientlist-screen .client-list th, .pos .clientlist-screen .client-list td{padding: 0px 8px;} .pos .clientlist-screen .client-list tr{transition: all 150ms linear; background: rgb(230,230,230);} .pos .clientlist-screen .client-list thead > tr, .pos .clientlist-screen .client-list tr:nth-child(even){background: rgb(247,247,247);} .pos .pos .clientlist-screen .client-list tr.lowlight{transition: all 150ms linear; background: rgb(216, 238, 227);} .pos .clientlist-screen .client-list tr.lowlight:nth-child(even){transition: all 150ms linear; background: rgb(227, 246, 237);} .pos .clientlist-screen .client-details{padding: 16px; border-bottom: solid 5px rgb(110,200,155);} .pos .clientlist-screen .client-picture{height: 64px; width: 64px; border-radius: 32px; overflow: hidden; text-align: center; float: left; margin-right: 16px; background: white; position: relative;} .pos .clientlist-screen .client-picture > img{position: absolute; top: -9999px; bottom: -9999px; right: -9999px; left: -9999px; max-height: 64px; margin: auto;} .pos .clientlist-screen .client-picture > .fa{line-height: 64px; font-size: 32px;} .pos .clientlist-screen .client-picture .image-uploader{position: absolute; z-index: 1000; top: 0; left: 0; right: 0; bottom: 0; opacity: 0; cursor: pointer;} .pos .clientlist-screen .client-name{font-size: 32px; line-height: 64px; margin-bottom:16px;} .pos .clientlist-screen .edit-buttons{position: absolute; right: 16px; top: 10px;} .pos .clientlist-screen .edit-buttons .button{display: inline-block; margin-left: 16px; color: rgb(128,128,128); cursor: pointer; font-size: 36px;} .pos .clientlist-screen .client-details-box{position: relative; font-size: 16px;} .pos .clientlist-screen .client-details-left{width: 50%; float: left;} .pos .clientlist-screen .client-details-right{width: 50%; float: right;} .pos .clientlist-screen .client-detail{line-height: 24px;} .pos .clientlist-screen .client-detail > .label{font-weight: bold; display: inline-block; width: 75px; text-align: right; margin-right: 8px;} .pos .clientlist-screen .client-details input, .pos .clientlist-screen .client-details select{padding: 4px; border-radius: 3px; border: solid 1px #cecbcb; margin-bottom: 4px; background: white; font-family: "Lato","Lucida Grande", Helvetica, Verdana, Arial; color: #555555; width: 340px; font-size: 14px; box-sizing: border-box;} .pos .clientlist-screen .client-details input.client-name{font-size: 24px; line-height: 24px; margin: 18px 6px; width: 340px;} .pos .clientlist-screen .client-detail > .empty{opacity: 0.3;} .pos .clientlist-screen .searchbox{right: auto; margin-left: -90px; margin-top:8px; left: 50%;} .pos .clientlist-screen .searchbox input{width: 120px;} .pos .clientlist-screen .button.new-customer{left: 50%; margin-left: 120px;} .pos .order-container{position: absolute; top: 0px; width:100%; height: 100%; background: white;} .pos .order-scroller{width:100%; height:100%; overflow: hidden; overflow-y: auto; -webkit-overflow-scrolling: touch;} .pos .scrollable-y{overflow: hidden !important; overflow-y: auto !important; -webkit-overflow-scrolling: touch !important;} .pos .order{background: white; padding-bottom: 8px; padding-top: 8px; font-size: 16px; text-align: left; max-width: 500px; -webkit-transform: translate3d(0,0,0);} .pos .order .order-empty{text-align: center; margin: 48px; color: #DDD;} .pos .order .order-empty .fa{font-size: 64px;} .pos .order .order-empty h1{font-size: 20px;} .pos .order .summary{width:100%; text-align:right; font-weight: bold; margin-top:20px; margin-bottom:10px;} .pos .order .summary .line{float: right; margin-right:15px; margin-left: 15px; padding-top:5px; border-top: solid 2px; border-color:#777;} .pos .order .summary .total{font-size: 22px;} .pos .order .summary .line .subentry{font-size: 16px; font-weight: normal; text-align: center;} .pos .order .summary .line.empty{text-align: right; border-color:#BBB; color:#999;} .pos .order .summary .fidpoints{position: absolute; left: 20px; padding: 10px; color: #6EC89B; background: rgba(110, 200, 155, 0.17); border-radius: 3px;} .submit-kitchen-button{float: left; background: rgb(61, 235, 82); color: white; padding: 12px 20px; margin: 0px 15px; border-radius: 3px; cursor: pointer;} .pos .order .orderline{width:100%; margin:0px; padding-top:3px; padding-bottom:10px; padding-left:15px; padding-right:15px; cursor: pointer; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; -ms-box-sizing: border-box; box-sizing: border-box; -webkit-transition: background 250ms ease-in-out; -moz-transition: background 250ms ease-in-out; transition: background 250ms ease-in-out;} .pos .order .orderline:active{background: rgba(140,143,183,0.05); -webkit-transition: background 50ms ease-in-out; -moz-transition: background 50ms ease-in-out; transition: background 50ms ease-in-out;} .pos .order .orderline.empty:active{background: transparent; cursor: default;} .pos .order .orderline.selected{background: rgba(140,143,183,0.2); -webkit-transition: background 250ms ease-in-out; -moz-transition: background 250ms ease-in-out; transition: background 250ms ease-in-out; cursor: default;} .pos .order .orderline .product-name{padding:0; display:inline-block; font-weight: bold; width:80%; overflow:hidden; text-overflow: ellipsis;} .pos .order .orderline .price{padding:0; font-weight: bold; float:right;} .pos .order .orderline .info-list{color: #888; margin-left:10px;} .pos .order .orderline .info-list em{color: #777; font-weight: bold; font-style:normal;} .splitbill-screen .order-info{text-align: center; margin-bottom:20px; padding: 20px 0px; font-size: 64px; color: #43996E; text-shadow: 0px 2px white, 0px 2px 2px rgba(0, 0, 0, 0.27); border-bottom: dashed 1px rgb(215,215,215);} .pos .splitbill-screen .order{background: white; padding-bottom:15px; padding-top:15px; margin-left:16px; margin-right:16px; margin-top:16px; margin-bottom:16px; font-size:16px; border-radius: 3px; border: solid 1px rgb(220,220,220); text-align: left; max-width: 500px; -webkit-transform: translate3d(0,0,0);} .splitbill-screen .order .orderline.selected{background: rgb(110,200,155); color: white; -webkit-transition: background 250ms ease-in-out; -moz-transition: background 250ms ease-in-out; transition: background 250ms ease-in-out; cursor: default;} .splitbill-screen .order .orderline.partially.selected{background: rgb(136, 214, 176);} .splitbill-screen .order .orderline.selected .info-list{color: white;} .splitbill-screen .order .orderline.selected .info-list em{color: white; font-size: 24px; vertical-align: top;} .paymentmethods{margin: 16px;} .paymentmethods .button{background: #e2e2e2; line-height: 74px; font-size: 16px; border: solid 1px rgb(202, 202, 202); border-top-width: 0px; cursor: pointer; text-align: center;} .paymentmethods .button:first-child{border-top-width: 1px; border-top-left-radius: 3px; border-top-right-radius: 3px;} .paymentmethods .button:last-child{border-bottom-left-radius: 3px; border-bottom-right-radius: 3px;} .paymentmethods .button:active{background: black; border-color: black; color: white;} .paymentmethod .button.active{background: #6EC89B; color: white; border-color: #6EC89B;} .pos .pos-actionbar{height: 105px; background: #f5f5f5; border-top: solid 1px #cecece; z-index:900;} .pos .pos-actionbar ul{list-style: none;} .pos .pos-actionbar-button-list{height: 100%; margin: 0px; padding-left:3px; padding-right:3px; overflow:hidden;} .pos .pos-actionbar .button{width: 90px; height: 90px; text-align:center; margin:3px; margin-top:6px; float:left; font-size: 14px; font-weight: bold; cursor: pointer; border: 1px solid #cacaca; border-radius: 3px; background: #e2e2e2;} .pos .pos-actionbar .button .label{margin-top: 37px;} .pos .pos-actionbar .button .icon{margin-top: 10px;} .pos .pos-actionbar .button:active{color: white; background: #7f82ac; border: 1px solid #7f82ac; -webkit-transition-property: background, border; -webkit-transition-duration: 0.2s; -webkit-transition-timing-function: ease-out;} .pos .pos-actionbar .button.disabled{opacity: 0.5;} .pos .pos-actionbar .button.disabled:active{border: 1px solid #cacaca; color: #555; cursor: default; background: #e2e2e2;} .pos .pos-actionbar .button.rightalign{float:right;} .pos .debug-widget{z-index:100000; position: absolute; right: 10px; top: 10px; width: 200px; font-size: 10px; background: rgba(0,0,0,0.82); color: white; padding-bottom: 10px; cursor: move; -webkit-transform: translate3d(0,0,0);} .pos .debug-widget .toggle{position: absolute; font-size: 16px; cursor:pointer; top:0px; right:0px; padding:10px; padding-right:15px;} .pos .debug-widget .content{overflow: hidden;} .pos .debug-widget h1{background:black; padding-top: 10px; padding-left: 10px; margin-top:0; margin-bottom:0;} .pos .debug-widget .category{background: black; padding-left: 10px; margin: 0px; font-weight: bold; padding-top:3px; padding-bottom:3px;} .pos .debug-widget .button{padding: 5px; padding-left: 15px; display: block; cursor:pointer;} .pos .debug-widget .button:active{background: rgba(96,21,177,0.45);} .pos .debug-widget input{margin-left:10px; margin-top:7px; padding: 4px; width: 180px; border: none; box-sizing: border-box; -moz-box-sizing: border-box; border-radius: 3px;} .pos .debug-widget .status{padding: 5px; padding-left: 15px; display: block; cursor:default;} .pos .debug-widget .status.on{background-color: #6cd11d;} .pos .debug-widget .event{padding: 5px; padding-left: 15px; display: block; cursor:default; background-color: #1E1E1E;} .pos .modal-dialog{position: absolute; left: 0; top: 0; width: 100%; height:100%; background-color: rgba(0,0,0,0.5); z-index:1000;} .pos .modal-dialog .popup{position: absolute; top: 0; left: 0; right: 0; bottom: 0; margin: auto; width:500px; height:400px; text-align:center; font-size:20px; font-weight:bold; background-color: #F0EEEE; border-radius: 3px; box-shadow: 0px 10px 20px rgba(0,0,0,0.4); z-index:1200; font-family: 'Lato'; font-family: Lato;} .pos .popup .title{background: rgba(255,255,255,0.5); margin: 0; padding: 20px; border-radius: 3px 3px 0px 0px; border-bottom: solid 1px rgba(60,60,60,0.1);} .pos .popup .body{font-weight: normal; font-size: 18px; margin: 16px; margin-top: 20px;} .pos .popup .body.traceback{height: 238px; overflow: auto; font-size: 14px; white-space: pre-wrap; text-align: left; font-family: 'Inconsolata'; -webkit-user-select: text; -moz-user-select: text; user-select: text;} .pos .popup .footer{position:absolute; bottom:0; left:0; width:100%; height:60px; border-top: solid 1px rgba(60,60,60,0.1);} .pos .popup .button{float:right; width: 110px; height: 40px; line-height:40px; text-align:center; border-radius: 2px; margin-top:10px; margin-right:10px; font-size: 14px; font-weight: bold; cursor: pointer; border: solid 1px rgba(60,60,60,0.1); background: rgba(0,0,0,0.05);} .pos .popup .button.icon{width: 40px; font-size: 20px;} .pos .popup .button:active{color: white; background: black; border: 1px solid black; -webkit-transition-property: background, border; -webkit-transition-duration: 0.2s; -webkit-transition-timing-function: ease-out;} .pos .popup .button.big-left{position:absolute; top: 120px; left:40px; width: 180px; height: 180px; line-height:180px;} .pos .popup .button.big-right{position:absolute; top: 120px; right:40px; width: 180px; height: 180px; line-height:180px;} .pos .popup input, .pos .popup-input{text-align: left; display: inline-block; overflow: hidden; background: white; min-height: 44px; font-family: "Lato"; font-size: 20px; color: #444; padding: 10px; border-radius: 3px; border: none; box-shadow: 0px 0px 0px 1px rgb(220,220,220) inset; box-sizing: border-box; width: 80%;} .pos .popup .packlot-lines{overflow: auto; height: 250px; margin: 10px;} .pos .popup .packlot-line-input{margin: 3px;} .pos .popup-number .popup-input{text-align: center;} .pos .popup input:focus, .pos .popup-input.active{outline: none; box-shadow: 0px 0px 0px 3px #6EC89B;} .pos .popup.popup-error{background-color: #F3BBBB; color: rgb(168, 89, 89); box-shadow: 0px 10px 20px rgba(92,51,51,0.4);} .pos .popup.popup-error .title{color: white; background: rgba(255, 76, 76, 0.5);} .pos .popup.popup-selection .selection{overflow-y: auto; max-height: 273px; font-size: 16px; width: auto; line-height: 50px; margin-top: -1px; border-top: solid 3px #6EC89B;} .pos .popup.popup-selection .selection-item{width: auto; background: rgb(230,230,230); cursor: pointer; text-align: left; padding: 0px 16px;} .pos .popup.popup-selection .selection-item:nth-child(even){background: rgb(247,247,247);} .pos .popup.popup-number{width: 300px; height: 450px;} .pos .footer.centered{text-align: center;} .pos .footer.centered .button{float: none; display: inline-block; margin-left: 3px; margin-right: 3px;} .pos .popup-numpad{margin: 12px auto; text-align: center; width: 254px;} .pos .popup-number .title, .pos .popup-textinput .title{margin-bottom: 20px;} .pos .popup-numpad .input-button, .pos .popup-numpad .mode-button{background: none; height: 50px; width: 50px; padding: 0; border-radius: 25px; margin: 4px; vertical-align: top; color: #444;} .pos .popup-numpad .input-button:active, .pos .popup-numpad .mode-button:active{background: #444; color: white; border-color: #444;} .pos .popup.popup-password{width: 254px;} .pos .popup-password .mode-button.add, .pos .popup-password .input-button.dot{display: none;} .pos .popup-password .popup-numpad{width: 190px; text-align: left;} .pos .popup-password .popup-input{width: 70%;} .pos .popup .body ul, .pos .popup ul.body{text-align: left; margin-left: 1em;} .pos .popup .body li{text-indent: 1em;} .pos .popup .body li:before{content: '—'; position: relative; font-size: 0.6em; left: -1em; bottom: 0.2em;} .pos *::-webkit-scrollbar{width: 4px; height: 4px;} .pos *::-webkit-scrollbar-track{background: rgb(224,224,224); border-left: solid 1px rgb(200,200,200);} .pos *::-webkit-scrollbar-thumb{background: rgb(168,168,168); background: #393939; min-height: 30px;} .pos.big-scrollbars *::-webkit-scrollbar{width: 40px; height: 40px;} .pos.big-scrollbars *::-webkit-scrollbar-track{background: rgb(224,224,224); border-left: none;} .pos.big-scrollbars *::-webkit-scrollbar-thumb{background: rgb(168,168,168); min-height: 40px; border-radius: 3px;} .pos.big-scrollbars *::-webkit-scrollbar-button{width: 40px; height: 40px; border-radius: 3px; background: rgb(210,210,210); background-size: cover;} .pos.big-scrollbars *::-webkit-scrollbar-button:decrement{background-image: url('/point_of_sale/static/src/css/../img/scroll-up.png');} .pos.big-scrollbars *::-webkit-scrollbar-button:increment{background-image: url('/point_of_sale/static/src/css/../img/scroll-down.png');} .pos .not-supported-browser{position: absolute; z-index: 100000; top: 0; bottom: 0; left: 0; right: 0; background: #2C2C2C;} .pos .not-supported-browser .message{width:600px; margin-top: 100px; margin-left: auto; margin-right: auto; text-align: center; color: #d3d3d3; font-size: 14px;} .pos .not-supported-browser img{border-collapse: separate;} 

/* /pos_restaurant/static/src/css/restaurant.css defined in bundle 'point_of_sale.assets' */
 .screen .screen-content-flexbox{margin: 0px auto; text-align: left; height: 100%; overflow: hidden; position: relative; display: -webkit-flex; -webkit-flex-flow: column nowrap; flex-flow: column nowrap;} .floor-selector{line-height: 48px; font-size: 18px; display: -webkit-flex; display: flex; text-align: center; width: 100%;} .floor-selector .button{cursor: pointer; border-left: dashed 1px rgb(196,196,196); -webkit-flex: 1; flex: 1;} .floor-selector .button:first-child{border-left: none;} .floor-selector .button.active{background: #6EC89B; color: white;} .floor-map{-webkit-flex: 1; flex: 1; position: relative; width: auto; height: 100%; box-shadow: 0px 6px 0px -3px rgba(0,0,0,0.07) inset; background: #D8D7D7; background-repeat: no-repeat; overflow: hidden; background-size: cover; transition: all 300ms ease-in-out;} .floor-map .tables{position: relative;} @media screen and (min-width: 1024px){.floor-map .tables{max-width: 1024px; margin: auto; max-height: 540px; border-radius: 0px 0px 6px 6px; border: dashed 2px rgba(0,0,0,0.1); border-top: none; height: 100%;}} .floor-map .table{position: absolute; text-align: center; font-size: 18px; color: white; background: rgb(53, 211, 116); border-radius: 3px; cursor: pointer; box-shadow: 0px 3px rgba(0,0,0,0.07); transition: background, background-color 300ms ease-in-out; overflow: hidden;} .floor-map .table .table-cover{display: block; position: absolute; left: 0; right: 0; bottom: 0; border-radius: 0px 0px 3px 3px; background: rgba(0,0,0,0.2);} .floor-map .table .table-cover.full{border-radius: 3px 3px 3px 3px;} .floor-map .table .table-seats{position: absolute; display: inline-block; bottom: 0; left: 50%; height: 20px; width: 20px; line-height: 20px; font-size: 16px; border-radius: 50%; margin-left: -10px; margin-bottom: 4px; background: black; color: white; opacity: 0.2; z-index: 3;} .floor-map .table .label{display: block; max-height: 100%; overflow: hidden; position: relative; bottom: 5px; z-index: 5;} .floor-map .table.selected{outline: solid rgba(255,255,255,0.3); cursor: move; z-index: 50;} .floor-map .edit-button.editing{position: absolute; top: 0; right: 0; font-size: 20px; margin: 8px; line-height: 32px; width: 32px; text-align: center; border-radius: 5px; cursor: pointer; border: solid 1px rgba(0,0,0,0.2);} .floor-map .edit-button.editing.active{background: #444; border-color: transparent; color: white;} .floor-map .edit-bar{position: absolute; top: 0; right: 40px; margin: 8px; line-height: 34px; text-align: center; border-radius: 5px; cursor: pointer; font-size: 20px; background: rgba(255,255,255,0.5); z-index: 100;} .floor-map .edit-bar .edit-button{position: relative; width: 32px; display: inline-block; cursor: pointer; margin-right: -4px; border-right: solid 1px rgba(0,0,0,0.2); transition: all 150ms linear;} .floor-map .edit-bar .edit-button.disabled{cursor: default;} .floor-map .edit-bar .edit-button.disabled > *{opacity: 0.5;} .floor-map .edit-bar .color-picker{position: absolute; left: -106px; top: 40px; width: 180px; height: 180px; border-radius: 3px; z-index: 100;} .floor-map .edit-bar .color-picker .color{display: block; float: left; cursor: pointer; width: 60px; height: 60px; background-color: gray;} .floor-map .edit-bar .color-picker .color.tl{border-top-left-radius: 3px;} .floor-map .edit-bar .color-picker .color.tr{border-top-right-radius: 3px;} .floor-map .edit-bar .color-picker .color.bl{border-bottom-left-radius: 3px;} .floor-map .edit-bar .color-picker .color.br{border-bottom-right-radius: 3px;} .floor-map .edit-bar .close-picker{position: absolute; bottom: 0; left: 50%; margin-left: -16px; margin-bottom: -16px; width: 32px; height: 32px; line-height: 32px; text-align: center; font-size: 20px; border-radius: 16px; background: black; color: white; cursor: pointer;} .floor-map .edit-bar .edit-button:last-child{margin-right: 0; border-right: none;} .floor-map .table.selected .table-handle{position: absolute; width: 48px; height: 48px; left: 50%; top: 50%; border-radius: 24px; margin-left: -24px; margin-top: -24px; background: white; box-shadow: 0px 2px 3px rgba(0,0,0,0.2); cursor: grab; transition: all 150ms linear; z-index: 100;} .floor-map .table.selected .table-handle:hover{width: 60px; height: 60px; border-radius: 30px; margin-left: -30px; margin-top: -30px;} .floor-map .table .table-handle.top{top: 0;} .floor-map .table .table-handle.bottom{top: 100%;} .floor-map .table .table-handle.left{left: 0;} .floor-map .table .table-handle.right{left: 100%;} .floor-map .table .order-count{position: absolute; top: 0; left: 50%; background: black; width: 20px; margin-top: 1px; margin-left: -10px; height: 20px; line-height: 20px; border-radius: 10px; font-size: 16px; z-index: 10;} .floor-map .table .order-count.notify-printing{background: red;} .floor-map .table .order-count.notify-skipped{background: blue;} .floor-map .empty-floor{position: absolute; top: 0; left: 0; right: 0; bottom: 0; margin: auto; width: 400px; height: 40px; font-size: 18px; text-align: center; opacity: 0.6;} .floor-map .empty-floor i{display: inline-block; padding: 6px 7px 3px; margin: 0px 3px; background: rgba(255,255,255,0.5); border-radius: 3px;} .pos .order-button.floor-button{background: #6EC89B; font-weight: bold; font-size: 16px; min-width: 128px; padding-left: 16px; padding-right: 16px;} .pos .order-button.floor-button .table-name{font-weight: normal;} .pos .order-button.floor-button .fa{font-size: 24px;} .pos .order .orderline.dirty{border-left: solid 6px #6EC89B; color: #6EC89B; padding-left: 9px;} .pos .order .orderline.skip{border-left: solid 6px #7F82AC; color: #7F82AC; padding-left: 9px;} .pos .order .orderline-note{margin: 8px;} .orderline-note .fa{opacity: 0.5; margin-right: 4px;} 

/* /point_of_sale/static/src/css/keyboard.css defined in bundle 'point_of_sale.assets' */
 .pos .keyboard_frame{display: none; position:absolute; left: 0; bottom: 0px; margin: 0; padding: 0; padding-top: 15px; width: 100%; height: 0px; background-color: #BBB; overflow:hidden; -webkit-touch-callout: none; -webkit-user-select: none; -khtml-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; z-index:10000;} .pos .keyboard_frame .close_button{height:40px; width:60px; text-align:center; background-color: #DDD; font-size: 12px; line-height:40px; -webkit-border-radius: 5px; position:absolute; top:0; right:15px; cursor: pointer;} .pos .keyboard li{float: left; text-align: center; background-color: #fff; border: 1px solid #f0f0f0; top:0; cursor: pointer; -moz-border-radius: 5px; -webkit-border-radius: 5px; -webkit-transition-property: top, background-color; -webkit-transition-duration: 0.2s; -webkit-transition-timing-function: linear;} .pos .keyboard li:active{position: relative; top: 2px; left: 0px; border-color: #ddd; background-color:#e5e5e5; cursor: pointer; -webkit-transition-property: top, background-color; -webkit-transition-duration: 0.1s; -webkit-transition-timing-function: ease-out;} .pos .uppercase{text-transform: uppercase;} .pos .on{display: none;} .pos .firstitem{clear: left;} .pos .keyboard .lastitem{margin-right: 0 !important;} .pos .full_keyboard{list-style: none; font-size: 14px; width: 685px; height: 100%; margin-left: auto !important; margin-right: auto !important;} .pos .full_keyboard li{margin: 0 5px 5px 0 !important; width: 40px; height: 40px; line-height: 40px;} .pos .full_keyboard .tab, .pos .full_keyboard .delete{width: 70px;} .pos .full_keyboard .capslock{width: 80px;} .pos .full_keyboard .return{width: 77px;} .pos .full_keyboard .left-shift{width: 95px;} .pos .full_keyboard .right-shift{width: 109px;} .pos .full_keyboard .space{clear: left; width: 673px;} .pos .simple_keyboard{list-style: none; font-size: 16px; width: 555px; height: 220px; margin-left: auto !important; margin-right: auto !important;} .pos .simple_keyboard li{margin: 0 5px 5px 0 !important; width: 49px; height: 49px; line-height: 49px;} .pos .simple_keyboard .firstitem.row_asdf{margin-left:25px !important;} .pos .simple_keyboard .firstitem.row_zxcv{margin-left:55px !important;} .pos .simple_keyboard .delete{width: 103px;} .pos .simple_keyboard .return{width: 103px;} .pos .simple_keyboard .space{width:273px;} .pos .simple_keyboard .numlock{width:103px;}