@import"https://fonts.googleapis.com/css2?family=Montserrat:ital,wght@0,100..900;1,100..900&display=swap";:root{--vt-c-white: #ffffff;--vt-c-white-soft: #f8f8f8;--vt-c-white-mute: #f2f2f2;--vt-c-black: #181818;--vt-c-black-soft: #222222;--vt-c-black-mute: #282828;--vt-c-indigo: #2c3e50;--vt-c-divider-light-1: rgba(60, 60, 60, .29);--vt-c-divider-light-2: rgba(60, 60, 60, .12);--vt-c-divider-dark-1: rgba(84, 84, 84, .65);--vt-c-divider-dark-2: rgba(84, 84, 84, .48);--vt-c-text-light-1: var(--vt-c-indigo);--vt-c-text-light-2: rgba(60, 60, 60, .66);--vt-c-text-dark-1: var(--vt-c-white);--vt-c-text-dark-2: rgba(235, 235, 235, .64)}:root{--color-background: var(--vt-c-white);--color-background-soft: var(--vt-c-white-soft);--color-background-mute: var(--vt-c-white-mute);--color-border: var(--vt-c-divider-light-2);--color-border-hover: var(--vt-c-divider-light-1);--color-heading: var(--vt-c-text-light-1);--color-text: var(--vt-c-text-light-1);--section-gap: 160px}@media (prefers-color-scheme: dark){:root{--color-background: var(--vt-c-black);--color-background-soft: var(--vt-c-black-soft);--color-background-mute: var(--vt-c-black-mute);--color-border: var(--vt-c-divider-dark-2);--color-border-hover: var(--vt-c-divider-dark-1);--color-heading: var(--vt-c-text-dark-1);--color-text: var(--vt-c-text-dark-2)}}*,*:before,*:after{box-sizing:border-box;margin:0;font-weight:400}body{min-height:100vh;color:var(--color-text);background:var(--color-background);transition:color .5s,background-color .5s;line-height:1.6;font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;font-size:15px;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}#app{max-width:1280px;margin:0 auto;padding:0;font-weight:400}*{font-family:Montserrat,sans-serif;color:#000}body{margin:0;padding:0;width:fit-content}@media (hover: hover){a:hover{background-color:#00bd7e33}}@media (min-width: 1024px){body{display:flex;place-items:center}#app{display:grid;grid-template-columns:1fr 1fr;padding:0}}.app-container{height:100vh;width:100vw;overflow:hidden;position:relative}.main-header{position:fixed;height:50px;width:100%;top:0;text-align:center;align-content:center;border-bottom:1px solid lightgrey;z-index:1000}.main-content{position:absolute;width:100%;top:84px;bottom:50px;overflow-y:auto;background-color:#f5f5f5}.main-footer{position:fixed;width:100%;bottom:0;height:50px;border-top:1px solid lightgrey;align-content:center;text-align:center;background-color:#fff;color:#000;z-index:1000}.page-header{border-bottom:1px solid lightgrey;background:#61613f;background:-webkit-linear-gradient(0deg,rgba(97,97,63,1) 0%,rgba(65,71,34,1) 45%,rgba(38,38,0,1) 100%);background:-moz-linear-gradient(0deg,rgba(97,97,63,1) 0%,rgba(65,71,34,1) 45%,rgba(38,38,0,1) 100%);background:linear-gradient(0deg,#61613f,#414722 45%,#262600);font-size:16px;padding:4px 0;color:#fff;text-align:center;font-weight:700;text-transform:uppercase;position:fixed;top:50px;width:100%;height:34px;z-index:1000}.page-content{margin:auto;max-width:800px}.page-message{margin:20px;background-color:#faebd7;border-radius:6px;padding:10px;width:fit-content}.form-addedit{border:1px solid lightgrey;border-radius:4px;padding:6px;margin:4px;display:flex}.form-addedit-dataitems{width:90%;border-right:1px solid lightgrey;padding:6px}.form-addedit-controls{width:10%;min-width:56px;padding:6px;text-align:end}.form-data-label{font-weight:700;display:block}.form-field-text{font-family:inherit;display:block;width:100%;max-width:400px;border-radius:4px;padding:4px}.form-field-longtext{font-family:inherit;display:block;width:100%;max-width:800px;border-radius:4px;padding:4px;overflow-x:hidden}.form-field-shorttext{font-family:inherit;display:block;width:100%;max-width:100px;border-radius:4px;padding:4px;overflow-x:hidden}.form-field-datetime{font-family:inherit;display:block;width:100%;max-width:150px;border-radius:4px;padding:4px;overflow-x:hidden}.form-field-dropdown{font-family:inherit;display:block;width:100%;max-width:400px;border-radius:4px;padding:4px;overflow-x:hidden}.actionbutton-container{padding:6px 0 0 4px}.checkbox-container{margin:4px}.checkbox-label{margin-right:6px}.checkbox-box{margin-top:2px}.datacard{border:1px solid lightgrey;border-radius:4px;padding:6px;margin:4px;display:flex}.datacard-dataitems{width:80%;border-right:1px solid lightgrey;padding:6px}.datacard-fullwidth{width:100%;padding:6px}.datacard-controls{width:20%;min-width:56px;padding:6px;text-align:end}.dataitem-withicon{display:flex;align-items:end}.dataitem-header{font-size:12px;text-transform:uppercase}.dataitem-name{font-weight:700}.dataitem-value{overflow-x:hidden;white-space:nowrap}.dataitem-icon{height:24px;width:24px;margin:4px 4px 0 0}.login-container{max-width:360px;margin:3rem auto;padding:2rem;border:1px solid #ddd;border-radius:6px;box-shadow:0 0 10px #eee}.loginform-toggle{display:flex;justify-content:space-around;margin-bottom:1rem}.loginform-toggle button{flex:1;padding:10px;border:none;background:#f5f5f5;cursor:pointer;font-weight:700;transition:background .3s;border-radius:4px}.loginform-toggle button.active{background:#007bff;color:#fff}.loginform{display:flex;flex-direction:column}.loginform input{margin:8px 0;padding:10px;font-size:1rem}.loginform button{margin-top:1rem;padding:10px;background:#007bff;color:#fff;border:none;cursor:pointer;border-radius:4px}.loginform .alertmessage{margin-top:1rem;font-size:.9rem;color:#d00}.result-container{display:flex;flex-direction:column;width:100%}.result-header{font-size:12px;text-transform:uppercase;display:flex;flex-direction:row;margin-left:4px}.match-header{width:40%;display:flex;flex-direction:column}.match-number{font-weight:700}.scores-header{width:20%;text-align:center}.result-content{display:flex;flex-direction:row;margin-left:4px}.home-team{display:flex;padding:8px 0;align-items:center;width:100%}.result-home-team{display:flex;padding:8px 0;align-items:center;height:40px}.home-team-name{font-weight:700;padding-left:10px;margin-right:6px;width:80%}.home-team-badge{max-height:30px;max-width:30px}.home-team-score{font-size:20px;font-weight:700;margin-right:6px;width:20%;text-align:right}.home-team-controls{display:flex}.result-teams{width:40%}.away-team{display:flex;padding:8px 0;align-items:center;width:100%}.result-away-team{display:flex;padding:8px 0;align-items:center;height:40px}.away-team-name{font-weight:700;padding-left:10px;margin-right:6px;width:80%}.away-team-badge{max-height:30px;max-width:30px}.away-team-score{font-size:20px;font-weight:700;margin-right:6px;width:20%;text-align:right}.result-score{font-size:20px;font-weight:700;text-align:center}.away-team-controls{display:flex}.player-scores{display:flex;flex-direction:column;width:20%;text-align:-webkit-center}.player-score{height:40px;align-content:center;width:100%}.latest-scores{display:flex;flex-direction:column;width:20%;text-align:-webkit-center}.latest-score{height:40px;align-content:center;width:100%;font-size:20px;font-weight:700;text-align:center;color:red}.final-scores{display:flex;flex-direction:column;width:20%;text-align:-webkit-center}.final-score{height:40px;align-content:center;width:100%;font-size:20px;font-weight:700;text-align:center;color:green}.latest-player-points{display:flex;flex-direction:column;width:20%;text-align:-webkit-center;height:100%}.latest-player-point{font-size:32px;font-weight:700;color:red;text-align:center;height:80px;align-content:center}.final-player-points{display:flex;flex-direction:column;width:20%;text-align:-webkit-center;height:100%}.final-player-point{font-size:32px;font-weight:700;color:green;text-align:center;height:80px;align-content:center}.match-status-container{display:flex;align-items:center;margin-top:6px}.match-status-label{font-size:10px;text-transform:uppercase;margin-right:6px}.match-status{background-color:green;color:#fff;border-radius:6px;height:fit-content;width:fit-content;font-size:10px;padding:2px 4px}.form-results{display:flex;gap:.3rem;flex-wrap:wrap;justify-content:center;margin:.6rem 0}.form-badge{padding:.2rem .5rem;border-radius:.5rem;font-weight:700;font-size:.9rem;text-transform:uppercase;color:#fff;align-content:center}.form-badge.win{background-color:#28a745}.form-badge.draw{background-color:#6c757d}.form-badge.loss{background-color:#dc3545}.form-badge.neutral{background-color:#999}.modal-overlay{position:fixed;top:0;left:0;width:100%;height:100%;background-color:#00000080;display:flex;justify-content:center;align-items:center;z-index:9999}.modal-content{background-color:#fff;padding:1.5rem 2rem;border-radius:.75rem;box-shadow:0 2px 8px #0000004d;max-width:90%;max-height:80%;overflow-y:auto;z-index:10000}.latest-result{position:relative}.latest-result:before{content:"";position:absolute;left:-8px;top:0;bottom:0;width:2px;background-color:#444}.form-divider{width:2px;height:32px;background-color:#333;margin:0 .2rem;align-self:center}.fade-overlay-enter-active,.fade-overlay-leave-active{transition:background-color .1s ease}.fade-overlay-enter-from,.fade-overlay-leave-to{background-color:#0000}.fade-overlay-enter-to,.fade-overlay-leave-from{background-color:#00000080}.fade-zoom-enter-active,.fade-zoom-leave-active{transition:all .5s ease}.fade-zoom-enter-from,.fade-zoom-leave-to{opacity:0;transform:scale(.9)}.fade-zoom-enter-to,.fade-zoom-leave-from{opacity:1;transform:scale(1)}@media (min-width: 1024px){.datacard-dataitems{width:90%;border-right:1px solid lightgrey;padding:6px}.datacard-controls{width:10%;min-width:56px;padding:6px;text-align:end}}.header-image[data-v-894b005a]{background:#7d7dff;background:-webkit-linear-gradient(0deg,rgba(125,125,255,1) 0%,rgba(94,94,255,1) 21%,rgba(0,0,130,1) 100%);background:-moz-linear-gradient(0deg,rgba(125,125,255,1) 0%,rgba(94,94,255,1) 21%,rgba(0,0,130,1) 100%);background:linear-gradient(0deg,#7d7dff,#5e5eff 21%,#000082);display:flex;height:50px;align-items:center;justify-content:center}.icongroup[data-v-1cd7e265]{height:100%}.iconbutton[data-v-1cd7e265]{border:none;background-color:transparent;padding:8px;border-radius:4px;margin:0;outline:none}.active-link .iconbutton[data-v-1cd7e265]{background-color:#faebd7}.routerlink[data-v-1cd7e265]{display:inline-flex}td[data-v-1cd7e265]{padding:6px}.download-button[data-v-1cd7e265]{background-color:#fff0f5;padding:2px;display:inline-flex}.actionbutton-add{background-image:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAADAAAAAwCAYAAABXAvmHAAAAAXNSR0IArs4c6QAAATJJREFUaEPtWbsRwjAMfbpjDiqWoKViBGoWAQahZgQqGiqW4kTgSM7kcpGN7cgGpbUsv6cnKf4QKv+ocvwwAtoK/pYCzLwAcAEwV4zsFcCKiO4+GDoFmHkN4OwzaSKbmQ8JlwBPBMx3mRsRLSXjQQJEpFYbzNwF0geHEZAkDh03BUIjltP+6xrICSrE9/8S8GEeEskQWyviZ7RMgZCc6dlaChWQQrtWlCaVD5KYxe2FJMD9cSMQGjHJviniulPIulABXchOZLaVkDrN2HgVRfxulfsYou2GU+VHZgScLb+KAtXXgBFwImApFNMKh+ZW8R/IXgOpoyr5c29BYhQ4AthKi+UYj7nG+XjIYOYTgE0OkGM+kxGYGniK9dSeklKAfx2+UjnS8mMEtCLf3d5pA4hd/wH7pQRA9XDQjgAAAABJRU5ErkJggg==);background-color:green;color:#fff;background-repeat:no-repeat;background-position:center;background-size:28px 28px;padding-left:36px;height:40px;line-height:40px;border:none;border-radius:5px;cursor:pointer;margin:4px}.actionbutton-cancel{background-image:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAADAAAAAwCAYAAABXAvmHAAAAAXNSR0IArs4c6QAABElJREFUaEPtWUnoV1UU/r7MooyGnasoKJoJ3NQ2kFSsFkUTNEMDEZJKJZSkpIXNEC4qKhRstCCSEkJoFwTRJGVF0LCrFtWioMzPd+S9H6f3v/fd4f1M//C/y3fP9N0z3HPPI2b54iy3H3MADrUHp+YBSfMA3AfgVgCnRID9COAlABtJ/jMN8KMBSHoKwN2VxjxL8o5K3gNs1QAkvQng8jHKHe9OkstqZBUDkHQhgA8jyrYB2ETyi9C+pHPaMLs+wr+Y5K4SIEUAJL0N4LKegu8AnE3y7xLFko4EYEDP7PHtIrk4V1Y2AEmm7FwneC+AE0j+mass4pWjAfwB4Ci3/w3JM3LkZgGQ9DmA85zAHSQvzVGQSyPpNQBXOfo9JM9K8ScBSHoFwDVO0AqSz6QE1+xLuhnAi473dZJXD8kaBCBpEYCPnYDbST5XY1wuj6QbAGxx9ItIfhLjTwGQY3yDpHdxrk3FdJK2AphUKpJRO6MbkrY3VeKKVvtekvMjSfhgo2B9sZUAJEV5JVlV63RuJ3llSMcQAH/6C0LVRtI7AC4BUHwRSXoPwFIAwYIg6RgAkwoX80IQgKTNAO5sEX9Nsl+r7fRWA3jcnUo2CGd8x76KpLUk/1mSdgOwy8/WZpJ39WliAPzpzydpNX/GCrQTSRAB499qbu4uVPsA7LKbNH0hL8wAIOkIAP92koYSyGhKQJQY3+lv8sQf5jyS+zzKEIA1AB5pibaSvDGVoDkgaoxvD8hKqpVWW2tIbkoB+KG5TE5uiazH+SoFIOWJWuNbuZYDlgu2vid5agrAxGWp8OkDC3mipbFq061ozMcOyodR36ZQCFUDiHjC21VsfCszatPUAQyAqDJ+DkBOAnuaxFOzygv/Ww4cLkn8LYDTDqMyao+aL1t7ZrzUQkm8CsATLcM2ktelwuggX2QvA7i2tWElyadT94CBmlzXqbsgx/hOYc2FNhT/JjenmTuW5F8hL5QYXwMip6WOAXgUwD2t0p9Idq3FBIckH2r2PdmJDoBYTfLJwM3u25rHmjfJvX2a3AfNSSR/Cyg4mA+a4wH83uksetC0t5/vAveRtOHtjNV0u+uaJ+u6VKJHeIeelPYG6XRuIXlTSEbJo/59khfXGFrKI2kHgOWp048msYvV8wF86gx4uBmL319qUAm9JP8eMdb6sUobSr4O26dgMpUYGaOV9EATNg+5/eQoJzmZa0H056IfkLxoGkY7b+9spt5LnMzpjBadgv581Hr0hSR/HgNE0okAfnUJa+KyjE/mQKBsvgqgP6s05aeHyuwQMEnHAbC+a2GP7l2SkwROHU5WCHkhzcTORuzBHxgA7F5YS/KzSNm0CfeGwD+GjvwCkh+ljPb7xQBcSL0A4JYSZQO0ySl0jLcagANiLcDKSiCH7idfID8WNLNM61VuC8R1R/4LgOfb/2j2V2b0Gu2B0RaMFDAHYOQBjmaf9R7YD0egD0/lu/nkAAAAAElFTkSuQmCC);background-color:red;color:#fff;background-repeat:no-repeat;background-position:center;background-size:28px 28px;padding-left:36px;height:40px;line-height:40px;border:none;border-radius:5px;cursor:pointer;margin:4px}.actionbutton-info{background-image:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABgAAAAYCAYAAADgdz34AAAAAXNSR0IArs4c6QAAAXdJREFUSEvdlbEuBFEUhr+/peEVSHgACkKsRkOi01DwCDwJj0BBoVPQSRBiC/sAJLwCDe3PbO5s7tyd2dmVjMJ2s/fM/c45955vRMM/Nbw/tQDbU8ApsJAk0wZ2JL0NSrISYLsF3AxZ4aqk27LYUoDtY2A3vPAFbEq6jjewvQJcABPh/xNJeymkD2D7ENgPgS1Jd4OqCKA8+yNJB3F8ARC3RVLt+SQVOTwX2pUC8qBlSQ9p5ra762Vw20vAfbreA9ieAZ6BL0njZW0ZBMjibX8CY8CspJcuLN/I9hMwB2xIuhry9hTCbK8Dl0BH0nwKqCx/FFhaZVxBLaCuRaFNhX3+F+Ax+KZyuOpaFA1dW9JiesiZ1F5/pvhD0uQvr+l7UMd0LsGqQSutombQMjd1lREP4t+qIlyz2KSlykgc1FME0GfUKl3HRs10vZVOt+014DzSdZ9JC4dcIrbmPjhJCzIJngVPxUsdYDuXWpVORnL+KE7KYxsHfANc2MwZT/AL2AAAAABJRU5ErkJggg==);background-color:#00f;color:#fff;background-repeat:no-repeat;background-position:center;background-size:20px 20px;padding-left:20px;height:24px;line-height:24px;border:none;border-radius:5px;cursor:pointer;margin:4px}.actionbutton-edit{background-image:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAADAAAAAwCAYAAABXAvmHAAAAAXNSR0IArs4c6QAAAhVJREFUaEPtmc1KHEEUhc+BkLdx5SoLCUokJORHBEHIQvQlsjS6yhtkZcgiEAgI/pGAmAgDunTl24gc02F6uNNOd1XN9Ezdge5dd13qnu+e+mmqiDl/OOf60QHkdjDKAUlfAWy3JPYTyb2W+goPIUnfAGy1lbDfT2sQQQckqWXxZXetQCQB/LM+GF8HW1OIiSGCgmziKQAUvBNBeACYCMILwNgQngDGgvAGkAzhESAJwitANIRngCgI7wAI7T0dwDT+k1J2/5k5kALaAdhqpVQjpcpNsSk5XQ6hlEJ0ACnVmkZs58A0qlr2KekzgI/99xuSi9V8bh2Q9B3Ah4rge5JP7DeXAJJ+ANiscfeO5NOyzR2ApJ8ANgJD85bkQhHjCiBS/H+28i/VDYCkQwDrsYuCK4BU8QB2Se67GEKSjgC8N5W/AlCsQF9q3DgmueZiEks6AfDWCO2RfF68SypOw4tTcfuckbTx+SaxpFMAb4y6S5IrZhO7BvDMtD8Sn20ISfoF4JUR94fkCyO+B2DJtP8m+XrUkJr5KjRC/AXJVSP+L4DlGPFZHKgcs5+TfGnEnwMYwAAYavfiwODCxB6ZjHAmKD67AyWApGMA7+rmRNPmljQHYnfJalyl0qErq6EJHcoZA3AAYCfUUWOVzNVU4M5taCmNyRkE6G8qTb+3wTyRDiSLj5oDQXWZA6IcyKyxMX0HkNudB2pjY0D/ezsKAAAAAElFTkSuQmCC);background-color:#00f;color:#fff;background-repeat:no-repeat;background-position:center;background-size:28px 28px;padding-left:36px;height:40px;line-height:40px;border:none;border-radius:5px;cursor:pointer;margin:4px}.actionbutton-save{background-image:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAADAAAAAwCAYAAABXAvmHAAAAAXNSR0IArs4c6QAAAeNJREFUaEPtmUErBVEUx/9/SinxBaRsLCV8AVKKjSVZiJS1D2OjHrJhZ0epFx+AZMlKKXtWLPhrNI/pmXn33pk7b+bVfbt575xz/79zzpx59w7R4x/2uH4EgKorGCpQ6wpIOgCw2SWR1yTnXNfKbCFJRwA2XAMWtHeG6ASggmLyul+RnLd1tgIgWerNLukOwFRCdJPkgg1ELQAioXkhnAAkDQGYtcmMweaF5GO7jaR7AJOJ7y9JLnaK5QowA+DGA8A+yZ20OJJuAUzbQtQOIG6ndogLkktpwLUESIPIGiS1BYghfkd5AIgzUvpNnOxzSaECPwkp+0mcNZa9V8DD/HcKEQBa6Qot5NQ4f8ahhYq0kKRoexjt6KKn/THJpmshKqmApFEAzxlix0hm/fbPpesAkoYBvBoyPULyzaYaVQB8ABgwiHsnOVhXAKuDANuxXEUFAkCp/0ZNfSvpE0Cfwe6LZL8pVikbGtOikiYAPBjsxkk+mWJVAhAvugLgLEPgMslzG/GVAbTESdoDsB5fH5LctRWeiOF3R+YqoKh918doUcHt/gHAd0aLxMtzLtQAsFVkUY++DZLbafE6nvtLOgGw6lFInlCnJNeyHEt9cZFHratPAHDNmG/7UAHfGXWN1/MV+Abgom5An2/0iAAAAABJRU5ErkJggg==);background-color:green;color:#fff;background-repeat:no-repeat;background-position:center;background-size:28px 28px;padding-left:36px;height:40px;line-height:40px;border:none;border-radius:5px;cursor:pointer;margin:4px}.actionbutton-email{background-image:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAADAAAAAwCAYAAABXAvmHAAAAAXNSR0IArs4c6QAAAldJREFUaEPtmCF0FDEQhv/ftY4qqMPiwIEDR2UddeDAgQNFcaDAgWsdlXWV4MCBxIEDFHXU/dzw9u7tm8vtTe6yd7n3NnJ3ksyXfzKThNjwxg33HwPAuhUcFKhSAUmvATxek3PvSD6Kzj0VQmt2fuz3MckHEYgUgCId+7YhGdqfUYBnJF/24bSk9wDu+bFLA9j45yR3SkJImql2KYBfAK44p2+Q/LoMiCRLEJYo2u0HgKvjD0UAbJDRIh0CeO4mOyW5vwiEpD8ALrm++yRP24oUA7CJJNmENrFv2yQvIiCSrgP44mwvSG6Pv/UG0JrgE4CbzokDkiddEJI+ALjtbN6QfNL+1jtAo8ZdAGfOmW8kr3mIDuV2SJ4n7CebumgIpVZX0l8AW+7fLknb+BZ2qb3zmeStWWqtRAEn+RGA+84hqxcPExv1DsmPc0JtdQq09oWlvu8djoXrx8oVcGr8TNSMp6Ms8yqSpZqwW70CDsJC523zLblR54SQ9f09GuNy9ETaeRaKZgIHsRWtDVFluuyKA5RwKmeMASBntfqwrU4Bux+QPIjCVgXQvtxEE0g1AJLs3mG1ZNIiENUANIVsqqrPg6gKYBGI6gByIaKvEtGkkLJ7MXohsaP1pHVd5jurbuKpJQVg5xE705RqxQDMIb8nko9HkkpCnPi83qsCpZZ9mXFyUmro+W4ZZ3L75jj/P6RyJ+jTPvUIkF0H+nSwa+xFnK9RAXuusWebqWwzC76qEGqK2BnJvWgkVAcQdXxsNwDkrlhp+0GB0iuaO96gQO6KlbbfeAX+AQzmMkDctSqFAAAAAElFTkSuQmCC);background-color:green;color:#fff;background-repeat:no-repeat;background-position:center;background-size:28px 28px;padding-left:36px;height:40px;line-height:40px;border:none;border-radius:5px;cursor:pointer;margin:4px}.actionbutton-pay{background-image:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAADAAAAAwCAYAAABXAvmHAAAAAXNSR0IArs4c6QAAAP9JREFUaEPtmUEOwjAMBO2f8gS4wQlucIMn8FNTCYFKW6EkuymkXc7xOp4JoqRujX+88f2bBvi1QRmQAZDAMo9QRFzNbAvCYZff3H03DB0ZiIizme3Z3Ul5oyGmBghSsyox7v6x568DDBdX2VFCaES8oWqABGD0JTJAR5oZWGzAzO6ZvWot37yCs77EtXaD5GoAhB6jVgYYFJGMdRnQsxByVnq1xT9kMiADTwI6QqSTUBwjA8XoSIUyQAJZHCMDxehIhes1QAJIjUn5P/DPl7sXdz/0iUy+H+iuIk/dI8iRig4PS7tex/vMm7DMNzTzMsS6yQDGD6+WAZwhltC8gQdvW9Ex0SgrKgAAAABJRU5ErkJggg==);background-color:purple;color:#fff;background-repeat:no-repeat;background-position:center;background-size:28px 28px;padding-left:36px;height:40px;line-height:40px;border:none;border-radius:5px;cursor:pointer;margin:4px}.actionbutton-up{background-image:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACQAAAAkCAYAAADhAJiYAAAAAXNSR0IArs4c6QAAAIlJREFUWEftlsEOwCAIQ+XLt305k8UzleCBhXLxgNHyrAQZxUKK6RkUhF6EhHoSUtXbKheRb83EEQ/pVLQEpc9LH2BCKAh5goRICBFA+b4eWh34QoSC+cfr6G5jLCdot/K+HiIhG2F2KXj76CFEkYT+SKjWkI8IRvJHvn3kQrSXgkgIEUD5ch56AdtmWiVcb6TJAAAAAElFTkSuQmCC);background-color:green;color:#fff;background-repeat:no-repeat;background-position:center;background-size:24px 24px;padding-left:20px;height:24px;line-height:24px;border:none;border-radius:5px;cursor:pointer;margin:4px}.actionbutton-down{background-image:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACQAAAAkCAYAAADhAJiYAAAAAXNSR0IArs4c6QAAAG9JREFUWEft0kEKwDAIRFE9eduTW7Iv/QhZGPjZTgj6MhnDTg6bJxyIfkQhhUiAcjukEAlQbocUIgHKz+pQVd0RcdFWzfzJzPXu5/kVGjdQc/Mt18/q0JaVm48oRGAKKUQClNshhUiAcjukEAlQ/gJ2Bgol+lbOKQAAAABJRU5ErkJggg==);background-color:red;color:#fff;background-repeat:no-repeat;background-position:center;background-size:24px 24px;padding-left:20px;height:24px;line-height:24px;border:none;border-radius:5px;cursor:pointer;margin:4px}.actionbutton-logout{flex:1;padding:10px;border:none;background:#007bff;color:#fff;cursor:pointer;font-weight:700;transition:background .3s;border-radius:4px}.actionbutton-calculate{background-image:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAADAAAAAwCAYAAABXAvmHAAAAAXNSR0IArs4c6QAAAdtJREFUaEPtWTtSwzAU3K1paKBObsANgBvQ0FMzFEBHA4SCjoECaqDlEuQGHAF6etolytiMcCSPYtmxnJE6e/TZffve05NEDLxx4PiRCfStYFYgaQUk3QM47RnkA8kzHwavC0maALjsGXy5/A3JKxeWOgJKBPwcBkkn1iACvsFdE5T0Z8RMoC1rS9oi+V2dT9KI5Jf9PzkFZuCfABwD2LZJSLoAcAtgbJNIioCkPQDvloXnJCSdA7gr/9u+nhQBA1CSsb5RoWwnAB6t7w2SP+V3JwTsSeviwpc1HCTKaf6BLwi3n4ViCRTA3gAcVt3JEdjpEehdgZh0mkQMNCWwLllouPuAlRqHuxMv636d7APLgojpnwm46pNKtTgq6xuS4xhru8Z2roApgQF81p2YYkglRUDSM4CjAEKT2enxurNayOFCQQokQaBwGZvDJoCP4sdCDFQOJwcAdgIUmJKcdqKAJGNt4/chzQDZD+no69N6DAyegKNeD85CsxsSE5i7AYq8knzpxIUiCeQs5FIv6mZuXTYy4xrm7jIq4/RSSgQEZFSX1tNoFJoGg1sj0GDt1oc0uZ1O4XWmNIT3lab2kS+RVxrv68w8ebSu9YonzARWbPCF5bICWYFIC/wCoj+6QNKN8Q0AAAAASUVORK5CYII=);background-color:#ff8c00;color:#fff;background-repeat:no-repeat;background-position:center;background-size:28px 28px;padding-left:36px;height:40px;line-height:40px;border:none;border-radius:5px;cursor:pointer;margin:4px}.actionbutton-update{background-color:green;color:#fff}