/* Vegi Foods ERP: teal skin, compact forms like the old system */
:root { --skin: #00897b; --skin-dark: #00695c; --skin-light: #e0f2f1; }
.skin-teal .main-header .navbar, .skin-teal .main-header .logo { background-color: var(--skin); color:#fff; }
.skin-teal .main-header .logo:hover { background-color: var(--skin-dark); }
.skin-teal .main-header .navbar .nav > li > a { color:#fff; }
.skin-teal .main-header .navbar .nav > li > a:hover, .skin-teal .main-header .navbar .nav > .active > a { background: var(--skin-dark); }
.skin-teal .main-header .navbar .sidebar-toggle { color:#fff; }
.skin-teal .wrapper, .skin-teal .main-sidebar, .skin-teal .left-side { background-color: #263238; }
.skin-teal .sidebar-menu > li.header { color: #80cbc4; background: #1c262b; font-size: 11px; }
.skin-teal .sidebar-menu > li > a { color: #cfd8dc; border-left: 3px solid transparent; }
.skin-teal .sidebar-menu > li.active > a, .skin-teal .sidebar-menu > li:hover > a { color:#fff; background:#1c262b; border-left-color: var(--skin); }
.skin-teal .sidebar a { color: #cfd8dc; }
.btn-skin { background: var(--skin); color:#fff; border-color: var(--skin-dark); }
.btn-skin:hover, .btn-skin:focus { background: var(--skin-dark); color:#fff; }
.bg-skin { background: var(--skin) !important; color:#fff !important; }
.box.box-skin { border-top-color: var(--skin); }
.content-header > h1 { font-size: 20px; }
.email-header { background:#fff; padding:8px 10px; margin-bottom:10px; border-bottom:1px solid #e5e5e5; }
.table-lines { width:100%; }
.table-lines th { padding:6px; font-weight:600; }
.table-lines td { padding:3px; vertical-align: top; }
.table-lines .form-control { height:30px; padding:4px 6px; }
.table-lines input.num, input.num { text-align:right; }
.select2-container .select2-selection--single { height:30px; border-radius:0; border-color:#d2d6de; }
.select2-container--default .select2-selection--single .select2-selection__rendered { line-height:28px; }
.report-table { font-size: 12px; }
.report-table td.num, .report-table th.num { text-align: right; white-space: nowrap; }
.report-table tr.group td { background: #f4f4f4; font-weight: 600; }
.report-table tr.total td { border-top: 2px solid #333; font-weight: 700; }
.lvl-1 { font-weight:700; } .lvl-2 { padding-left:18px !important; font-weight:600; } .lvl-3 { padding-left:34px !important; } .lvl-4 { padding-left:50px !important; }
.module-nav > li > a { padding: 15px 10px !important; }
.voucher-status-void { color: #c62828; font-weight: 700; }
.in-words { font-style: italic; color:#555; padding-top:6px; }
.filters .form-group { margin-right: 8px; }
@media print {
  .main-header, .main-sidebar, .main-footer, .no-print, .email-header { display:none !important; }
  .content-wrapper { margin-left:0 !important; padding:0 !important; background:#fff; }
  a[href]:after { content: none !important; }
  .box { border:none; box-shadow:none; }
}

/* Left menu scrolls on its own when it is taller than the screen */
.fixed .main-sidebar { height: 100vh; box-sizing: border-box; }
.fixed:not(.sidebar-collapse) .main-sidebar .sidebar, .fixed.sidebar-open .main-sidebar .sidebar {
  height: 100%; overflow-y: auto; overflow-x: hidden; -webkit-overflow-scrolling: touch; padding-bottom: 20px; }
.fixed .main-sidebar .sidebar::-webkit-scrollbar { width: 6px; }
.fixed .main-sidebar .sidebar::-webkit-scrollbar-thumb { background: #455a64; border-radius: 3px; }
/* Company logo in the top bar */
.main-header a.logo img.hdr-logo { max-height: 36px !important; max-width: 46px !important; width: auto !important; height: auto !important; vertical-align: middle; margin-top: -3px; background: #fff; border-radius: 3px; padding: 1px; }
.main-header a.logo.has-logo { font-size: 17px; padding: 0 8px; }