/*pos*/ .webAppPOSTotal { color: #24d400; font-size:26px; font-weight:bold; } .webAppPOSChange { color: #b86200; font-size:26px; font-weight:bold; } .webAppPOSRefundOn { font-size: 13px; text-align: center; background-color: #ffffff; color: #F33535; outline: none; border: none; cursor: pointer; border-radius: 15px 15px 15px 15px; } .webAppPOSRefundOn:hover { background-color: #F33535; color: #ffffff; outline: none; } .webAppPOSRefundOn:focus { background-color: #F33535; color: #ffffff; outline: none; } .webAppPOSRefundOff { font-size: 13px; text-align: center; background-color: #dbdbdb; color: #000000; outline: none; border: none; cursor: pointer; border-radius: 15px 15px 15px 15px; } .webAppPOSRefundOff:hover { background-color: #000000; color: #d1d1d1; outline: none; } .webAppPOSRefundOff:focus { background-color: #000000; color: #d1d1d1; outline: none; } .webAppPOSDep1 { background-color: #f2f2f2; color: #141414; font-size: 15px; border-left: 1px solid #e8e8e8; border-right: 1px solid #e8e8e8; border-bottom: 1px solid #e8e8e8; cursor: pointer; } .webAppPOSDep2 { background-color: #e2ffd6; color: #141414; font-size: 15px; border-left: 1px solid #e8e8e8; border-right: 1px solid #e8e8e8; border-bottom: 1px solid #e8e8e8; cursor: pointer; } .webAppPOSDep3 { background-color: #fdffd6; color: #141414; font-size: 15px; border-left: 1px solid #e8e8e8; border-right: 1px solid #e8e8e8; border-bottom: 1px solid #e8e8e8; cursor: pointer; } .webAppPOSItems { background-color: #f0f0ff; color: #141414; font-size: 15px; border-left: 1px solid #e8e8e8; border-right: 1px solid #e8e8e8; border-bottom: 1px solid #e8e8e8; cursor: pointer; } .webAppPOSDepGridLine { border-left: 1px solid #e8e8e8; border-bottom: 1px solid #e8e8e8; } .webAppPOSSalesLineBorder { border-left: 1px solid #f5f5f5; } .webAppTextBoxPOSTender { color: #141414; background-color: transparent; font-size: 20px; font-weight: bold; height: 50px; line-height: 50px; padding-left: 7px; padding-right: 7px; border: none; border-bottom: 1px solid #ffcd94; box-sizing: border-box; outline: none; text-align: right; } .webPOSButtons { font-size: 13px; text-align: center; background-color: #dbdbdb; color: #000000; border: none; cursor: pointer; padding-left: 5px; padding-right: 5px; border-radius: 15px 15px 15px 15px; } .webPOSButtons:hover { background-color: #000000; color: #ffffff; } .webPOSButtons:focus { background-color: #000000; color: #ffffff; outline: none; } .webPOSButtonsBlank { font-size: 13px; text-align: center; background-color: #dbdbdb; color: #dbdbdb; border: none; cursor: pointer; padding-left: 5px; padding-right: 5px; border-radius: 15px 15px 15px 15px; } .webPOSButtonsBlank:hover { background-color: #000000; color: #000000; } .webPOSButtonsBlank:focus { background-color: #000000; color: #000000; outline: none; } /*pos*/ /*split layout*/ .webPOSSplitTenderBorderLeft { border-left: 1px solid #6e6e6e; } .webPOSSplitTenderGreen { background-color: #49E34E; } .webPOSSplitTenderYellow { background-color: #FFCD94; } .webPOSSplitTenderRed { background-color: #ff9494; } /*split layout*/ .formPOSDisplayLeftBorder { border-left: 1px solid #ededed; } .webAppPOSTenderGood { color: #2bff00; font-size: 13px; } .webAppPOSTenderBad { color: #ff0000; font-size: 13px; } .cashUpCash { color: #0a8c00; font-size: 13px; } .cashUpCard { color: #db7d00; font-size: 13px; } .cashUpOther { color: #9c00eb; font-size: 13px; } .cashUpSnapScan { color: #696969; font-size: 13px; } .cashUpDetails { color: #0055f0; font-size: 13px; } .cashUpDetailsText { color: #0055f0; font-size: 13px; } .cashUpOver { color: #f20000; font-size: 13px; } .cashUpUnder { color: #f20000; font-size: 13px; } .cashUpYellow { background-color: #00de1e; color: #141414; line-height: 28px; /* margin-left: 5px; */ text-indent: 2px; font-size: 13px; }