<div class="b-settins-left g-ui-user-select-none">
    <div class="b-toolbar hide-on-mobile" style="position: absolute;top:0px;right: 0;left: 0;height: 28px;padding: 15px 0 0 8px;color: #fff;z-index: 101;background-color:rgba(255,255,255,1) !important;border-bottom: 1px solid #edebe9 !important;border-right: 1px solid #edebe9 !important;">
		<img src="https://accessystem.com/images/accessystem-logo-long_02.png" style="height:16px;" title="Logo - ACCESSYSTEM��� | IT Solution & Services Inc." alt="Logo - ACCESSYSTEM��� | IT Solution & Services Inc.">
	</div>
	<div class="b-content thm-settings-menu opacity-on-panel-disabled">
		<div class="b-settings-menu" data-bind="foreach: menu">
			<!-- ko if: disabled -->
			<span class="e-item disabled">
				<span class="i18n e-link" data-bind="attr: { 'data-i18n': label }"></span>
			</span>
			<!-- /ko -->
			<!-- ko ifnot: disabled -->
			<a class="e-item selectable" href="#" data-bind="css: {'selected': selected }, attr: { 'href': $root.link(route) }">
				<span class="i18n e-link" data-bind="attr: { 'data-i18n': label }" style="color:#000 !important;"></span>
			</a>
			<!-- /ko -->
		</div>
	</div>
	<div class="b-content show-on-panel-disabled" data-bind="click: function () { leftPanelDisabled(false); }"></div>
	<div class="b-footer">
		<nobr>
			<div class="btn-toolbar">
				<div class="btn-group">
					<a class="btn single buttonResize" data-bind="click: function () { leftPanelDisabled(!leftPanelDisabled()); }">
						<i data-bind="css: {'icon-resize-out': leftPanelDisabled(), 'icon-resize-in': !leftPanelDisabled()}"></i>
					</a>
				</div>
			</div>
		</nobr>
	</div>
</div>