OwlCyberSecurity - MANAGER

Edit File: jquery.mmenu.widescreen.scss

/*
	jQuery.mmenu widescreen extension CSS
	
	To use on widescreens only, include it using a mediaquery:
	$("#my-menu").mmenu({
		extensions: {
			'(min-width: 1300px)' : [ 'widescreen' ]
		};
	});
*/

@import "../../scss/import";

$mm_ws_menuWidth: 30% !default;

html.mm-widescreen
{
	body
	{
		position: relative;
	}
	#mm-blocker
	{
		display: none !important;
	}
	.mm-slideout
	{
		transform: none !important;
		width: 100 - $mm_ws_menuWidth !important;
		margin-left: $mm_ws_menuWidth !important;
	}
	.mm-page
	{
		background: inherit;
		box-sizing: border-box;
	}

&.mm-blocking
	{
		&,
		body
		{
			overflow: auto;
		}
	}
}
.mm-menu.mm-widescreen
{
	border-right-width: 1px;
	border-right-style: solid;

display: block !important;
	width: $mm_ws_menuWidth !important;
	min-width: 0 !important;
	max-width: none !important;

top: 0 !important;
	right: auto !important;
	bottom: 0 !important;
	left: 0 !important;
	z-index: 100 !important;

transform: none !important;

&.mm-pageshadow:after
	{
		content: none;
		display: none;
	}
}