/* Left menu derived from the supplied navigation reference. */
#nav{gap:0}
#nav .nav-group{margin:0 0 3px}
#nav button{border-radius:0;width:100%;box-sizing:border-box}
#nav .nav-main-row{min-height:43px;color:#343a3d;border-left:0;font-weight:600}
#nav .nav-main-row.active-main{background:#8fb536;color:#fff}
#nav .nav-main-row.active-main .menu-code{color:#fff;opacity:.85}
#nav .nav-main-row.active-main .menu-icon{stroke:#fff}
#nav .nav-children{background:#edf0f1;padding:3px 0}
#nav .nav-children .nav-item{padding:9px 12px 9px 35px;color:#4f585c;background:#edf0f1;border:0}
#nav .nav-children .nav-item:hover{background:#e0e4e5;color:#222}
#nav .nav-children .nav-item.active{background:#cfd4d6;color:#172025;border:0;font-weight:600}
#nav .nav-heading i{transition:transform .18s ease}
#nav .nav-group.open>.nav-heading i{transform:rotate(180deg)}
#nav .nav-direct{margin-bottom:3px}
body .quick-menu.header-quick-menu{display:grid;grid-template-columns:165px 38px;align-items:center;gap:7px;padding:0!important;border:0!important;border-bottom:0!important;box-shadow:none!important;min-width:210px;background:transparent}
.header-quick-menu label{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap}
.header-quick-menu input{width:100%;height:38px;min-height:38px;padding:7px 10px}
.header-quick-menu #showFunctionNumbers{font-size:0;width:38px;height:38px;margin:0;padding:0}
.header-quick-menu #showFunctionNumbers:before{content:'#';font-size:15px}
.header-quick-menu #menuQuickError:empty{display:none}.header-quick-menu #menuQuickError:not(:empty){position:absolute;margin-top:52px;color:var(--red);font-size:10px}
.top-actions{gap:7px!important;align-items:flex-end!important}.top-actions>.header-quick-menu,.top-actions>#tour{align-self:flex-end}
.top-actions>#tour{height:38px;min-height:38px}
.top-actions>.user-picker{min-width:125px}.top-actions>#company{max-width:180px}
main>header>div:first-child{min-width:150px;flex:0 0 150px}
main>header #title{white-space:nowrap}
.page-menu-number{display:block;margin:3px 0 0;color:#858f93;font-size:10px;letter-spacing:.08em;font-weight:400}
.dashboard-number-entry{display:grid;grid-template-columns:auto minmax(220px,300px) 140px;gap:10px;align-items:start;justify-content:start;margin:18px 0}
.dashboard-number-entry>label{padding-top:11px}
.dashboard-number-entry input,.dashboard-number-entry button{height:42px;min-height:42px;box-sizing:border-box}
.dashboard-number-entry input{font-size:13px;letter-spacing:0;padding:8px 12px}
.dashboard-number-entry button{width:140px;padding:8px 12px}
.dashboard-number-field{display:grid;gap:3px}.dashboard-number-field small{font-size:10px;color:#8a9295;font-weight:400}
.dashboard-number-overview{display:grid;grid-template-columns:repeat(auto-fit,minmax(175px,1fr));gap:8px;border-top:1px solid #edf0f1;padding-top:12px;margin-top:8px}
.dashboard-number-overview>div{display:grid;align-content:start;gap:3px;padding:8px 10px;background:#f7f8f8;border-radius:3px}
.dashboard-number-overview small{font-size:9px;text-transform:uppercase;letter-spacing:.11em;color:#7e878b;margin-bottom:2px}
.dashboard-number-overview span{font-size:11px;color:#626b6f;line-height:1.35}.dashboard-number-overview b{color:#789c27;font-weight:600;margin-right:5px}
.dashboard-number-catalog{display:grid;grid-template-columns:repeat(auto-fit,minmax(210px,1fr));gap:8px;margin:10px 0 18px}
.dashboard-number-option{display:grid;grid-template-columns:46px 1fr;gap:8px;align-items:center;text-align:left;background:#f4f6f6}
.dashboard-number-option strong{color:#789c27;font-size:16px}
.dashboard-number-option.is-active{border-color:#8fb536;background:#f5f8ed}
.dashboard-widget-code{font-size:11px;color:#789c27;border:1px solid #cbd9aa;border-radius:4px;padding:4px 7px;margin-right:8px}
@media(max-width:1180px){header{align-items:flex-start}.top-actions{justify-content:flex-end}.header-quick-menu{order:-1;flex-basis:100%;margin-left:auto}}
@media(max-width:760px){body .quick-menu.header-quick-menu{min-width:100%;grid-template-columns:1fr 38px}.dashboard-number-entry{grid-template-columns:1fr}.dashboard-number-entry button{width:100%}.dashboard-number-catalog,.dashboard-number-overview{grid-template-columns:1fr}#nav .nav-children .nav-item{padding-left:24px}}
