/* Projects and professional services (pm- prefix). */
.pm-small { font-size: 11.5px; }
.pm-num { width: 110px; text-align: right; }
.pm-rank { width: 64px; text-align: center; }
.pm-ms { color: #7048c8; font-size: 11px; }

/* Project tab bar: scrolls sideways on its own on a phone. */
.pm-tabs { display: flex; gap: 2px; border-bottom: 2px solid #d6e0e9; overflow-x: auto; position: relative; scrollbar-width: thin; }
.pm-tabs a { display: inline-flex; align-items: center; gap: 6px; padding: 9px 13px; font-size: 12.5px; font-weight: 700; color: #4b6074; white-space: nowrap; border-bottom: 3px solid transparent; margin-bottom: -2px; min-height: 40px; }
.pm-tabs a:hover { color: var(--brand-primary); }
.pm-tabs a.on { color: var(--brand-primary); border-bottom-color: var(--brand-primary); }
.pm-tabs a .n { font-size: 10.5px; background: #e6eef6; color: #3d5a76; border-radius: 9px; padding: 1px 6px; }

/* Health. */
.pm-health { display: inline-flex; align-items: center; gap: 5px; font-size: 11.5px; font-weight: 700; padding: 2px 8px 2px 6px; border-radius: 10px; white-space: nowrap; }
.pm-health i { width: 8px; height: 8px; border-radius: 50%; display: inline-block; }
.pm-health.green { background: #e3f6ee; color: #0d7a50; } .pm-health.green i { background: #12a079; }
.pm-health.amber { background: #fff4dc; color: #8a5a00; } .pm-health.amber i { background: #d99a06; }
.pm-health.red { background: #fde8ea; color: #b42335; } .pm-health.red i { background: #d63b4f; }
.pm-dot { display: inline-block; width: 9px; height: 9px; border-radius: 50%; background: #9aaabb; vertical-align: middle; }
.pm-dot.green { background: #12a079; } .pm-dot.amber { background: #d99a06; } .pm-dot.red { background: #d63b4f; }
.pm-healthbox { border: 1px solid #d6e0e9; border-left: 5px solid #12a079; border-radius: 4px; background: #fff; padding: 10px 14px; }
.pm-healthbox.amber { border-left-color: #d99a06; background: #fffcf3; }
.pm-healthbox.red { border-left-color: #d63b4f; background: #fff8f8; }
.pm-healthbox .h { display: flex; align-items: center; gap: 8px; flex-wrap: wrap; font-size: 14px; }
.pm-healthbox .h .mut { font-size: 12px; }
.pm-healthbox ul { list-style: none; margin: 6px 0 0; padding: 0; }
.pm-healthbox li { font-size: 12.5px; padding: 3px 0; display: flex; gap: 7px; align-items: baseline; }
.pm-healthbox li.red i { color: #d63b4f; } .pm-healthbox li.amber i { color: #d99a06; } .pm-healthbox li.green i { color: #12a079; }

/* Progress meter. */
.pm-meter { display: inline-block; position: relative; width: 74px; height: 7px; border-radius: 4px; background: #e6edf3; vertical-align: middle; overflow: visible; }
.pm-meter > span { position: absolute; left: 0; top: 0; bottom: 0; border-radius: 4px; background: linear-gradient(90deg, #1a7fe0, #2bb3d9); }
.pm-meter > i { position: absolute; top: -3px; width: 2px; height: 13px; background: #4b6074; border-radius: 1px; }

.pm-evmstrip { display: flex; flex-wrap: wrap; gap: 6px 16px; margin-top: 8px; font-size: 12px; color: #5b6f82; }
.pm-evmstrip b { color: #0d2233; }
.pm-evmgrid { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 10px; }
.pm-evmgrid > div { border: 1px solid #e0e7ed; border-radius: 4px; padding: 9px 11px; background: #fbfcfe; min-width: 0; }
.pm-evmgrid small { display: block; font-size: 11px; color: #5b6f82; font-weight: 700; text-transform: uppercase; letter-spacing: .02em; }
.pm-evmgrid b { display: block; font-size: 18px; margin: 3px 0; }
.pm-evmgrid span { font-size: 11.5px; color: #6b7f92; }
.pm-actions { display: flex; flex-direction: column; gap: 8px; }
.pm-actions .ct-btn { justify-content: flex-start; }

/* Work breakdown. */
.pm-wbs tr.pm-phaserow td { background: #f2f6fa; font-size: 12.5px; padding-top: 8px; padding-bottom: 8px; }
.pm-wbs tr.pm-crit td:first-child { box-shadow: inset 3px 0 0 #d63b4f; }
.pm-wbs tr.pm-sum td { font-weight: 600; }
dialog.ct-dialog.pm-wide { width: min(860px, calc(100vw - 24px)); }

/* Gantt chart. */
.pm-glegend { display: flex; flex-wrap: wrap; gap: 6px 14px; padding: 8px 12px; font-size: 11.5px; color: #4b6074; border-bottom: 1px solid #e0e7ed; }
.pm-glegend span { display: inline-flex; align-items: center; gap: 5px; }
.pm-lg { display: inline-block; width: 18px; height: 8px; border-radius: 3px; background: #6fa8e8; }
.pm-lg.crit { background: #e57373; } .pm-lg.done { background: #1a6fbf; } .pm-lg.base { height: 3px; background: #9aaabb; }
.pm-lg.ms { width: 9px; height: 9px; background: #7048c8; transform: rotate(45deg); border-radius: 1px; }
.pm-lg.gate { width: 10px; background: #12a079; } .pm-lg.today { width: 2px; height: 12px; background: #d63b4f; }
.pm-gwrap { --namew: 260px; overflow: auto; position: relative; max-height: 72vh; background: #fff; }
.pm-gwrap.compact { --namew: 200px; max-height: 420px; }
.pm-ggrid { width: calc(var(--namew) + var(--gw)); position: relative; }
.pm-ghead { display: flex; position: sticky; top: 0; z-index: 4; background: #f5f8fb; border-bottom: 1px solid #d6e0e9; height: 34px; }
.pm-gname-h { width: var(--namew); flex: 0 0 var(--namew); position: sticky; left: 0; z-index: 5; background: #f5f8fb; padding: 9px 10px; font-size: 11.5px; font-weight: 700; color: #4b6074; border-right: 1px solid #d6e0e9; }
.pm-gscale { position: relative; height: 34px; flex: 0 0 auto; }
.pm-gscale .wk { position: absolute; top: 0; padding: 3px 4px; font-size: 10.5px; color: #6b7f92; border-left: 1px solid #d6e0e9; height: 34px; white-space: nowrap; }
.pm-gscale .wk b { display: block; font-size: 10.5px; color: #0d2233; }
.pm-gbody { display: flex; }
.pm-gnames { width: var(--namew); flex: 0 0 var(--namew); position: sticky; left: 0; z-index: 3; background: #fff; border-right: 1px solid #d6e0e9; }
.pm-gn { height: var(--rowh); padding: 0 10px; display: flex; flex-direction: column; justify-content: center; font-size: 12px; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; border-bottom: 1px solid #f0f3f6; }
.pm-gn .t { overflow: hidden; text-overflow: ellipsis; white-space: nowrap; display: block; }
.pm-gn .w { font-family: ui-monospace, monospace; font-size: 10.5px; color: #5b6f82; font-weight: 600; margin-right: 3px; }
.pm-gn small { font-size: 10.5px; color: #8295a8; overflow: hidden; text-overflow: ellipsis; }
.pm-gn.phase { background: #f2f6fa; font-size: 12px; }
.pm-gn.l1 { padding-left: 26px; }
.pm-gn.crit { box-shadow: inset 3px 0 0 #d63b4f; }
.pm-gcanvas { position: relative; flex: 0 0 auto; background-image: repeating-linear-gradient(to bottom, transparent 0, transparent calc(var(--rowh) - 1px), #f0f3f6 calc(var(--rowh) - 1px), #f0f3f6 var(--rowh)); }
.pm-gwe { position: absolute; top: 0; bottom: 0; background: rgba(150, 170, 190, .09); }
.pm-gwl { position: absolute; top: 0; bottom: 0; width: 1px; background: #e8edf2; }
.pm-gbar { position: absolute; height: 18px; border-radius: 4px; background: #9cc4ee; overflow: hidden; z-index: 1; box-shadow: inset 0 0 0 1px rgba(26, 111, 191, .25); }
.pm-gbar > i { position: absolute; left: 0; top: 0; bottom: 0; background: #1a6fbf; }
.pm-gbar > em { position: absolute; right: 5px; top: 1px; font-size: 10.5px; font-style: normal; font-weight: 700; color: #0d2233; }
.pm-gbar.crit { background: #f1a8a8; box-shadow: inset 0 0 0 1px rgba(214, 59, 79, .35); } .pm-gbar.crit > i { background: #c2413a; }
.pm-gbar.done { background: #b9d3ee; } .pm-gbar.done > i { background: #5b8fc6; }
.pm-gbar.sum { height: 9px; border-radius: 2px; background: #4b6074; margin-top: 4px; } .pm-gbar.sum > i { background: #0d2233; }
.pm-gbar.late { outline: 2px solid #d63b4f; outline-offset: 1px; }
.pm-gbase { position: absolute; height: 3px; border-radius: 2px; background: #9aaabb; z-index: 0; }
.pm-gms { position: absolute; width: 15px; height: 15px; background: #7048c8; transform: rotate(45deg); border-radius: 2px; z-index: 2; }
.pm-gms.done { background: #12a079; } .pm-gms.late { background: #d63b4f; } .pm-gms.crit { box-shadow: 0 0 0 2px #fff, 0 0 0 3px #d63b4f; }
.pm-glabel { position: absolute; font-size: 10.5px; color: #5b6f82; white-space: nowrap; }
.pm-gphase { position: absolute; height: 8px; background: repeating-linear-gradient(45deg, #c7d4e0, #c7d4e0 4px, #dbe4ec 4px, #dbe4ec 8px); border-radius: 2px; }
.pm-ggate { position: absolute; font-size: 15px; color: #9aaabb; z-index: 2; }
.pm-ggate.passed { color: #12a079; } .pm-ggate.waiting { color: #d99a06; } .pm-ggate.failed { color: #d63b4f; } .pm-ggate.pending { color: #7d8fa3; }
.pm-glinks { position: absolute; left: 0; top: 0; pointer-events: none; z-index: 1; overflow: visible; }
.pm-glinks path { fill: none; stroke: #7d8fa3; stroke-width: 1.4; }
.pm-glinks path.crit { stroke: #c2413a; stroke-width: 1.8; }
.pm-glinks line.today { stroke: #d63b4f; stroke-width: 2; }
.pm-glinks line.bend { stroke: #4b6074; stroke-width: 1.4; stroke-dasharray: 5 4; }
.pm-gtoday { position: absolute; top: 2px; transform: translateX(-50%); background: #d63b4f; color: #fff; font-size: 10px; font-weight: 700; padding: 1px 5px; border-radius: 3px; z-index: 3; }
.pm-gtodayline { position: absolute; top: 0; bottom: 0; width: 2px; background: #d63b4f; z-index: 2; }

/* Kanban. */
.pm-board { display: grid; grid-template-columns: repeat(5, minmax(210px, 1fr)); gap: 10px; overflow-x: auto; position: relative; padding-bottom: 6px; }
.pm-col { background: #f2f6fa; border: 1px solid #dde5ed; border-radius: 5px; padding: 8px; min-width: 0; min-height: 160px; }
.pm-col h4 { margin: 2px 2px 8px; font-size: 12.5px; display: flex; justify-content: space-between; align-items: center; }
.pm-col h4 .n { background: #fff; border-radius: 9px; padding: 1px 8px; font-size: 11px; color: #4b6074; }
.pm-col.in_progress { background: #eef5fd; } .pm-col.review { background: #f4f0fc; } .pm-col.done { background: #edf8f3; } .pm-col.blocked { background: #fdf1f2; }
.pm-cards { display: flex; flex-direction: column; gap: 8px; min-height: 60px; }
.pm-card { background: #fff; border: 1px solid #d6e0e9; border-radius: 4px; padding: 8px 9px; cursor: grab; box-shadow: 0 1px 2px rgba(13, 34, 51, .05); }
.pm-card.crit { border-left: 3px solid #d63b4f; } .pm-card.late b { color: #b42335; }
.pm-card b { display: block; font-size: 12.5px; }
.pm-card .sub { display: block; font-size: 11px; color: #6b7f92; }
.pm-cardmeta { display: flex; justify-content: space-between; align-items: center; margin: 6px 0 5px; font-size: 11px; color: #5b6f82; }
.pm-avatar { display: inline-flex; width: 24px; height: 24px; border-radius: 50%; background: #1a7fe0; color: #fff; font-size: 10px; font-weight: 700; align-items: center; justify-content: center; }
.pm-cardmove { margin-top: 6px; } .pm-cardmove select { width: 100%; min-height: 32px; font-size: 12px; }
.pm-colempty { color: #8295a8; font-size: 12px; margin: 6px 4px; }

/* Capacity heat map. */
.pm-heat td.c { padding: 4px; }
.pm-cell { display: inline-flex; align-items: center; justify-content: center; gap: 3px; min-width: 52px; padding: 4px 6px; border-radius: 3px; font-size: 11.5px; font-weight: 700; }
.pm-cell.free { background: #e3f6ee; color: #0d7a50; } .pm-cell.low { background: #cdeee0; color: #0d7a50; } .pm-cell.part { background: #e3eefb; color: #1a5fa8; }
.pm-cell.full { background: #fff1cf; color: #8a5a00; } .pm-cell.over { background: #fbd7da; color: #a01c2c; } .pm-cell.off { background: #edf1f4; color: #7d8fa3; }
.pm-heatkey { display: flex; flex-wrap: wrap; align-items: center; gap: 6px; padding: 8px 12px; font-size: 11.5px; color: #5b6f82; border-top: 1px solid #e0e7ed; }
.pm-heatkey .pm-cell { min-width: 0; }

/* Risk matrix. */
.pm-matrix { display: flex; flex-direction: column; gap: 3px; }
.pm-matrix .row { display: grid; grid-template-columns: 22px repeat(5, minmax(0, 1fr)); gap: 3px; }
.pm-matrix .cell { min-height: 42px; border-radius: 3px; padding: 3px; display: flex; flex-wrap: wrap; gap: 2px; align-content: flex-start; }
.pm-matrix .cell.lo { background: #e3f6ee; } .pm-matrix .cell.mid { background: #fff1cf; } .pm-matrix .cell.hi { background: #fbd7da; }
.pm-matrix .cell b { font-size: 10px; background: #fff; border-radius: 3px; padding: 1px 4px; }
.pm-matrix .ax { font-size: 11px; color: #6b7f92; display: flex; align-items: center; justify-content: center; }

/* Roadmap. */
.pm-roadwrap { overflow-x: auto; position: relative; }
.pm-road { min-width: 900px; }
.pm-road-head, .pm-road-row { display: grid; grid-template-columns: 240px 1fr; }
.pm-road-head { background: #f5f8fb; border-bottom: 1px solid #d6e0e9; font-size: 11.5px; font-weight: 700; color: #4b6074; }
.pm-road-head .nm { padding: 8px 10px; }
.pm-road .tl { position: relative; min-height: 34px; }
.pm-road-head .tl span { position: absolute; top: 0; bottom: 0; padding: 8px 4px; border-left: 1px solid #d6e0e9; white-space: nowrap; overflow: hidden; }
.pm-road-group { padding: 6px 10px; background: #eef3f8; font-size: 12px; font-weight: 700; color: #2f4a63; border-bottom: 1px solid #e0e7ed; }
.pm-road-row { border-bottom: 1px solid #f0f3f6; }
.pm-road-row .nm { padding: 6px 10px; font-size: 12px; display: flex; flex-direction: column; justify-content: center; min-width: 0; }
.pm-road-row .nm small { color: #6b7f92; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
.pm-road-row .bar { position: absolute; top: 12px; height: 14px; border-radius: 4px; background: #9cc4ee; overflow: hidden; }
.pm-road-row .bar > i { position: absolute; left: 0; top: 0; bottom: 0; background: #1a6fbf; }
.pm-road-row .bar.red { background: #f1a8a8; } .pm-road-row .bar.red > i { background: #c2413a; }
.pm-road-row .bar.amber { background: #f6d58a; } .pm-road-row .bar.amber > i { background: #c98a00; }
.pm-road-row .bar.draft { background: repeating-linear-gradient(45deg, #dbe4ec, #dbe4ec 5px, #eef3f8 5px, #eef3f8 10px); }
.pm-road-row .bar.completed > i, .pm-road-row .bar.closed > i { background: #12a079; }
.pm-road-row .ms { position: absolute; top: 13px; width: 11px; height: 11px; margin-left: -5px; background: #7048c8; transform: rotate(45deg); z-index: 2; }
.pm-road-row .ms.invoiced, .pm-road-row .ms.achieved { background: #12a079; } .pm-road-row .ms.late { background: #d63b4f; }
.pm-road-row .gt { position: absolute; top: 2px; margin-left: -4px; font-size: 11px; color: #7d8fa3; z-index: 2; font-style: normal; }
.pm-road-row .gt.passed { color: #12a079; } .pm-road-row .gt.waiting { color: #d99a06; }
.pm-road-row .bl { position: absolute; top: 6px; bottom: 6px; border-left: 2px dashed #4b6074; }
.pm-road .today { position: absolute; top: 0; bottom: 0; width: 2px; background: #d63b4f; z-index: 1; }

/* Calendar. */
.pm-cal { display: grid; grid-template-columns: repeat(7, minmax(0, 1fr)); gap: 3px; }
.pm-cal .dow { font-size: 11px; font-weight: 700; color: #5b6f82; text-align: center; padding: 4px 0; }
.pm-cal .day { min-height: 102px; border: 1px solid #e0e7ed; border-radius: 3px; padding: 4px; background: #fff; min-width: 0; display: flex; flex-direction: column; gap: 3px; }
.pm-cal .day.out { background: #f7f9fb; opacity: .65; } .pm-cal .day.we { background: #fafbfc; } .pm-cal .day.today { border-color: var(--brand-primary); box-shadow: inset 0 0 0 1px var(--brand-primary); }
.pm-cal .d { font-size: 11.5px; font-weight: 700; color: #4b6074; } .pm-cal .d em { display: none; font-style: normal; font-weight: 400; }
.pm-cal .ev { display: block; font-size: 10.5px; padding: 2px 4px; border-radius: 3px; background: #edf1f4; color: #2f4a63; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
.pm-cal .ev b { font-weight: 700; }
.pm-cal .ev.ok { background: #e3f6ee; color: #0d6a46; } .pm-cal .ev.warn { background: #fff1cf; color: #7a5000; } .pm-cal .ev.bad { background: #fbd7da; color: #8d1a28; }
.pm-cal .ev.info { background: #e3eefb; color: #1a5fa8; } .pm-cal .ev.purple { background: #efe8fb; color: #5a35a6; }
.pm-cal .more { font-size: 10.5px; color: #6b7f92; }

/* Portfolio bubbles. */
.pm-bubbles { width: 100%; height: auto; display: block; }
.pm-bubbles .frame { fill: #fbfcfe; stroke: #d6e0e9; }
.pm-bubbles .sweet { fill: #e9f7f0; }
.pm-bubbles .ax { font-size: 11px; fill: #6b7f92; text-anchor: middle; }
.pm-bubbles .lbl { font-size: 11px; fill: #4b6074; text-anchor: middle; font-weight: 700; }
.pm-bubbles .b circle { fill-opacity: .72; stroke: #fff; stroke-width: 2; }
.pm-bubbles .b.green circle { fill: #12a079; } .pm-bubbles .b.amber circle { fill: #d99a06; } .pm-bubbles .b.red circle { fill: #d63b4f; }
.pm-bubbles .b text { font-size: 9.5px; fill: #fff; font-weight: 700; text-anchor: middle; }

/* Notes and messages. */
.pm-note { border: 1px solid #e0e7ed; border-left: 3px solid #9cc4ee; border-radius: 4px; padding: 9px 11px; margin-bottom: 10px; background: #fff; }
.pm-note.meeting { border-left-color: #7048c8; } .pm-note.update { border-left-color: #12a079; } .pm-note.discussion { border-left-color: #d99a06; }
.pm-note header { display: flex; flex-wrap: wrap; gap: 4px 8px; align-items: center; font-size: 12.5px; }
.pm-note header .mut { font-size: 11.5px; }
.pm-note .body { margin-top: 6px; font-size: 13px; line-height: 1.5; }
.pm-reply { margin: 8px 0 0 14px; padding: 6px 9px; background: #f5f8fb; border-radius: 3px; font-size: 12.5px; }
.pm-replyform { display: flex; gap: 6px; margin-top: 8px; }
.pm-replyform .ct-input { flex: 1; min-width: 0; }

/* Timesheet grid. */
.pm-weekbar { display: flex; flex-wrap: wrap; align-items: center; gap: 8px; padding: 10px 12px; border-bottom: 1px solid #e0e7ed; }
.pm-weekbar b { font-size: 13.5px; }
.pm-week th.we, .pm-week td.we { background: #f7f9fb; }
.pm-week th.hol { background: #fff4dc; }
.pm-week .pm-hrs { width: 62px; min-width: 56px; text-align: center; padding-left: 4px; padding-right: 4px; }
.pm-week .pm-wk-what { min-width: 220px; }
.pm-week .pm-wk-what select { display: block; width: 100%; margin-bottom: 3px; min-height: 30px; font-size: 12px; }
.pm-week td.erp-bad, .pm-week td .erp-bad { color: #b42335; }
.pm-weekfoot { display: flex; flex-wrap: wrap; align-items: center; justify-content: flex-end; gap: 8px; padding: 10px 12px; border-top: 1px solid #e0e7ed; }
.pm-weekfoot .mut { margin-right: auto; font-size: 12px; }

/* Expense lines. */
.pm-explines td { vertical-align: top; }
.pm-explines input.ct-input, .pm-explines select.ct-input { min-width: 96px; margin-bottom: 3px; display: block; width: 100%; }
.pm-explines .pm-file { min-width: 150px; font-size: 11.5px; }
.pm-exptotal { margin-left: auto; font-size: 13px; }

/* Portal tiles. */
.pm-ptiles { display: grid; grid-template-columns: repeat(auto-fill, minmax(260px, 1fr)); gap: 12px; }
.pm-ptile { display: flex; flex-direction: column; gap: 6px; }
.pm-ptile b { font-size: 15px; }
.pm-tpls .ct-tile { display: flex; flex-direction: column; gap: 4px; }
.pm-scan { display: flex; gap: 6px; } .pm-scan .ct-input { flex: 1; min-width: 0; }
.pm-scanbox { padding-bottom: 0; }

@media (max-width: 760px) {
    .pm-gwrap { --namew: 140px; }
    .pm-gn { font-size: 11px; padding: 0 6px; }
    .pm-gn .t { overflow: hidden; text-overflow: ellipsis; white-space: nowrap; display: block; }
.pm-gn .w { font-family: ui-monospace, monospace; font-size: 10.5px; color: #5b6f82; font-weight: 600; margin-right: 3px; }
.pm-gn small { display: none; }
    .pm-evmgrid { grid-template-columns: repeat(2, minmax(0, 1fr)); }
    .pm-board { grid-template-columns: repeat(5, minmax(200px, 78vw)); }
    .pm-cal { grid-template-columns: 1fr; }
    .pm-cal .dow { display: none; }
    .pm-cal .day { min-height: 0; }
    .pm-cal .day:not(.has) { display: none; }
    .pm-cal .d em { display: inline; }
    .pm-road-head, .pm-road-row { grid-template-columns: 150px 1fr; }
    .pm-road { min-width: 760px; }
    .pm-weekfoot .mut { flex-basis: 100%; }
}


/* Pinnacle Premier Bank: black navigation with restrained gold selection accents. */
.ct-top,header.top,.ct-modbar,.topnav,.ct-navtitle,.navtitle,.navbar.bg-primary,.nav-menu.bg-primary,.sidebar.bg-primary{background:#000!important;background-image:none!important;border-color:#252525!important;color:#fff!important}
.ct-top-title,.ct-top-title b,.ct-session,.ct-modbar a,.topnav a,.topnav button,.ct-navtitle span,.navtitle span{color:#fff!important}
.ct-modbar a:hover,.ct-modbar a.on,.topnav a:hover,.topnav a.on,.topnav button:hover,.topnav button.on{background:#242424!important;color:#fff!important}
.ct-sidebar,.shell>.sidebar{background:#f2f2f2!important;border-color:#d3d3d3!important}
.ct-navitem,.navitem{color:#171717!important;background:linear-gradient(#fff,#f3f3f3)!important;border-color:#d0d0d0!important}
.ct-navitem i,.navitem svg{color:#171717!important}
.ct-navitem:hover,.ct-navitem.on,.navitem:hover,.navitem.on,.nav-link.active,.sidebar .nav-link.active{color:#fff!important;background:#111!important;box-shadow:inset 3px 0 0 #c8a34a!important}
.ct-navitem:hover i,.ct-navitem.on i,.navitem:hover svg,.navitem.on svg{color:#e3c375!important}
.ct-navtitle span,.navtitle span{background:#292929!important}
.ct-topbtn,.ct-command,.ct-command input,.ct-top .ct-avatar{background:#171717!important;border-color:#454545!important;color:#fff!important}
.ct-menu .drop a:hover,.ct-menu .drop button:hover{background:#111!important;color:#fff!important}