:root{--header-color:#000;--header-text-color:#fff;--header-text-hover:#427ab3;--text-color-normal:#000;--text-color-link:#666;--text-color-temporary:#999;--box-color-skeleton:#eee;--background-color-normal:#fff;--background-color-ok:#cfc;--background-color-error:#fcc;--border-color-normal:#ccc;--border-color-hover:#dda;--shadow-color-normal:#eee;--shadow-color-hover:#eee4aa;--event-color-delete:#cb4c48;--event-color-save:#427ab3;--event-color-active:#fff8bb;--event-active-transition:0.2s;--toast-color-info:#eee;--toast-color-success:#6c9;--toast-color-warning:#ffe4aa;--toast-color-error:#cb4c48}*{font-family:Avenir,Helvetica,Arial,sans-serif}#app{display:flex;flex-direction:column}.hr{margin:5px 0}.body{margin:0;padding:0}.header{margin:0;padding:10px}.header--top-bar{color:var(--header-text-color);background-color:var(--header-color)}.nav{padding:10px}.main{flex:1;margin:0;padding:0}.footer{margin:0;padding:20px 10px}.section{margin:10px;padding:10px;background-color:var(--background-color-normal);border:1px solid var(--border-color-normal);border-radius:10px}.section--login-box{display:flex;justify-content:center;align-items:center;flex-direction:column;min-width:300px;max-width:500px;margin:auto;padding:30px;box-shadow:0 0 4px 1px var(--shadow-color-normal)}.section--index-menu{min-height:5em}.section--index-unavailable{color:var(--text-color-temporary)}.section--split-one{box-sizing:border-box;width:calc(100% - 20px)}.section--split-two{box-sizing:border-box;width:calc(50% - 20px);float:left}.section--split-three{box-sizing:border-box;width:calc(33% - 20px);float:left}@media screen and (max-width:767px){.section--split-three{width:calc(100% - 20px)}}@media screen and (max-width:640px){.section--split-two{width:calc(100% - 20px)}}.section--dashboard-linktodetail{cursor:pointer;box-shadow:0 0 4px 1px var(--shadow-color-normal)}.section--dashboard-linktodetail:hover{transition:var(--event-active-transition) ease;background-color:var(--event-color-active);border-color:var(--border-color-hover);box-shadow:0 0 4px 1px var(--shadow-color-hover)}.section--event-buttons{padding:0;margin:0;border:0;border-radius:0;box-shadow:none;display:flex;flex-wrap:wrap}.section--toaster-box{border-radius:5px;margin-bottom:30px;opacity:0}.section--toaster-activate{transition:opacity var(--event-active-transition) ease;opacity:1}.section--toaster-info{background-color:var(--toast-color-info)}.section--toaster-success{border:0;background-color:var(--toast-color-success)}.section--toaster-warning{border:0;background-color:var(--toast-color-warning)}.section--toaster-error{color:#fff;border:0;background-color:var(--toast-color-error)}.section--salesarea-panel{display:flex;flex-direction:row;overflow-x:hidden}.div{margin:0;padding:0}.div--login-input{display:block;width:100%;margin:1em}.div--user-status{float:right}.div--user-icon{color:#000;font-size:14px;font-weight:700;padding-top:5px;padding-bottom:5px;height:20px;width:30px;background-color:#fff;border-radius:15px;text-align:center;cursor:pointer}.div--user-menu{position:absolute;background-color:#000;color:#fff;right:0;top:50px;z-index:100}.div--dashboard-box{width:100%;position:relative;overflow:hidden;box-sizing:border-box}.div--dashboard-item{width:100%}.div--main-title{margin:0 1em;font-size:1.5em;font-weight:700}.div--list-link{cursor:pointer;border-radius:10px}.div--list-link:hover{text-decoration:underline;background-color:var(--event-color-active);transition:var(--event-active-transition) ease;box-shadow:0 0 4px 1px var(--shadow-color-hover)}.div--listfilter-item{display:flex;margin:5px 0 5px 0}.div--list-result{margin:10px}.div--table-box{margin:10px;overflow-x:auto}.div--detail-listitem{margin:1em;padding:.5em;min-height:1.5em;display:flex}.div--salesarea-panel{min-width:100%}.div--salesarea-selector{margin:0 1em}.h1{margin:0;padding:0}.h1--dashboard-skeleton{color:var(--box-color-skeleton);background-color:var(--box-color-skeleton);border-radius:100px}.h1--main-title{float:left;font-size:20px}.span{background-color:transparent}.span--titlebutton-index{cursor:pointer}.span--titlebutton-index:hover{color:var(--header-text-hover);text-shadow:var(--header-text-hover) 0 0 4px;transition:color var(--event-active-transition) ease}.span--titlebutton-main{cursor:pointer}.span--titlebutton-main:hover{color:var(--event-color-active);text-shadow:var(--event-color-active) 0 0 4px;transition:color var(--event-active-transition) ease}.span--navbutton-back{cursor:pointer;color:var(--text-color-link)}.span--navbutton-back:hover{text-decoration:underline}.span--navbutton-delete{cursor:pointer;float:right;color:var(--event-color-delete)}.span--navbutton-delete:hover{text-decoration:underline}.span--detail-attributename{width:150px;min-width:150px;display:block}.span--org-listitem{color:var(--text-color-normal)}.span--detail-skeleton,.span--input-skeleton{display:inline-block;color:var(--box-color-skeleton);background-color:var(--box-color-skeleton);width:100%;border-radius:100px}.span--input-skeleton{padding:1px;height:21px;border-width:0 0 1px 0;border-style:solid;border-color:var(--box-color-skeleton)}.span--list-result{font-size:1em}.table--main-list{width:100%;border-collapse:collapse}.tr--row-header{border-color:#000;border-style:solid;border-width:0 0 1px 0}.tr--row-link{cursor:pointer;height:3em}.tr--row-link:hover{text-decoration:underline;background-color:var(--event-color-active);transition:var(--event-active-transition) ease;box-shadow:0 0 4px 1px var(--shadow-color-hover)}.th{white-space:nowrap;text-align:left}.td--col-customer,.td--col-product{white-space:nowrap;padding-right:10px}.label{font-size:1em}.label--detail-attributename{min-width:150px;width:150px;display:block}.label--login-attributename{min-width:150px;width:150px;font-weight:700}.label--list-filter{min-width:150px}.label--filter-on{font-weight:700;text-decoration:underline;background-color:var(--event-color-active)}.input{-webkit-appearance:none}.input--detail-attribute{height:21px}.input--detail-attribute,.input--login-attribute{font-size:1em;margin:0;padding:1px}.input--detail-attribute,.input--list-filter,.input--login-attribute,.select--detail-attribute{width:100%;border-width:0 0 1px 0;border-color:var(--border-color-normal)}.select--detail-attribute{font-size:1em;height:24px}.select--list-filter{width:100%;border-width:0 0 1px 0;border-color:var(--border-color-normal)}.button{color:#fff;font-size:1em;font-weight:700;height:3em;flex:1;border:1px solid var(--border-color-normal);cursor:pointer}.button--login-submit{width:100%}.button--data-save,.button--login-submit{background-color:var(--event-color-save)}.button--data-save:hover{color:var(--event-color-save);background-color:#fff;border-color:var(--event-color-save)}.button--data-delete{background-color:var(--event-color-delete)}.button--data-delete:hover{color:var(--event-color-delete);background-color:#fff;border-color:var(--event-color-delete)}.button:hover{transition:var(--event-active-transition) ease}.button:active{background-color:var(--event-color-active)}.button--salesarea-button{color:var(--text-color-normal);font-weight:400;font-size:.9em;background-color:transparent;border:0;margin-bottom:-15px}.button--salesarea-selected{text-decoration:underline;border-width:1px 1px 1px 1px;border-style:solid;border-color:var(--border-color-normal) var(--border-color-normal) #fff var(--border-color-normal);background-color:var(--background-color-normal)}.ul{list-style:none;-webkit-padding-start:0;padding-inline-start:0}.li,.ul{margin:0}.li{padding:0}.li--menu-item{cursor:pointer;padding:1em}.li--menu-item:hover{background-color:#fff;color:#000}