/*main*/ .labelTextHeader { font-size: 14px; color: #d1d1d1; font-weight: normal; } .labelTextBottom { font-size: 13px; color: #d1d1d1; } .labelTextHeaderMobile { font-size: 13px; color: #d1d1d1; font-weight: normal; } .labelTextBottomMobile { font-size: 13px; color: #d1d1d1; } .labelTextMenu { font-size: 13px; color: #141414; } /*main*/ .labelPOSButtonsBottom { font-size: 10px; color: #404040; font-weight: bold; } /*welcomeDiv*/ .welcomeDiv { font-size: 16px; text-indent: 20px; color: #404040; background-color: #beffb8; line-height: 30px; } /*welcomeDiv*/ /*serverNotificationsDiv*/ .serverNotificationsDiv { text-indent: 10px; } /*serverNotificationsDiv*/ /*serverNotificationsRedDiv*/ .serverNotificationsRedDiv { color: #ffffff; background-color: #F13434; font-size: 13px; } /*serverNotificationsRedDiv*/ /*serverNotificationsNormalDiv*/ .serverNotificationsNormalDiv { color: #141414; background-color: #13eb0c; font-size: 13px; } /*serverNotificationsNormalDiv*/ /*forms*/ /*fakeLink*/ .labelTextFormsFakeLink { /*color: #1c66de;*/ color: #F33535; font-size: 13px; font-weight: bold; } /*fakeLink*/ .labelPOSTextForms { font-size: 12px; color: #404040; } .labelTextFormsHeader { font-size: 14px; color: #d1d1d1; } .labelTextForms { font-size: 13px; color: #141414; } .labelTextFormsTotal { font-size: 20px; color: #0db400; font-weight: bold; } .labelTextFormsReverse { font-size: 13px; color: #cfcfcf; } /*our contact details*/ .labelTextFormsOurContactDetails { font-size: 13px; color: #141414; text-indent: 20px; font-weight: bold; text-decoration: underline; } .labelTextFormsOurContactDetailsBold { font-size: 12px; color: #141414; text-indent: 20px; /*font-weight: bold;*/ } .labelTextFormsOurContactDetailsEmailAndNumber { font-size: 13px; color: #141414; text-indent: 20px; } /*our price lists*/ .labelTextFormsOurPriceLists { font-size: 13px; color: #141414; text-indent: 20px; font-weight: bold; text-decoration: underline; } .labelTextFormsOurPriceListsBold { font-size: 12px; color: #141414; /*font-weight: bold;*/ } /*total*/ .labelTextFormsPOSTender { font-size: 17px; color: #086e0b; font-weight: bold; } .labelTextFormsPOSTenderAmount { font-size: 22px; color: #086e0b; font-weight: bold; } /*total*/ /*change*/ .labelTextFormsPOSChange { font-size: 17px; color: #faad28; font-weight: bold; } .labelTextFormsPOSChangeAmount { font-size: 22px; color: #faad28; font-weight: bold; } /*change*/ .labelTextFormsRed { font-size: 13px; color: #ff0000; } input:-webkit-autofill, input:-webkit-autofill:hover, input:-webkit-autofill:focus, textarea:-webkit-autofill, textarea:-webkit-autofill:hover, textarea:-webkit-autofill:focus, select:-webkit-autofill, select:-webkit-autofill:hover, select:-webkit-autofill:focus { /*border: 2px solid pink;*/ -webkit-text-fill-color: #141414; -webkit-box-shadow: 0 0 0px 1000px #ffffff inset; transition: background-color 5000s ease-in-out 0s; } .webAppTextBox { color: #141414; background-color: transparent; font-size: 13px; height: 30px; line-height: 30px; padding-left: 7px; padding-right: 7px; border: none; border-bottom: 1px solid #c9c9c9; box-sizing: border-box; outline: none; } .webAppTextBoxSmallText { color: #141414; background-color: transparent; font-size: 13px; height: 30px; line-height: 30px; padding-left: 7px; padding-right: 7px; border: none; border-bottom: 1px solid #c9c9c9; box-sizing: border-box; outline: none; } .webAppTextBoxSmallTextAlignRight { color: #141414; background-color: transparent; font-size: 13px; text-align: right; height: 30px; line-height: 30px; padding-left: 2px; padding-right: 2px; border: none; border-bottom: 1px solid #c9c9c9; box-sizing: border-box; outline: none; } .webAppFormComboBoxClass { color: #141414; background-color: transparent; font-weight: 300; font-size: 13px; height: 30px; line-height: 30px; padding-left: 7px; border: none; border-bottom: 1px solid #c9c9c9; box-sizing: border-box; } .webAppFormComboBoxClass:focus { outline: 1px solid #ededed; } option { background-color: #ffffff; } .webAppTextArea { color: #141414; background-color: transparent; background: transparent; font-size: 13px; padding-left: 7px; padding-right: 7px; border: none; border-bottom: 1px solid #c9c9c9; box-sizing: border-box; outline: none; } webAppTextAreaNoBorder { color: #141414; background-color: transparent; background: transparent; font-size: 13px; padding-left: 7px; padding-right: 7px; border: none; border-bottom: 1px solid #c9c9c9; box-sizing: border-box; outline: none; } .webAppTextBoxCost { color: #141414; background-color: transparent; font-size: 13px; height: 30px; line-height: 30px; padding-left: 7px; padding-right: 7px; border: none; border-bottom: 1px solid #AA0000; box-sizing: border-box; outline: none; } .webAppTextBoxGPMarkup { color: #141414; background-color: transparent; font-size: 13px; height: 30px; line-height: 30px; padding-left: 7px; padding-right: 7px; border: none; border-bottom: 1px solid #D39E00; box-sizing: border-box; outline: none; } .webAppTextBoxSelling { color: #141414; background-color: transparent; font-size: 13px; height: 30px; line-height: 30px; padding-left: 7px; padding-right: 7px; border: none; border-bottom: 1px solid #1B9D00; box-sizing: border-box; outline: none; } .webButtons { font-size: 13px; font-weight: normal; text-align: center; background-color: #373737; color: #ffffff; border: none; cursor: pointer; /*margin-top: 7px;*/ border-radius: 15px 15px 15px 15px; } .webButtons:hover { background-color: #727272; color: #ffffff; } .webButtons:focus { background-color: #727272; color: #ffffff; outline: none; } .webButtonsRefund { font-size: 13px; font-weight: normal; text-align: center; background-color: #8f0000; color: #ffffff; border: none; cursor: pointer; /*margin-top: 7px;*/ border-radius: 15px 15px 15px 15px; } .webButtonsRefund:hover { background-color: #727272; color: #ffffff; } .webButtonsRefund:focus { background-color: #727272; color: #ffffff; outline: none; } .formFunctionLink { color: #1a009e; font-size: 13px; /*font-weight: bold;*/ } /*forms*/ .posButtons { outline: none; position: relative; z-index: 1; height: 45px; font-size: 13px; display: inline-block; padding: 0 0px; text-align: center; background-color: #ededed; color: #141414; border: none; border-radius: 10px; -webkit-transition-duration: 500ms; -o-transition-duration: 500ms; transition-duration: 500ms; cursor: pointer; } .posButtonsRefundOn { outline: none; position: relative; z-index: 1; height: 45px; font-size: 13px; display: inline-block; padding: 0 0px; text-align: center; background-color: #ff0000; color: #141414; border: none; border-radius: 10px; -webkit-transition-duration: 500ms; -o-transition-duration: 500ms; transition-duration: 500ms; cursor: pointer; } .posButtonsRefundOff { outline: none; position: relative; z-index: 1; height: 45px; font-size: 13px; display: inline-block; padding: 0 0px; text-align: center; background-color: #ededed; color: #141414; border: none; border-radius: 10px; -webkit-transition-duration: 500ms; -o-transition-duration: 500ms; transition-duration: 500ms; cursor: pointer; }