.virtual-terminal{background-color:rgba(64,66,49,0.9)}.virtual-terminal .terminal{padding:25px;width:350px;margin:25px auto;border-radius:12px;background-color:rgba(198,203,161,0.9)}.virtual-terminal .ledger-name{font-size:150%;padding-bottom:12px}.virtual-terminal .field{padding:12px 0}.virtual-terminal .field input{display:block;width:100%}.virtual-terminal .results{font-family:monospace;text-transform:uppercase;color:#0f0;background-color:#000;height:150px;padding:12px;overflow-y:scroll}.virtual-terminal .results .result{padding:2px 0}.virtual-terminal .results .error{color:#f00}
.daterangepicker{position:absolute;color:inherit;background-color:#fff;border-radius:4px;border:1px solid #ddd;width:278px;max-width:none;padding:0;margin-top:7px;top:100px;left:20px;z-index:3001;display:none;font-family:arial;font-size:15px;line-height:1em}.daterangepicker:before,.daterangepicker:after{position:absolute;display:inline-block;border-bottom-color:rgba(0,0,0,0.2);content:''}.daterangepicker:before{top:-7px;border-right:7px solid transparent;border-left:7px solid transparent;border-bottom:7px solid #ccc}.daterangepicker:after{top:-6px;border-right:6px solid transparent;border-bottom:6px solid #fff;border-left:6px solid transparent}.daterangepicker.opensleft:before{right:9px}.daterangepicker.opensleft:after{right:10px}.daterangepicker.openscenter:before{left:0;right:0;width:0;margin-left:auto;margin-right:auto}.daterangepicker.openscenter:after{left:0;right:0;width:0;margin-left:auto;margin-right:auto}.daterangepicker.opensright:before{left:9px}.daterangepicker.opensright:after{left:10px}.daterangepicker.drop-up{margin-top:-7px}.daterangepicker.drop-up:before{top:initial;bottom:-7px;border-bottom:initial;border-top:7px solid #ccc}.daterangepicker.drop-up:after{top:initial;bottom:-6px;border-bottom:initial;border-top:6px solid #fff}.daterangepicker.single .daterangepicker .ranges,.daterangepicker.single .drp-calendar{float:none}.daterangepicker.single .drp-selected{display:none}.daterangepicker.show-calendar .drp-calendar{display:block}.daterangepicker.show-calendar .drp-buttons{display:block}.daterangepicker.auto-apply .drp-buttons{display:none}.daterangepicker .drp-calendar{display:none;max-width:270px}.daterangepicker .drp-calendar.left{padding:8px 0 8px 8px}.daterangepicker .drp-calendar.right{padding:8px}.daterangepicker .drp-calendar.single .calendar-table{border:none}.daterangepicker .calendar-table .next span,.daterangepicker .calendar-table .prev span{color:#fff;border:solid black;border-width:0 2px 2px 0;border-radius:0;display:inline-block;padding:3px}.daterangepicker .calendar-table .next span{transform:rotate(-45deg);-webkit-transform:rotate(-45deg)}.daterangepicker .calendar-table .prev span{transform:rotate(135deg);-webkit-transform:rotate(135deg)}.daterangepicker .calendar-table th,.daterangepicker .calendar-table td{white-space:nowrap;text-align:center;vertical-align:middle;min-width:32px;width:32px;height:24px;line-height:24px;font-size:12px;border-radius:4px;border:1px solid transparent;white-space:nowrap;cursor:pointer}.daterangepicker .calendar-table{border:1px solid #fff;border-radius:4px;background-color:#fff}.daterangepicker .calendar-table table{width:100%;margin:0;border-spacing:0;border-collapse:collapse}.daterangepicker td.available:hover,.daterangepicker th.available:hover{background-color:#eee;border-color:transparent;color:inherit}.daterangepicker td.week,.daterangepicker th.week{font-size:80%;color:#ccc}.daterangepicker td.off,.daterangepicker td.off.in-range,.daterangepicker td.off.start-date,.daterangepicker td.off.end-date{background-color:#fff;border-color:transparent;color:#999}.daterangepicker td.in-range{background-color:#ebf4f8;border-color:transparent;color:#000;border-radius:0}.daterangepicker td.start-date{border-radius:4px 0 0 4px}.daterangepicker td.end-date{border-radius:0 4px 4px 0}.daterangepicker td.start-date.end-date{border-radius:4px}.daterangepicker td.active,.daterangepicker td.active:hover{background-color:#357ebd;border-color:transparent;color:#fff}.daterangepicker th.month{width:auto}.daterangepicker td.disabled,.daterangepicker option.disabled{color:#999;cursor:not-allowed;text-decoration:line-through}.daterangepicker select.monthselect,.daterangepicker select.yearselect{font-size:12px;padding:1px;height:auto;margin:0;cursor:default}.daterangepicker select.monthselect{margin-right:2%;width:56%}.daterangepicker select.yearselect{width:40%}.daterangepicker select.hourselect,.daterangepicker select.minuteselect,.daterangepicker select.secondselect,.daterangepicker select.ampmselect{width:50px;margin:0 auto;background:#eee;border:1px solid #eee;padding:2px;outline:0;font-size:12px}.daterangepicker .calendar-time{text-align:center;margin:4px auto 0 auto;line-height:30px;position:relative}.daterangepicker .calendar-time select.disabled{color:#ccc;cursor:not-allowed}.daterangepicker .drp-buttons{clear:both;text-align:right;padding:8px;border-top:1px solid #ddd;display:none;line-height:12px;vertical-align:middle}.daterangepicker .drp-selected{display:inline-block;font-size:12px;padding-right:8px}.daterangepicker .drp-buttons .btn{margin-left:8px;font-size:12px;font-weight:bold;padding:4px 8px}.daterangepicker.show-ranges .drp-calendar.left{border-left:1px solid #ddd}.daterangepicker .ranges{float:none;text-align:left;margin:0}.daterangepicker.show-calendar .ranges{margin-top:8px}.daterangepicker .ranges ul{list-style:none;margin:0 auto;padding:0;width:100%}.daterangepicker .ranges li{font-size:12px;padding:8px 12px;cursor:pointer}.daterangepicker .ranges li:hover{background-color:#eee}.daterangepicker .ranges li.active{background-color:#08c;color:#fff}@media (min-width: 564px){.daterangepicker{width:auto}.daterangepicker .ranges ul{width:140px}.daterangepicker.single .ranges ul{width:100%}.daterangepicker.single .drp-calendar.left{clear:none}.daterangepicker.single.ltr .ranges,.daterangepicker.single.ltr .drp-calendar{float:left}.daterangepicker.single.rtl .ranges,.daterangepicker.single.rtl .drp-calendar{float:right}.daterangepicker.ltr{direction:ltr;text-align:left}.daterangepicker.ltr .drp-calendar.left{clear:left;margin-right:0}.daterangepicker.ltr .drp-calendar.left .calendar-table{border-right:none;border-top-right-radius:0;border-bottom-right-radius:0}.daterangepicker.ltr .drp-calendar.right{margin-left:0}.daterangepicker.ltr .drp-calendar.right .calendar-table{border-left:none;border-top-left-radius:0;border-bottom-left-radius:0}.daterangepicker.ltr .drp-calendar.left .calendar-table{padding-right:8px}.daterangepicker.ltr .ranges,.daterangepicker.ltr .drp-calendar{float:left}.daterangepicker.rtl{direction:rtl;text-align:right}.daterangepicker.rtl .drp-calendar.left{clear:right;margin-left:0}.daterangepicker.rtl .drp-calendar.left .calendar-table{border-left:none;border-top-left-radius:0;border-bottom-left-radius:0}.daterangepicker.rtl .drp-calendar.right{margin-right:0}.daterangepicker.rtl .drp-calendar.right .calendar-table{border-right:none;border-top-right-radius:0;border-bottom-right-radius:0}.daterangepicker.rtl .drp-calendar.left .calendar-table{padding-left:12px}.daterangepicker.rtl .ranges,.daterangepicker.rtl .drp-calendar{text-align:right;float:right}}@media (min-width: 730px){.daterangepicker .ranges{width:auto}.daterangepicker.ltr .ranges{float:left}.daterangepicker.rtl .ranges{float:right}.daterangepicker .drp-calendar.left{clear:none !important}}
@font-face{font-family:'Raleway';font-style:normal;font-weight:400;src:url(font/Raleway-Regular.ttf) format("truetype")}@font-face{font-family:'Raleway';font-style:normal;font-weight:700;src:url(font/Raleway-Bold.ttf) format("truetype")}@font-face{font-family:'Raleway';font-style:italic;font-weight:400;src:url(font/Raleway-Italic.ttf) format("truetype")}@font-face{font-family:'Raleway';font-style:italic;font-weight:700;src:url(font/Raleway-BoldItalic.ttf) format("truetype")}@font-face{font-family:'Raleway';font-style:normal;font-weight:100;src:url(font/Raleway-Thin.ttf) format("truetype")}@font-face{font-family:'Raleway';font-style:italic;font-weight:100;src:url(font/Raleway-ThinItalic.ttf) format("truetype")}html{overflow:hidden;height:100%}body{height:100%;overflow:auto;padding:0;margin:0;font-family:'Raleway', sans-serif;font-size:16px;background-color:#313131;overflow-y:hidden}.btn{box-sizing:border-box;cursor:pointer;text-align:center;display:inline-block;padding:8px 16px;border-radius:8px;background-color:#313131;color:#fff;transition:all 0.2s ease;-webkit-tap-highlight-color:rgba(0,0,0,0);margin:8px}.btn:hover{background-color:#393939;box-shadow:rgba(0,0,0,0.3) 0 16px 16px 0}.noselect{-webkit-touch-callout:none;-webkit-user-select:none;-khtml-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}.app{height:100%;display:flex;flex-direction:column}.app>.header{height:50px;min-height:50px;background-color:#313131;color:#fff;display:flex;align-items:center;justify-content:space-between}.app>.header .user{cursor:pointer;display:none;float:right;margin:0 16px;height:30px;line-height:30px;padding-left:40px;background-image:url(img/user-circle-o.svg);background-size:contain;background-position:left center;background-repeat:no-repeat}.app>.header .logo{cursor:pointer;margin:0 16px;height:80%;width:150px;background-image:url(img/RedFireTechnologyWhite.svg);background-size:contain;background-position:left center;background-repeat:no-repeat}.app>.body{flex-grow:1;display:flex}.app>.body .view{flex-grow:1;display:flex;overflow-y:scroll;-webkit-overflow-scrolling:touch}input{box-sizing:border-box;width:100%;outline:none;border:none;padding:8px 16px;border-radius:8px;background-color:#fff}.tinter{position:absolute;top:0;right:0;bottom:0;left:0;background-color:rgba(0,0,0,0.8);display:flex;align-items:center;justify-content:center}.tinter .modal{border-radius:3px;overflow:hidden}.tinter .modal .header{background-color:#313131;padding:4px 16px;color:#fff}.tinter .modal .body{background-color:#fff;padding:16px}.blocker{position:absolute;z-index:1;top:0;right:0;bottom:0;left:0;background-color:rgba(255,255,255,0.1)}.drop-down{position:relative;display:inline-block}.drop-down .drop-down-content{position:absolute;right:0;background-color:#f1f1f1;min-width:160px;box-shadow:0px 8px 16px 0px rgba(0,0,0,0.2);border:1px solid #000;border-bottom-left-radius:4px;border-bottom-right-radius:4px;z-index:2}.drop-down .drop-down-content .menu-option{padding:8px;color:#000}.drop-down .drop-down-content .menu-option:hover{background-color:#ddd}
.app>.body .view.login{overflow-y:auto}.login{background-color:#000;background-image:url(img/RedFireTechnologySubtle.svg);background-size:contain;background-position:center;background-repeat:no-repeat;align-items:center;justify-content:center;flex-direction:column;color:#fff}.login .login-form,.login .reset-password{max-width:400px;padding:25px;background-color:rgba(0,0,0,0.6);border-radius:16px}.login .login-form .title,.login .reset-password .title{font-size:120%}.login .login-form label,.login .reset-password label{display:none;font-size:120%;padding:4px 0}.login .login-form input,.login .reset-password input{font-size:120%}.login .login-form>div,.login .reset-password>div{padding:8px 0}.login .login-form .error,.login .reset-password .error{display:none;padding:8px 0 16px;color:#b50000}.login .reset-password input{margin-bottom:12px}.login .reset-password .msg{padding:16px;color:#fff}.login .reset-password .confirmed{color:#469946;font-size:130%}.login .forgot-password{cursor:pointer;color:#9a9a9a;margin:-5px 0 -10px;font-size:80%;text-decoration:underline}.login .login-controls{position:absolute;left:0;right:0;bottom:0;color:#444}.login .login-controls .clear-client-id{cursor:pointer}.login .btn{display:block;margin:16px;font-size:150%}
.hardware-test{background-color:#6a283e;flex-direction:column}.temp{flex-direction:column;background-color:#9bc9b0}.temp input{width:250px}.gc-form{padding:16px}.gc-form>div{padding:8px 0}.gc-form label{display:block}.log{background-color:#000;color:#0f0;font-family:monospace;margin:12px 0;overflow-x:hidden}.log>div{padding:4px}
.app>.body>.report{overflow-y:hidden}.spinning{-webkit-animation:rotation 2s infinite linear}@-webkit-keyframes rotation{from{-webkit-transform:rotate(0deg)}to{-webkit-transform:rotate(359deg)}}.report{flex-direction:column;background-color:#99b6c8;overflow:hidden}.report .tinter{top:100px}.report .selectors{height:50px;min-height:50px;background-color:#212121;display:flex;flex-direction:row;justify-content:flex-end}.report .selectors .refresh{cursor:pointer;width:50px;height:50px;background-image:url(img/refresh.svg);background-size:70%;background-position:center;background-repeat:no-repeat}.report .selectors .report-title{flex-grow:1;line-height:50px;color:#fff;font-size:140%;padding:0 8px}.report .selectors select{margin:8px;font-size:150%}.report .selectors .tab{cursor:pointer;box-sizing:border-box;padding:8px 0 0 0;display:inline-block;height:40px;min-width:48px;margin:10px 8px 0;background-color:#313131;border-top-left-radius:6px;border-top-right-radius:6px;color:#fff;text-align:center;overflow:hidden}.report .selectors .tab .icon{display:inline-block;vertical-align:top;margin:0 10px}.report .selectors .tab .title{display:inline-block;vertical-align:top;margin:4px 10px 0 0}.report .selectors .tab svg{width:24px;height:24px}.report .selectors .tab svg path{fill:#fff}.report .selectors .tab:hover{background-color:#3f3f3f}.report .selectors .tab.active{background-color:#fff;color:#313131}.report .selectors .tab.active svg path{fill:#313131}.report .tab-content{background-color:#212121;padding:0 7px}.report .tab-content>div{position:absolute;right:0;z-index:10;padding:16px;margin-bottom:8px;background-color:#fff;border-bottom-left-radius:8px;border-bottom-right-radius:8px;border-top-left-radius:8px;border-left:1px solid #313131;border-right:1px solid #313131;border-bottom:1px solid #313131}.report .scrollable-table{display:flex;flex-grow:1;flex-direction:column;overflow-x:scroll;position:relative}.report .scrollable-table-inner{display:flex;flex-grow:1;flex-direction:column}.report .scrollable-table-inner>.fields{box-sizing:border-box;height:50px;min-height:50px;font-weight:700;border-bottom:1px solid #212121;white-space:nowrap}.report .scrollable-table-inner>.fields .field{cursor:pointer;display:inline-block;box-sizing:border-box;min-width:80px;overflow-x:hidden;text-overflow:ellipsis;min-height:1px;padding:6px 8px;line-height:36px}.report .scrollable-table-inner>.fields .sorted{background-color:rgba(255,255,255,0.1);background-size:16px;background-position:right;background-repeat:no-repeat}.report .scrollable-table-inner>.fields .sorted.asc{background-image:url(img/angle-up.svg)}.report .scrollable-table-inner>.fields .sorted.desc{background-image:url(img/angle-down.svg)}.report .scrollable-table-inner>.records{display:flex;flex-direction:column;flex-grow:1;overflow-y:scroll;font-family:sans-serif;background-color:#fff;overflow-x:hidden;height:1px}.report .scrollable-table-inner>.records>.zero-results{font-size:150%;padding:32px;color:#ddd}.report .scrollable-table-inner>.records .record{border-bottom:1px solid #777;white-space:nowrap}.report .scrollable-table-inner>.records .record .field{height:100%;box-sizing:border-box;display:inline-block;min-width:80px;overflow-x:hidden;min-height:1px;padding:8px;border-right:1px solid #ddd}.report .scrollable-table-inner>.records .record .field.currency{text-align:right}.report .scrollable-table-inner>.records .record:nth-child(even){background-color:#eee}.report .scrollable-table-inner>.records>.loading{height:100%;min-height:500px;-webkit-animation:rotation 2s infinite linear;background-image:url(img/refresh-gray.svg);background-position:center;background-repeat:no-repeat;background-size:40%}.report .scrollable-table-inner .totals{height:50px;min-height:50px;font-weight:700;border-top:1px solid #212121}.report .scrollable-table-inner .totals .field{display:inline-block;box-sizing:border-box;padding:8px}.report .scrollable-table-inner .totals .field.currency{text-align:right}.report .new-record{background-color:#1b2f3d;text-align:right}.select-collection{min-width:400px}.select-collection .collection{cursor:pointer;padding:8px 0}.select-collection .collection.active{font-weight:700}.manage-fields{width:440px}.manage-fields .headers .header{display:inline-block;vertical-align:top;width:50%;border-bottom:1px solid #313131;font-size:130%;padding-bottom:6px}.manage-fields .field-option{padding:8px}.manage-fields .dd-column{display:inline-block;vertical-align:top;width:50%;max-height:400px;overflow-y:auto}.manage-fields .available-fields .field-option{cursor:pointer;border-right:1px solid #313131}.manage-fields .available-fields .field-option.active{font-weight:700}.manage-fields .active-fields .field-option{cursor:ns-resize}.manage-filters{width:600px;display:flex;flex-direction:row}.manage-filters .filter-list{width:40%;padding-right:16px;border-right:1px solid #000}.manage-filters .filter-list .filter{cursor:pointer;padding:4px}.manage-filters .filter-list .filter.active{background-color:#ddd;font-weight:700;border-radius:4px;box-shadow:inset 0 0 5px #777}.manage-filters .filter-config{width:60%;padding-left:16px}.manage-filters .filter-config .field{margin-bottom:16px}.manage-filters .filter-config .field label{display:block;color:#999}.manage-filters .filter-config .field input,.manage-filters .filter-config .field select{display:block;padding:4px 4px 1px 4px;border-radius:0;border-bottom:1px solid #313131;font-size:130%}@media screen and (max-width: 700px){.app>.body>.report .report-title{font-size:100%}.app>.body>.report .tab>.title{display:none}.app>.body>.report .tab.download-csv{display:none}.app>.body>.report .select-collection{min-width:300px}}
.app>.body>.document{overflow-y:hidden}.document{flex-direction:column;background-color:rgba(222,237,241,0.9)}.document .header .back{float:left;font-weight:700;padding:8px}.document .header .title{font-weight:700;text-align:center;padding:8px;font-size:130%}.document .body{position:absolute;top:100px;right:0;left:0;bottom:0;display:flex;flex-grow:1;flex-direction:row}.document .body>div{overflow-y:scroll}.document .body .fields{width:400px;padding:16px}.document .body .field{padding:4px}.document .body .field input{font-size:120%}.document .body .controls{width:300px;padding:16px}.document .body .set-permission{margin-bottom:12px}.document .body .permission-toggle{height:30px;background-image:url(img/toggle-undefined.svg);background-size:contain;background-repeat:no-repeat}.document .body .permission-toggle.on{cursor:pointer;background-image:url(img/toggle-on.svg)}.document .body .permission-toggle.off{cursor:pointer;background-image:url(img/toggle-off.svg)}.document .body .active-targets{color:#096b09;max-height:100px;overflow-y:auto}.document .body .active-targets .active-target{cursor:pointer}.document .body .available-targets{color:#777;max-height:100px;overflow-y:auto}.document .body .available-targets .available-target{cursor:pointer}
.body>.settings{flex-direction:column;overflow:hidden;background-color:#fff}
.panel{flex-grow:1;transition:all 300ms linear;overflow:hidden;min-height:1px}.remove-left{margin-left:-1024px;margin-right:1024px}.remove-right{margin-left:1024px;margin-right:-1024px}.panel.add-right{margin-left:1024px;margin-right:-1024px}.panel.add-left{margin-left:-1024px;margin-right:1024px}.purchase{justify-content:center}.purchase .panel.shrink{flex:0.00001}.purchase .debug{background-color:rgba(145,84,84,0.9);flex:0 0 150px;text-align:center}.purchase .debug .btn{padding-top:20px;padding-bottom:20px}.purchase .btn{cursor:pointer;color:#fff;border:1px solid #333;-webkit-box-shadow:0px 0px 10px 0px #332b22;text-align:center}.purchase .cancel{background-color:#8a3630;font-size:80%;line-height:36px}.purchase .items{display:block;overflow-y:scroll;-webkit-overflow-scrolling:touch}.purchase .items .item{cursor:pointer;border:1px solid #333;display:inline-block;background-color:#fff;-webkit-box-sizing:border-box;width:30%;margin:1.5%;border-radius:8px;overflow:hidden}.purchase .items .item .image{height:120px;background-position:center;background-size:cover}.purchase .items .item .name{padding:8px;text-transform:uppercase;font-size:110%}.purchase .cart{flex:0 0 300px;display:flex;flex-direction:column;position:relative}.purchase .cart .receipt-container{flex-grow:1;padding:0 12px 0 12px;overflow-y:scroll;-webkit-overflow-scrolling:touch}.purchase .cart .receipt{background-color:#fff;-webkit-box-shadow:0px 0px 10px 0px #332b22;margin-top:12px;margin-bottom:105px;padding:16px;font-family:monospace}.purchase .cart .receipt .receipt-header{text-align:center;margin-bottom:16px}.purchase .cart .receipt .receipt-header .company{font-size:130%;font-weight:700}.purchase .cart .receipt .line-items .item{padding:4px 0}.purchase .cart .receipt .line-items .item .label{text-transform:uppercase}.purchase .cart .receipt .line-items .item .value{float:right}.purchase .cart .receipt .totals{margin-top:16px}.purchase .cart .receipt .totals .label{text-transform:uppercase}.purchase .cart .receipt .totals .value{float:right}.purchase .cart .receipt .totals .total{font-size:120%;font-weight:700}.purchase .cart .payments{display:none;border-top:1px dashed #000;border-bottom:1px dashed #000;padding:16px 0}.purchase .cart .payments .payment{padding:4px 0}.purchase .cart .payments .payment .label{text-transform:uppercase}.purchase .cart .payments .payment .value{float:right}.purchase .cart .due{display:none;font-size:120%;font-weight:700}.purchase .cart .due .label{text-transform:uppercase}.purchase .cart .due .value{float:right}.purchase .cart .buttons{position:absolute;bottom:0;left:0;right:0;padding:12px;clear:both}.purchase .cart .buttons .pay{display:none;float:right;background-color:#648a57;font-size:150%;line-height:36px;height:52px;width:40%}.purchase .cart .buttons .cancel{display:none;float:left;height:52px;width:40%}.purchase>.customer{flex:0 0 350px;display:flex;flex-direction:column}.purchase>.customer .title{margin:25px;color:#fff;text-align:center;font-size:200%}.purchase>.customer .search{padding:0 25px}.purchase>.customer .search input{font-size:200%;text-align:center}.purchase>.customer .results{flex-grow:1;padding:25px 0;color:#eee;font-size:200%;text-align:center}.purchase>.customer .error{color:#bd2b2b}.purchase .payment-types{flex:0 0 200px}.purchase .payment-types .payment-type{display:block;padding:24px}.purchase>.payment{border-left:1px solid #333}.purchase>.payment>.title{color:#fff;font-size:200%;margin:25px}.purchase>.payment>.cancel{margin:25px}.purchase>.payment .pay-amount-container{width:300px;margin:16px auto}.purchase>.payment .pay-amount-container label{color:#fff;display:block;margin-bottom:8px}.purchase>.payment .pay-amount-container input{font-size:200%;text-align:center}.purchase .credit-card{background-color:#426375}.purchase .gift-card{background-color:#60888c}.purchase .cash{background-color:#1f6752}.purchase .cash .quick-amounts{float:right}.purchase .cash .quick-amounts .btn{display:block;font-size:250%;padding:25px 40px 25px 25px;margin:15px -15px 15px 15px}.purchase .cash .pay{float:right;font-size:250%;padding:25px 40px 25px 25px;margin:15px -15px 15px 15px}.purchase .e-invoice{background-color:#65584c}.number-pad{width:300px;margin:0 auto}.number-pad .key{position:relative;overflow:visible;-webkit-transition:color 0.7s;transition:color 0.7s;box-sizing:border-box;display:inline-block;width:90px;height:90px;line-height:90px;margin:5px;text-align:center;border-radius:50%;border:2px solid #fff;color:#fff;font-size:200%;background-color:rgba(0,0,0,0.3)}.number-pad .key::after{position:absolute;top:50%;left:50%;margin:-35px 0 0 -35px;width:70px;height:70px;border-radius:50%;content:'';opacity:0;pointer-events:none;box-sizing:border-box}.number-pad .cbutton--effect-jelena::after{border:4px solid rgba(255,255,255,0.8)}.number-pad .cbutton--effect-jelena.cbutton--click::after{-webkit-animation:anim-effect-jelena 0.2s ease-out forwards;animation:anim-effect-jelena 0.2s ease-out forwards}@-webkit-keyframes anim-effect-jelena{0%{opacity:1;-webkit-transform:scale3d(0.5, 0.5, 1);transform:scale3d(0.5, 0.5, 1)}to{opacity:0;-webkit-transform:scale3d(1.2, 1.2, 1);transform:scale3d(1.2, 1.2, 1)}}@keyframes anim-effect-jelena{0%{opacity:1;-webkit-transform:scale3d(0.5, 0.5, 1);transform:scale3d(0.5, 0.5, 1)}to{opacity:0;-webkit-transform:scale3d(1.2, 1.2, 1);transform:scale3d(1.2, 1.2, 1)}}.status-indicators{position:absolute;bottom:0;left:0}.status-indicators>div{width:5px;height:5px;border-radius:50%;margin:2px;background-color:#ccc}.status-indicators .green{background-color:#2d9a2d}.status-indicators .yellow{background-color:#cbc143}.status-indicators .red{background-color:#b62424}
.app>.body>.purchase-details{display:block;background-color:#cad6d6;position:absolute;top:50px;right:0;left:0;bottom:0}.app>.body>.purchase-details>.header{text-align:center;font-size:150%;font-weight:700;padding:8px}.app>.body>.purchase-details .address{box-sizing:border-box;display:inline-block;vertical-align:top;width:50%;padding:8px 16px}.app>.body>.purchase-details .address>.title{font-weight:700;font-size:120%;margin-bottom:8px}.app>.body>.purchase-details .address>.email{font-weight:700;margin-top:8px}.app>.body>.purchase-details .address>.phone{font-weight:700;margin-top:8px}.app>.body>.purchase-details .purchase-date{font-size:150%;padding:8px 16px}.app>.body>.purchase-details .purchase-items{padding:8px 16px}.app>.body>.purchase-details .purchase-item>div{display:inline-block;vertical-align:top}.app>.body>.purchase-details .purchase-item .img{width:90px}.app>.body>.purchase-details .purchase-item .img img{width:100%}.app>.body>.purchase-details .purchase-item .name{width:400px;padding:8px}.app>.body>.purchase-details .purchase-item .price{width:80px;padding:8px;text-align:right}.app>.body>.purchase-details .purchase-item .qty{width:80px;padding:8px}.app>.body>.purchase-details .purchase-item .line-total{width:80px;padding:8px;text-align:right}.app>.body>.purchase-details .customer-notes{display:inline-block;vertical-align:top;width:50%;box-sizing:border-box;padding:8px 16px}.app>.body>.purchase-details .customer-notes>.title{font-weight:700;font-size:120%;margin-bottom:8px;margin-top:16px}.app>.body>.purchase-details .purchase-totals{display:inline-block;vertical-align:top;width:50%;box-sizing:border-box;padding:8px 16px}.app>.body>.purchase-details .purchase-totals .line{margin:4px 0}.app>.body>.purchase-details .purchase-totals .label{display:inline-block;width:100px;text-align:right}.app>.body>.purchase-details .purchase-totals .value{display:inline-block;width:100px;text-align:right}.app>.body>.purchase-details .transactions{padding:8px 16px}.app>.body>.purchase-details .transactions .title{font-weight:700;font-size:120%;margin-bottom:8px;margin-top:16px}.app>.body>.purchase-details .transactions .transactions-list{display:table}.app>.body>.purchase-details .transactions .transactions-list .transaction{display:table-row}.app>.body>.purchase-details .transactions .transactions-list .transaction>div{display:table-cell;padding:4px 16px}.app>.body>.purchase-details .fulfillment{padding:8px 16px}.app>.body>.purchase-details .fulfillment .title{font-weight:700;font-size:120%;margin-bottom:8px;margin-top:16px}.app>.body>.purchase-details .fulfillment .fulfill-item>div{display:inline-block;vertical-align:top;padding:4px;box-sizing:border-box}.app>.body>.purchase-details .fulfillment .fulfill-item .index{color:#777;width:20px;text-align:right}.app>.body>.purchase-details .fulfillment .fulfill-item .name{width:250px}.app>.body>.purchase-details .fulfillment .fulfill-item .price{width:90px}.app>.body>.purchase-details .fulfillment .fulfill-item .card-number{width:100px}.app>.body>.purchase-details .fulfillment .fulfill-item .loaded-date{width:200px}
.app>.body>.fulfillment{flex-direction:column;background-color:#cba9bd;overflow:hidden;display:flex}.app>.body>.fulfillment .fulfillment-header{text-align:center;font-size:150%}.app>.body>.fulfillment .pending-header{font-size:150%;border-bottom:2px solid #333;padding:0 8px}.app>.body>.fulfillment .pending-container{overflow-y:scroll;height:290px}.app>.body>.fulfillment .completed-header{font-size:150%;border-bottom:2px solid #333;padding:0 8px}.app>.body>.fulfillment .completed-container{overflow-y:scroll;height:290px}.app>.body>.fulfillment .row{cursor:pointer;padding:8px 0;background-color:#fff;border-bottom:solid 1px #eee}.app>.body>.fulfillment .row:hover{background-color:#ccc}.app>.body>.purchase-fulfillment{flex-direction:row;background-color:#cba9bd;overflow:hidden;display:flex;font-family:sans-serif;font-size:90%;padding:0 20px}.app>.body>.purchase-fulfillment label{display:block;font-weight:700;margin:16px 0 8px}.app>.body>.purchase-fulfillment .purchase-col{display:flex;flex-direction:column;flex:50%}.app>.body>.purchase-fulfillment .purchase-col .back{cursor:pointer;float:left;width:50px;height:50px;background-image:url(img/arrow-circle-left.svg);background-size:contain;background-repeat:no-repeat;margin-top:-58px}.app>.body>.purchase-fulfillment .purchase-col .title{font-size:150%;text-align:center;margin:20px 0}.app>.body>.purchase-fulfillment .purchase-col .customer-email{font-weight:700;margin:6px 0}.app>.body>.purchase-fulfillment .purchase-col .customer-phone{font-weight:700;margin:6px 0}.app>.body>.purchase-fulfillment .purchase-col .addresses{padding:20px}.app>.body>.purchase-fulfillment .purchase-col .billing-address{display:inline-block;width:50%;vertical-align:top}.app>.body>.purchase-fulfillment .purchase-col .shipping-address{display:inline-block;width:50%;vertical-align:top}.app>.body>.purchase-fulfillment .purchase-col .customer-notes{margin-bottom:25px}.app>.body>.purchase-fulfillment .cards-col{display:flex;flex-direction:column;flex:50%}.app>.body>.purchase-fulfillment .cards-col .cards-container{flex-grow:1;border-left:1px solid #333;border-top:1px solid #333;border-bottom:1px solid #333;background-color:#fff;overflow-y:scroll}.app>.body>.purchase-fulfillment .cards-col .cards-container .card-record{cursor:pointer;font-size:125%;padding:8px}.app>.body>.purchase-fulfillment .cards-col .cards-container .card-record>div{vertical-align:top;display:inline-block;padding-right:8px}.app>.body>.purchase-fulfillment .cards-col .cards-container .card-record .card-index{color:#999}.app>.body>.purchase-fulfillment .cards-col .cards-container .selected{background-color:#99bed9}.app>.body>.purchase-fulfillment .cards-col .issue-container{display:none;height:130px}.app>.body>.purchase-fulfillment .cards-col .issue-container .new-card-ledger-id{display:none}.app>.body>.purchase-fulfillment .cards-col .issue-container .new-card-amount{display:none}.app>.body>.purchase-fulfillment .column-header{font-size:150%}.rot-90{position:absolute;width:0;height:0;top:0;left:50%;transform:rotate(270deg) translateX(-9.5in)}.print{display:none}@media print{@page{margin:0}body{background-color:#fff}.app{display:none}.print{display:block;position:absolute;top:0;left:0;bottom:0;right:0}}
.app>.body{background-color:#9b9b9b;background-position:center;background-size:cover}@font-face{font-family:'Futura';font-style:normal;font-weight:400;src:url(font/futura-medium-bt.ttf) format("truetype")}.envelope{height:4.125in;width:9.5in;transform:translateY(-2.0625in);position:absolute;font-size:11.1px;font-family:sans-serif}.envelope .to-address{font-family:"Times New Roman", Times, serif;display:inline-block;transform:translateX(-50%);margin-left:50%;margin-top:0.95in;font-size:16px}.envelope .from-address{display:inline-block;padding:0.25in 0 0 0.25in;font-family:'Futura', sans-serif}.envelope .from-address .logo{width:1.82in}.envelope .from-address .logo svg{width:100%}.envelope .from-address .address-line{border-top:1px solid #000;padding-top:0.08in;margin-top:0.08in}.ios-print{transform:translateY(-2.0625in) translateX(0.6in) scale(0.94)}
.dashboard{background-color:#be3636;align-items:center;justify-content:center;flex-direction:column}.dashboard .btn{display:block;margin:16px;font-size:150%}
.app>.body>.communication,.app>.body>.communication-edit{display:block;background-color:#e8e8e8;color:#313131}.app>.body>.communication>.title,.app>.body>.communication-edit>.title{text-transform:uppercase;font-size:150%;font-weight:700;margin:0 25px}.app>.body>.communication .direct-inbox-link,.app>.body>.communication-edit .direct-inbox-link{cursor:pointer;display:inline-block;position:relative}.app>.body>.communication .direct-inbox-link .icon,.app>.body>.communication-edit .direct-inbox-link .icon{display:inline-block;vertical-align:top;width:48px;height:48px;background-image:url(img/envelope-o.svg);background-size:contain;background-position:center;background-repeat:no-repeat}.app>.body>.communication .direct-inbox-link .pending-count,.app>.body>.communication-edit .direct-inbox-link .pending-count{position:absolute;right:-8px;display:none;vertical-align:top;background-color:#f00;color:#fff;border-radius:50%;width:16px;height:16px;text-align:center;line-height:16px}.app>.body>.communication .box,.app>.body>.communication-edit .box{display:inline-block;vertical-align:top;width:486px;margin:12px;border:1px solid #999;border-radius:6px;background-color:#fff;overflow:hidden}.app>.body>.communication .box>.title,.app>.body>.communication-edit .box>.title{text-transform:uppercase;font-size:120%;font-weight:700;background-color:#ddd;padding:8px}.app>.body>.communication .box>.title>.add,.app>.body>.communication-edit .box>.title>.add{cursor:pointer;float:right;width:24px;height:24px;background-image:url(img/plus-circle.svg);background-size:contain;background-position:center;background-repeat:no-repeat}.app>.body>.communication .scheduled>.list .item,.app>.body>.communication-edit .scheduled>.list .item{cursor:pointer;margin:2px 16px;padding:4px;border:1px solid #999}.app>.body>.communication .scheduled>.list .item>div,.app>.body>.communication-edit .scheduled>.list .item>div{display:inline-block;vertical-align:top}.app>.body>.communication .scheduled>.list .item .edit,.app>.body>.communication-edit .scheduled>.list .item .edit{float:right;width:20px;height:20px;background-image:url(img/edit.svg);background-size:contain;background-position:center;background-repeat:no-repeat}.app>.body>.communication section,.app>.body>.communication-edit section{margin:16px}.app>.body>.communication section label,.app>.body>.communication-edit section label{display:block}.app>.tinter>.modal>.body{padding:0}.app>.tinter>.modal>.body>.direct-inbox{height:600px}.app>.tinter>.modal>.body>.direct-inbox .conversations-wrapper{display:inline-block;vertical-align:top;width:250px;height:100%}.app>.tinter>.modal>.body>.direct-inbox .conversations-wrapper .title{text-align:center;font-weight:700;border-bottom:1px solid #999;padding:16px}.app>.tinter>.modal>.body>.direct-inbox .conversations-wrapper .conversations .conversation{cursor:pointer;padding:8px;border-bottom:1px solid #999}.app>.tinter>.modal>.body>.direct-inbox .conversations-wrapper .conversations .conversation .customer-name{font-weight:700}.app>.tinter>.modal>.body>.direct-inbox .conversations-wrapper .conversations .conversation .last-message-time{font-size:70%}.app>.tinter>.modal>.body>.direct-inbox .conversations-wrapper .conversations .conversation:hover{background-color:#eee}.app>.tinter>.modal>.body>.direct-inbox .conversations-wrapper .conversations .conversation.active{background-color:#ddd}.app>.tinter>.modal>.body>.direct-inbox .conversations-wrapper .conversations .conversation.unread{background-color:#aae2aa}.app>.tinter>.modal>.body>.direct-inbox .conversation-wrapper{box-sizing:border-box;border-left:1px solid #999;display:inline-block;vertical-align:top;width:750px;height:100%;display:inline-flex;flex-direction:column}.app>.tinter>.modal>.body>.direct-inbox .conversation-wrapper .title{text-align:center;font-weight:700;border-bottom:1px solid #999;padding:16px}.app>.tinter>.modal>.body>.direct-inbox .conversation-wrapper .conversation{flex-grow:1;overflow-y:scroll;-webkit-overflow-scrolling:touch}.app>.tinter>.modal>.body>.direct-inbox .conversation-wrapper .conversation .message{margin:8px;overflow:auto}.app>.tinter>.modal>.body>.direct-inbox .conversation-wrapper .conversation .message .message-body{display:inline-block;padding:6px;border-radius:8px;color:#000;background-color:#ccc;margin-right:50px}.app>.tinter>.modal>.body>.direct-inbox .conversation-wrapper .conversation .message .message-time{font-size:70%;color:#777}.app>.tinter>.modal>.body>.direct-inbox .conversation-wrapper .conversation .message.outgoing .message-body{float:right;color:#fff;background-color:#2a7194;margin-left:50px;margin-right:0}.app>.tinter>.modal>.body>.direct-inbox .conversation-wrapper .conversation .message.outgoing .message-time{clear:both;text-align:right}.app>.tinter>.modal>.body>.direct-inbox .conversation-wrapper .conversation .message.unsent .message-body{background-color:#ad1e1e}.app>.tinter>.modal>.body>.direct-inbox .conversation-wrapper .new-message{border-top:1px solid #999;display:flex;flex-direction:row}.app>.tinter>.modal>.body>.direct-inbox .conversation-wrapper .new-message .input{flex-grow:1}
.app>.body>.developer{background-color:#634242}