---
description: https://github.com/harimayco/wmenu-builder
---

# 😊Laravel Drag and Drop menu editor like wordpress (ok)

Da thuc hien

{% file src="https://1957079826-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2F-MCBeDUD-PK_RF-YgJRe%2Fuploads%2Fj8hg2sqxee6Uc3NMYd7v%2Ftestnet-menu.rar?alt=media&token=505c8945-f1b8-43fa-9a3f-c8722339433c" %}

<figure><img src="https://1957079826-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2F-MCBeDUD-PK_RF-YgJRe%2Fuploads%2FXULi2lKM9NuKmSurTx8m%2Fimage.png?alt=media&#x26;token=a82c79e1-c1ad-4f3d-918d-fc8f6b9764a6" alt=""><figcaption><p>Hiện tại đang chạy được trên version php 7.4 version php 8.2 bị lỗi.</p></figcaption></figure>

<figure><img src="https://1957079826-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2F-MCBeDUD-PK_RF-YgJRe%2Fuploads%2FZm8pdYo4yfF5IsHEoRRp%2Fimage.png?alt=media&#x26;token=70c97bed-4ccc-4203-bd06-781d5cef977f" alt=""><figcaption></figcaption></figure>

<figure><img src="https://1957079826-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2F-MCBeDUD-PK_RF-YgJRe%2Fuploads%2FtiRr1FatZyPrDv1s8wRg%2Fimage.png?alt=media&#x26;token=f45f7593-3a99-4c17-aebf-0d6bbc2afd4d" alt=""><figcaption></figcaption></figure>

<figure><img src="https://1957079826-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2F-MCBeDUD-PK_RF-YgJRe%2Fuploads%2FyMot8WGjBtbqBjOR10Zs%2Fimage.png?alt=media&#x26;token=e354ecaf-a98d-43f0-a855-1465cd9e216b" alt=""><figcaption></figcaption></figure>

{% file src="https://1957079826-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2F-MCBeDUD-PK_RF-YgJRe%2Fuploads%2FUX3LriohYehKKqpr8UwS%2Fwmenu-builder-master.zip?alt=media&token=194f4280-630f-48a6-b9ba-8f89226616b0" %}

C:\xampp824\htdocs\testnet\config\app.php

```php
'providers' => [
    // ...
    Harimayco\Menu\MenuServiceProvider::class,
]
'aliases' => [
  // ...
  'Menu' => Harimayco\Menu\Facades\Menu::class,
]
```

C:\xampp743\htdocs\testnet\database\migrations\2017\_08\_11\_073824\_create\_menus\_wp\_table.php

```php
<?php
use Illuminate\Support\Facades\Schema;
use Illuminate\Database\Schema\Blueprint;
use Illuminate\Database\Migrations\Migration;
class CreateMenusWpTable extends Migration
{
  /**
   * Run the migrations.
   *
   * @return void
   */
  public function up()
  {
    Schema::create(config('menu.table_prefix') . config('menu.table_name_menus'), function (Blueprint $table) {
      $table->bigIncrements('id');
      $table->string('name');
      $table->timestamps();
    });
  }
  /**
   * Reverse the migrations.
   *
   * @return void
   */
  public function down()
  {
    Schema::dropIfExists(config('menu.table_prefix') . config('menu.table_name_menus'));
  }
}

```

C:\xampp743\htdocs\testnet\database\migrations\2017\_08\_11\_074006\_create\_menu\_items\_wp\_table.php

```php
<?php

use Illuminate\Support\Facades\Schema;
use Illuminate\Database\Schema\Blueprint;
use Illuminate\Database\Migrations\Migration;

class CreateMenuItemsWpTable extends Migration
{
    /**
     * Run the migrations.
     *
     * @return void
     */
    public function up()
    {
        Schema::create( config('menu.table_prefix') . config('menu.table_name_items') , function (Blueprint $table) {
            $table->bigIncrements('id');
            $table->string('label');
            $table->string('link');
            $table->unsignedBigInteger('parent')->default(0);
            $table->integer('sort')->default(0);
            $table->string('class')->nullable();
            $table->unsignedBigInteger('menu');
            $table->integer('depth')->default(0);
            $table->timestamps();

            $table->foreign('menu')->references('id')->on(config('menu.table_prefix') . config('menu.table_name_menus'))
            ->onDelete('cascade')
            ->onUpdate('cascade');
        });
    }

    /**
     * Reverse the migrations.
     *
     * @return void
     */
    public function down()
    {
        Schema::dropIfExists( config('menu.table_prefix') . config('menu.table_name_items'));
    }
}

```

C:\xampp743\htdocs\testnet\database\migrations\2019\_01\_05\_293551\_add\_role\_id\_to\_menu\_items\_table.php

```php
<?php
use Illuminate\Support\Facades\Schema;
use Illuminate\Database\Schema\Blueprint;
use Illuminate\Database\Migrations\Migration;
class AddRoleIdToMenuItemsTable extends Migration
{
  /**
   * Run the migrations.
   *
   * @return void
   */
  public function up()
  {
    Schema::table(config('menu.table_prefix') . config('menu.table_name_items'), function ($table) {
      $table->integer('role_id')->default(0);
    });
  }
  /**
   * Reverse the migrations.
   *
   * @return void
   */
  public function down()
  {
    Schema::table(config('menu.table_prefix') . config('menu.table_name_items'), function ($table) {
      $table->dropColumn('role_id');
    });
  }
}

```

C:\xampp743\htdocs\testnet\resources\views\test.blade.php

```php
@extends('layouts.app')
@section('content')
  {!! Menu::render() !!}
@endsection
@push('scripts')
  {!! Menu::scripts() !!}
@endpush

```

C:\xampp743\htdocs\testnet\resources\views\layouts\app.blade.php

```php
<!doctype html>
<html lang="{{ str_replace('_', '-', app()->getLocale()) }}">
<head>
  <meta charset="utf-8">
  <meta name="viewport" content="width=device-width, initial-scale=1">
  <!-- CSRF Token -->
  <meta name="csrf-token" content="{{ csrf_token() }}">
  <title>{{ config('app.name', 'Laravel') }}</title>
  <!-- Scripts -->
  <script src="{{ asset('js/app.js') }}" defer></script>
  <!-- Fonts -->
  <link rel="dns-prefetch" href="//fonts.gstatic.com">
  <link href="https://fonts.googleapis.com/css?family=Nunito" rel="stylesheet">
  <!-- Styles -->
  <meta name="csrf-token" content="{{ csrf_token() }}" />
  <link href="{{ asset('css/app.css') }}" rel="stylesheet">
</head>
<body>
  <div id="app">
    <div class="nav-wrap">
      <div class="btn-menu">
        <span></span>
      </div><!-- //mobile menu button -->
      <nav id="mainnav" class="mainnav">
        @if($public_menu)
        <ul class="menu">
          @foreach($public_menu as $menu)
          <li class="">
            <a href="{{ $menu['link'] }}" title="">{{ $menu['label'] }}</a>
            @if( $menu['child'] )
            <ul class="sub-menu">
              @foreach( $menu['child'] as $child )
              <li class=""><a href="{{ $child['link'] }}" title="">{{ $child['label'] }}</a></li>
              @endforeach
            </ul><!-- /.sub-menu -->
            @endif
          </li>
          @endforeach
          @endif
        </ul><!-- /.menu -->
      </nav><!-- /#mainnav -->
    </div><!-- /.nav-wrap -->
    <nav class="navbar navbar-expand-md navbar-light bg-white shadow-sm">
      <div class="container">
        <a class="navbar-brand" href="{{ url('/') }}">
          {{ config('app.name', 'Laravel') }}
        </a>
        <button class="navbar-toggler" type="button" data-bs-toggle="collapse" data-bs-target="#navbarSupportedContent"
          aria-controls="navbarSupportedContent" aria-expanded="false" aria-label="{{ __('Toggle navigation') }}">
          <span class="navbar-toggler-icon"></span>
        </button>
        <div class="collapse navbar-collapse" id="navbarSupportedContent">
          <!-- Left Side Of Navbar -->
          <ul class="navbar-nav me-auto">
          </ul>
          <!-- Right Side Of Navbar -->
          <ul class="navbar-nav ms-auto">
            <!-- Authentication Links -->
            @guest
            @if (Route::has('login'))
            <li class="nav-item">
              <a class="nav-link" href="{{ route('login') }}">{{ __('Login') }}</a>
            </li>
            @endif
            @if (Route::has('register'))
            <li class="nav-item">
              <a class="nav-link" href="{{ route('register') }}">{{ __('Register') }}</a>
            </li>
            @endif
            @else
            <li class="nav-item dropdown">
              <a id="navbarDropdown" class="nav-link dropdown-toggle" href="#" role="button" data-bs-toggle="dropdown"
                aria-haspopup="true" aria-expanded="false" v-pre>
                {{ Auth::user()->name }}
              </a>
              <div class="dropdown-menu dropdown-menu-end" aria-labelledby="navbarDropdown">
                <a class="dropdown-item" href="{{ route('logout') }}" onclick="event.preventDefault();
                                                     document.getElementById('logout-form').submit();">
                  {{ __('Logout') }}
                </a>
                <form id="logout-form" action="{{ route('logout') }}" method="POST" class="d-none">
                  @csrf
                </form>
              </div>
            </li>
            @endguest
          </ul>
        </div>
      </div>
    </nav>
    <main class="py-4 container">
      @yield('content')
    </main>
  </div>
  <script src="https://code.jquery.com/jquery-3.7.0.min.js"></script>
  @stack('scripts')
</body>
</html>

```

C:\xampp743\htdocs\testnet\routes\web.php

```php
<?php
use Illuminate\Support\Facades\Route;
use Harimayco\Menu\Models\Menus;
use Harimayco\Menu\Models\MenuItems;
use Harimayco\Menu\Controllers\MenuController;
/*
|--------------------------------------------------------------------------
| Web Routes
|--------------------------------------------------------------------------
|
| Here is where you can register web routes for your application. These
| routes are loaded by the RouteServiceProvider within a group which
| contains the "web" middleware group. Now create something great!
|
*/
Route::get('/', function () {
  return view('welcome');
});
Route::get('/test', function () {
  $menu = Menus::where('name', 'Test 3')->with('items')->first();
  $public_menu = [];
  if ($menu) {
    $public_menu = $menu->items->toArray();
  }
  return view('test', compact('public_menu'));
});
Auth::routes();
Route::get('/home', [App\Http\Controllers\HomeController::class, 'index'])->name('home');
$path = rtrim(config('menu.route_path'));
Route::post($path . 'addcustommenu', [MenuController::class, 'addcustommenu'])->name('haddcustommenu');
Route::post($path . 'deleteitemmenu', [MenuController::class, 'deleteitemmenu'])->name('hdeleteitemmenu');
Route::post($path . 'deletemenug', [MenuController::class, 'deletemenug'])->name('hdeletemenug');
Route::post($path . 'createnewmenu', [MenuController::class, 'createnewmenu'])->name('hcreatenewmenu');
Route::post($path . 'generatemenucontrol', [MenuController::class, 'generatemenucontrol'])->name('hgeneratemenucontrol');
Route::post($path . 'updateitem', [MenuController::class, 'updateitem'])->name('hupdateitem');

```

C:\xampp743\htdocs\testnet\resources\views\vendor\wmenu\menu-html.blade.php

```blade
<?php
$currentUrl = url()->current();
?>
<meta name="viewport" content="width=device-width,initial-scale=1.0">
<link rel="stylesheet" href="//maxcdn.bootstrapcdn.com/font-awesome/4.3.0/css/font-awesome.min.css">
<link href="{{asset('vendor/harimayco-menu/style.css')}}" rel="stylesheet">
<div id="hwpwrap">
  <div class="custom-wp-admin wp-admin wp-core-ui js   menu-max-depth-0 nav-menus-php auto-fold admin-bar">
    <div id="wpwrap">
      <div id="wpcontent">
        <div id="wpbody">
          <div id="wpbody-content">
            <div class="wrap">
              <div class="manage-menus">
                <form method="get" action="{{ $currentUrl }}">
                  <label for="menu" class="selected-menu">Select the menu you want to edit:</label>
                  {!! Menu::select('menu', $menulist) !!}
                  <span class="submit-btn">
                    <input type="submit" class="button-secondary" value="Choose">
                  </span>
                  <span class="add-new-menu-action"> or <a href="{{ $currentUrl }}?action=edit&menu=0">Create new
                      menu</a>. </span>
                </form>
              </div>
              <div id="nav-menus-frame">
                @if(request()->has('menu') && !empty(request()->input("menu")))
                <div id="menu-settings-column" class="metabox-holder">
                  <div class="clear"></div>
                  <form id="nav-menu-meta" action="" class="nav-menu-meta" method="post" enctype="multipart/form-data">
                    <div id="side-sortables" class="accordion-container">
                      <ul class="outer-border">
                        <li class="control-section accordion-section  open add-page" id="add-page">
                          <h3 class="accordion-section-title hndle" tabindex="0"> Custom Link <span
                              class="screen-reader-text">Press return or enter to expand</span></h3>
                          <div class="accordion-section-content ">
                            <div class="inside">
                              <div class="customlinkdiv" id="customlinkdiv">
                                <p id="menu-item-url-wrap">
                                  <label class="howto" for="custom-menu-item-url"> <span>URL</span>&nbsp;&nbsp;&nbsp;
                                    <input id="custom-menu-item-url" name="url" type="text" class="menu-item-textbox "
                                      placeholder="url">
                                  </label>
                                </p>
                                <p id="menu-item-name-wrap">
                                  <label class="howto" for="custom-menu-item-name"> <span>Label</span>&nbsp;
                                    <input id="custom-menu-item-name" name="label" type="text"
                                      class="regular-text menu-item-textbox input-with-default-title"
                                      title="Label menu">
                                  </label>
                                </p>
                                @if(!empty($roles))
                                <p id="menu-item-role_id-wrap">
                                  <label class="howto" for="custom-menu-item-name"> <span>Role</span>&nbsp;
                                    <select id="custom-menu-item-role" name="role">
                                      <option value="0">Select Role</option>
                                      @foreach($roles as $role)
                                      <option value="{{ $role->$role_pk }}">{{ ucfirst($role->$role_title_field) }}
                                      </option>
                                      @endforeach
                                    </select>
                                  </label>
                                </p>
                                @endif
                                <p class="button-controls">
                                  <a href="#" onclick="addcustommenu()"
                                    class="button-secondary submit-add-to-menu right">Add menu item</a>
                                  <span class="spinner" id="spincustomu"></span>
                                </p>
                              </div>
                            </div>
                          </div>
                        </li>
                      </ul>
                    </div>
                  </form>
                </div>
                @endif
                <div id="menu-management-liquid">
                  <div id="menu-management">
                    <form id="update-nav-menu" action="" method="post" enctype="multipart/form-data">
                      <div class="menu-edit ">
                        <div id="nav-menu-header">
                          <div class="major-publishing-actions">
                            <label class="menu-name-label howto open-label" for="menu-name"> <span>Name</span>
                              <input name="menu-name" id="menu-name" type="text"
                                class="menu-name regular-text menu-item-textbox" title="Enter menu name"
                                value="@if(isset($indmenu)){{$indmenu->name}}@endif">
                              <input type="hidden" id="idmenu" value="@if(isset($indmenu)){{$indmenu->id}}@endif" />
                            </label>
                            @if(request()->has('action'))
                            <div class="publishing-action">
                              <a onclick="createnewmenu()" name="save_menu" id="save_menu_header"
                                class="button button-primary menu-save">Create menu</a>
                            </div>
                            @elseif(request()->has("menu"))
                            <div class="publishing-action">
                              <a onclick="getMenusClick()" name="save_menu" id="save_menu_header"
                                class="button button-primary menu-save">Save menu</a>
                              <span class="spinner" id="spincustomu2"></span>
                            </div>
                            @else
                            <div class="publishing-action">
                              <a onclick="createnewmenu()" name="save_menu" id="save_menu_header"
                                class="button button-primary menu-save">Create menu</a>
                            </div>
                            @endif
                          </div>
                        </div>
                        <div id="post-body">
                          <div id="post-body-content">
                            @if(request()->has("menu"))
                            <h3>Menu Structure</h3>
                            <div class="drag-instructions post-body-plain" style="">
                              <p>
                                Place each item in the order you prefer. Click on the arrow to the right of the item to
                                display more configuration options.
                              </p>
                            </div>
                            @else
                            <h3>Menu Creation</h3>
                            <div class="drag-instructions post-body-plain" style="">
                              <p>
                                Please enter the name and select "Create menu" button
                              </p>
                            </div>
                            @endif
                            <ul class="menu ui-sortable" id="menu-to-edit">
                              @if(isset($menus))
                              @foreach($menus as $m)
                              <li id="menu-item-{{$m->id}}"
                                class="menu-item menu-item-depth-{{$m->depth}} menu-item-page menu-item-edit-inactive pending"
                                style="display: list-item;">
                                <dl class="menu-item-bar">
                                  <dt class="menu-item-handle">
                                    <span class="item-title"> <span class="menu-item-title"> <span
                                          id="menutitletemp_{{$m->id}}">{{$m->label}}</span> <span
                                          style="color: transparent;">|{{$m->id}}|</span> </span> <span
                                        class="is-submenu"
                                        style="@if($m->depth==0)display: none;@endif">Subelement</span> </span>
                                    <span class="item-controls"> <span class="item-type">Link</span> <span
                                        class="item-order hide-if-js"> <a
                                          href="{{ $currentUrl }}?action=move-up-menu-item&menu-item={{$m->id}}&_wpnonce=8b3eb7ac44"
                                          class="item-move-up"><abbr title="Move Up">↑</abbr></a> | <a
                                          href="{{ $currentUrl }}?action=move-down-menu-item&menu-item={{$m->id}}&_wpnonce=8b3eb7ac44"
                                          class="item-move-down"><abbr title="Move Down">↓</abbr></a> </span> <a
                                        class="item-edit" id="edit-{{$m->id}}" title=" "
                                        href="{{ $currentUrl }}?edit-menu-item={{$m->id}}#menu-item-settings-{{$m->id}}">
                                      </a> </span>
                                  </dt>
                                </dl>
                                <div class="menu-item-settings" id="menu-item-settings-{{$m->id}}">
                                  <input type="hidden" class="edit-menu-item-id" name="menuid_{{$m->id}}"
                                    value="{{$m->id}}" />
                                  <p class="description description-thin">
                                    <label for="edit-menu-item-title-{{$m->id}}"> Label
                                      <br>
                                      <input type="text" id="idlabelmenu_{{$m->id}}"
                                        class="widefat edit-menu-item-title" name="idlabelmenu_{{$m->id}}"
                                        value="{{$m->label}}">
                                    </label>
                                  </p>
                                  <p class="field-css-classes description description-thin">
                                    <label for="edit-menu-item-classes-{{$m->id}}"> Class CSS (optional)
                                      <br>
                                      <input type="text" id="clases_menu_{{$m->id}}"
                                        class="widefat code edit-menu-item-classes" name="clases_menu_{{$m->id}}"
                                        value="{{$m->class}}">
                                    </label>
                                  </p>
                                  <p class="field-css-url description description-wide">
                                    <label for="edit-menu-item-url-{{$m->id}}"> Url
                                      <br>
                                      <input type="text" id="url_menu_{{$m->id}}"
                                        class="widefat code edit-menu-item-url" id="url_menu_{{$m->id}}"
                                        value="{{$m->link}}">
                                    </label>
                                  </p>
                                  @if(!empty($roles))
                                  <p class="field-css-role description description-wide">
                                    <label for="edit-menu-item-role-{{$m->id}}"> Role
                                      <br>
                                      <select id="role_menu_{{$m->id}}" class="widefat code edit-menu-item-role"
                                        name="role_menu_[{{$m->id}}]">
                                        <option value="0">Select Role</option>
                                        @foreach($roles as $role)
                                        <option @if($role->id == $m->role_id) selected @endif value="{{ $role->$role_pk
                                          }}">{{ ucwords($role->$role_title_field) }}</option>
                                        @endforeach
                                      </select>
                                    </label>
                                  </p>
                                  @endif
                                  <p class="field-move hide-if-no-js description description-wide">
                                    <label> <span>Move</span> <a href="{{ $currentUrl }}" class="menus-move-up"
                                        style="display: none;">Move up</a> <a href="{{ $currentUrl }}"
                                        class="menus-move-down" title="Mover uno abajo" style="display: inline;">Move
                                        Down</a> <a href="{{ $currentUrl }}" class="menus-move-left"
                                        style="display: none;"></a> <a href="{{ $currentUrl }}" class="menus-move-right"
                                        style="display: none;"></a> <a href="{{ $currentUrl }}" class="menus-move-top"
                                        style="display: none;">Top</a> </label>
                                  </p>
                                  <div class="menu-item-actions description-wide submitbox">
                                    <a class="item-delete submitdelete deletion" id="delete-{{$m->id}}"
                                      href="{{ $currentUrl }}?action=delete-menu-item&menu-item={{$m->id}}&_wpnonce=2844002501">Delete</a>
                                    <span class="meta-sep hide-if-no-js"> | </span>
                                    <a class="item-cancel submitcancel hide-if-no-js button-secondary"
                                      id="cancel-{{$m->id}}"
                                      href="{{ $currentUrl }}?edit-menu-item={{$m->id}}&cancel=1424297719#menu-item-settings-{{$m->id}}">Cancel</a>
                                    <span class="meta-sep hide-if-no-js"> | </span>
                                    <a onclick="getMenusClick()" class="button button-primary updatemenu"
                                      id="update-{{$m->id}}" href="javascript:void(0)">Update item</a>
                                  </div>
                                </div>
                                <ul class="menu-item-transport"></ul>
                              </li>
                              @endforeach
                              @endif
                            </ul>
                            <div class="menu-settings">
                            </div>
                          </div>
                        </div>
                        <div id="nav-menu-footer">
                          <div class="major-publishing-actions">
                            @if(request()->has('action'))
                            <div class="publishing-action">
                              <a onclick="createnewmenu()" name="save_menu" id="save_menu_header"
                                class="button button-primary menu-save">Create menu</a>
                            </div>
                            @elseif(request()->has("menu"))
                            <span class="delete-action"> <a class="submitdelete deletion menu-delete"
                                onclick="deletemenu()" href="javascript:void(9)">Delete menu</a> </span>
                            <div class="publishing-action">
                              <a onclick="getMenusClick()" name="save_menu" id="save_menu_header"
                                class="button button-primary menu-save">Save menu</a>
                              <span class="spinner" id="spincustomu2"></span>
                            </div>
                            @else
                            <div class="publishing-action">
                              <a onclick="createnewmenu()" name="save_menu" id="save_menu_header"
                                class="button button-primary menu-save">Create menu</a>
                            </div>
                            @endif
                          </div>
                        </div>
                      </div>
                    </form>
                  </div>
                </div>
              </div>
            </div>
            <div class="clear"></div>
          </div>
          <div class="clear"></div>
        </div>
        <div class="clear"></div>
      </div>
      <div class="clear"></div>
    </div>
  </div>
</div>

```

C:\xampp743\htdocs\testnet\resources\views\vendor\wmenu\scripts.blade.php

```html
<script>
	var menus = {
		"oneThemeLocationNoMenus" : "",
		"moveUp" : "Move up",
		"moveDown" : "Mover down",
		"moveToTop" : "Move top",
		"moveUnder" : "Move under of %s",
		"moveOutFrom" : "Out from under  %s",
		"under" : "Under %s",
		"outFrom" : "Out from %s",
		"menuFocus" : "%1$s. Element menu %2$d of %3$d.",
		"subMenuFocus" : "%1$s. Menu of subelement %2$d of %3$s."
	};
	var arraydata = [];
	var addcustommenur= '{{ route("haddcustommenu") }}';
	var updateitemr= '{{ route("hupdateitem")}}';
	var generatemenucontrolr= '{{ route("hgeneratemenucontrol") }}';
	var deleteitemmenur= '{{ route("hdeleteitemmenu") }}';
	var deletemenugr= '{{ route("hdeletemenug") }}';
	var createnewmenur= '{{ route("hcreatenewmenu") }}';
	var csrftoken="{{ csrf_token() }}";
	var menuwr = "{{ url()->current() }}";
	$.ajaxSetup({
		headers: {
			'X-CSRF-TOKEN': csrftoken
		}
	});
</script>
<script type="text/javascript" src="{{asset('vendor/harimayco-menu/scripts.js')}}"></script>
<script type="text/javascript" src="{{asset('vendor/harimayco-menu/scripts2.js')}}"></script>
<script type="text/javascript" src="{{asset('vendor/harimayco-menu/menu.js')}}"></script>

```

C:\xampp743\htdocs\testnet\public\vendor\harimayco-menu\menu.js

```javascript
var arraydata = [];
function getmenus() {
  arraydata = [];
  $('#spinsavemenu').show();
  var cont = 0;
  $('#menu-to-edit li').each(function (index) {
    var dept = 0;
    for (var i = 0; i < $('#menu-to-edit li').length; i++) {
      var n = $(this)
        .attr('class')
        .indexOf('menu-item-depth-' + i);
      if (n != -1) {
        dept = i;
      }
    }
    var textoiner = $(this)
      .find('.item-edit')
      .text();
    var id = this.id.split('-');
    var textoexplotado = textoiner.split('|');
    var padre = 0;
    if (
      !!textoexplotado[textoexplotado.length - 2] &&
      textoexplotado[textoexplotado.length - 2] != id[2]
    ) {
      padre = textoexplotado[textoexplotado.length - 2];
    }
    arraydata.push({
      depth: dept,
      id: id[2],
      parent: padre,
      sort: cont
    });
    cont++;
  });
  // updateitem();
  // actualizarmenu();
}
function getMenusClick() {
  updateitem();
  actualizarmenu();
}
function addcustommenu() {
  $('#spincustomu').show();
  $.ajax({
    data: {
      labelmenu: $('#custom-menu-item-name').val(),
      linkmenu: $('#custom-menu-item-url').val(),
      rolemenu: $('#custom-menu-item-role').val(),
      idmenu: $('#idmenu').val()
    },
    url: addcustommenur,
    type: 'POST',
    success: function (response) {
      window.location.reload();
    },
    complete: function () {
      $('#spincustomu').hide();
    }
  });
}
function updateitem(id = 0) {
  if (id) {
    var label = $('#idlabelmenu_' + id).val();
    var clases = $('#clases_menu_' + id).val();
    var url = $('#url_menu_' + id).val();
    var role_id = 0;
    if ($('#role_menu_' + id).length) {
      role_id = $('#role_menu_' + id).val();
    }
    var data = {
      label: label,
      clases: clases,
      url: url,
      role_id: role_id,
      id: id
    };
  } else {
    var arr_data = [];
    $('.menu-item-settings').each(function (k, v) {
      var id = $(this)
        .find('.edit-menu-item-id')
        .val();
      var label = $(this)
        .find('.edit-menu-item-title')
        .val();
      var clases = $(this)
        .find('.edit-menu-item-classes')
        .val();
      var url = $(this)
        .find('.edit-menu-item-url')
        .val();
      var role = $(this)
        .find('.edit-menu-item-role')
        .val();
      arr_data.push({
        id: id,
        label: label,
        class: clases,
        link: url,
        role_id: role
      });
    });
    var data = { arraydata: arr_data };
  }
  $.ajax({
    data: data,
    url: updateitemr,
    type: 'POST',
    beforeSend: function (xhr) {
      if (id) {
        $('#spincustomu2').show();
      }
    },
    success: function (response) { },
    complete: function () {
      if (id) {
        $('#spincustomu2').hide();
      }
    }
  });
}
function actualizarmenu() {
  $.ajax({
    dataType: 'json',
    data: {
      arraydata: arraydata,
      menuname: $('#menu-name').val(),
      idmenu: $('#idmenu').val()
    },
    url: generatemenucontrolr,
    type: 'POST',
    beforeSend: function (xhr) {
      $('#spincustomu2').show();
    },
    success: function (response) {
      console.log('aqu llega');
    },
    complete: function () {
      $('#spincustomu2').hide();
    }
  });
}
function deleteitem(id) {
  $.ajax({
    dataType: 'json',
    data: {
      id: id
    },
    url: deleteitemmenur,
    type: 'POST',
    success: function (response) { }
  });
}
function deletemenu() {
  var r = confirm('Do you want to delete this menu ?');
  if (r == true) {
    $.ajax({
      dataType: 'json',
      data: {
        id: $('#idmenu').val()
      },
      url: deletemenugr,
      type: 'POST',
      beforeSend: function (xhr) {
        $('#spincustomu2').show();
      },
      success: function (response) {
        if (!response.error) {
          alert(response.resp);
          window.location = menuwr;
        } else {
          alert(response.resp);
        }
      },
      complete: function () {
        $('#spincustomu2').hide();
      }
    });
  } else {
    return false;
  }
}
function createnewmenu() {
  if (!!$('#menu-name').val()) {
    $.ajax({
      dataType: 'json',
      data: {
        menuname: $('#menu-name').val()
      },
      url: createnewmenur,
      type: 'POST',
      success: function (response) {
        window.location = menuwr + '?menu=' + response.resp;
      }
    });
  } else {
    alert('Enter menu name!');
    $('#menu-name').focus();
    return false;
  }
}
function insertParam(key, value) {
  key = encodeURI(key);
  value = encodeURI(value);
  var kvp = document.location.search.substr(1).split('&');
  var i = kvp.length;
  var x;
  while (i--) {
    x = kvp[i].split('=');
    if (x[0] == key) {
      x[1] = value;
      kvp[i] = x.join('=');
      break;
    }
  }
  if (i < 0) {
    kvp[kvp.length] = [key, value].join('=');
  }
  //this will reload the page, it's likely better to store this until finished
  document.location.search = kvp.join('&');
}
wpNavMenu.registerChange = function () {
  getmenus();
};

```

C:\xampp743\htdocs\testnet\public\vendor\harimayco-menu\scripts2

```javascript
!function(a){a.fn.hoverIntent=function(b,c,d){var e={interval:100,sensitivity:7,timeout:0};e="object"==typeof b?a.extend(e,b):a.isFunction(c)?a.extend(e,{over:b,out:c,selector:d}):a.extend(e,{over:b,out:b,selector:c});var f,g,h,i,j=function(a){f=a.pageX,g=a.pageY},k=function(b,c){return c.hoverIntent_t=clearTimeout(c.hoverIntent_t),Math.abs(h-f)+Math.abs(i-g)<e.sensitivity?(a(c).off("mousemove.hoverIntent",j),c.hoverIntent_s=1,e.over.apply(c,[b])):(h=f,i=g,c.hoverIntent_t=setTimeout(function(){k(b,c)},e.interval),void 0)},l=function(a,b){return b.hoverIntent_t=clearTimeout(b.hoverIntent_t),b.hoverIntent_s=0,e.out.apply(b,[a])},m=function(b){var c=jQuery.extend({},b),d=this;d.hoverIntent_t&&(d.hoverIntent_t=clearTimeout(d.hoverIntent_t)),"mouseenter"==b.type?(h=c.pageX,i=c.pageY,a(d).on("mousemove.hoverIntent",j),1!=d.hoverIntent_s&&(d.hoverIntent_t=setTimeout(function(){k(c,d)},e.interval))):(a(d).off("mousemove.hoverIntent",j),1==d.hoverIntent_s&&(d.hoverIntent_t=setTimeout(function(){l(c,d)},e.timeout)))};return this.on({"mouseenter.hoverIntent":m,"mouseleave.hoverIntent":m},e.selector)}}(jQuery);
var showNotice,adminMenu,columns,validateForm,screenMeta;!function(a,b){adminMenu={init:function(){},fold:function(){},restoreMenuState:function(){},toggle:function(){},favorites:function(){}},columns={init:function(){var b=this;a(".hide-column-tog","#adv-settings").click(function(){var c=a(this),d=c.val();c.prop("checked")?b.checked(d):b.unchecked(d),columns.saveManageColumnsState()})},saveManageColumnsState:function(){var b=this.hidden();a.post(ajaxurl,{action:"hidden-columns",hidden:b,screenoptionnonce:a("#screenoptionnonce").val(),page:pagenow})},checked:function(b){a(".column-"+b).show(),this.colSpanChange(1)},unchecked:function(b){a(".column-"+b).hide(),this.colSpanChange(-1)},hidden:function(){return a(".manage-column").filter(":hidden").map(function(){return this.id}).get().join(",")},useCheckboxesForHidden:function(){this.hidden=function(){return a(".hide-column-tog").not(":checked").map(function(){var a=this.id;return a.substring(a,a.length-5)}).get().join(",")}},colSpanChange:function(b){var c,d=a("table").find(".colspanchange");d.length&&(c=parseInt(d.attr("colspan"),10)+b,d.attr("colspan",c.toString()))}},a(document).ready(function(){columns.init()}),validateForm=function(b){return!a(b).find(".form-required").filter(function(){return""===a("input:visible",this).val()}).addClass("form-invalid").find("input:visible").change(function(){a(this).closest(".form-invalid").removeClass("form-invalid")}).size()},showNotice={warn:function(){var a=commonL10n.warnDelete||"";return confirm(a)?!0:!1},note:function(a){alert(a)}},screenMeta={element:null,toggles:null,page:null,init:function(){this.element=a("#screen-meta"),this.toggles=a(".screen-meta-toggle a"),this.page=a("#wpcontent"),this.toggles.click(this.toggleEvent)},toggleEvent:function(b){var c=a(this.href.replace(/.+#/,"#"));b.preventDefault(),c.length&&(c.is(":visible")?screenMeta.close(c,a(this)):screenMeta.open(c,a(this)))},open:function(b,c){a(".screen-meta-toggle").not(c.parent()).css("visibility","hidden"),b.parent().show(),b.slideDown("fast",function(){b.focus(),c.addClass("screen-meta-active").attr("aria-expanded",!0)}),a(document).trigger("screen:options:open")},close:function(b,c){b.slideUp("fast",function(){c.removeClass("screen-meta-active").attr("aria-expanded",!1),a(".screen-meta-toggle").css("visibility",""),b.parent().hide()}),a(document).trigger("screen:options:close")}},a(".contextual-help-tabs").delegate("a","click",function(b){var c,d=a(this);return b.preventDefault(),d.is(".active a")?!1:(a(".contextual-help-tabs .active").removeClass("active"),d.parent("li").addClass("active"),c=a(d.attr("href")),a(".help-tab-content").not(c).removeClass("active").hide(),void c.addClass("active").show())}),a(document).ready(function(){function c(a){var b,c,d,e,f,g,h,i=a.find(".wp-submenu");f=a.offset().top,g=w.scrollTop(),h=f-g-30,b=f+i.height()+1,c=z.height(),d=60+b-c,e=w.height()+g-50,b-d>e&&(d=b-e),d>h&&(d=h),d>1?i.css("margin-top","-"+d+"px"):i.css("margin-top","")}function d(a){var b=w.scrollTop(),c=!a||"scroll"!==a.type;if(!(s||u||A.data("wp-responsive"))){if(M.menu+M.adminbar<M.window||M.menu+M.adminbar+20>M.wpwrap)return void f();if(L=!0,M.menu+M.adminbar>M.window){if(0>b)return void(I||(I=!0,J=!1,y.css({position:"fixed",top:"",bottom:""})));if(b+M.window>v.height()-1)return void(J||(J=!0,I=!1,y.css({position:"fixed",top:"",bottom:0})));b>H?I?(I=!1,K=y.offset().top-M.adminbar-(b-H),K+M.menu+M.adminbar<b+M.window&&(K=b+M.window-M.menu-M.adminbar),y.css({position:"absolute",top:K,bottom:""})):!J&&y.offset().top+M.menu<b+M.window&&(J=!0,y.css({position:"fixed",top:"",bottom:0})):H>b?J?(J=!1,K=y.offset().top-M.adminbar+(H-b),K+M.menu>b+M.window&&(K=b),y.css({position:"absolute",top:K,bottom:""})):!I&&y.offset().top>=b+M.adminbar&&(I=!0,y.css({position:"fixed",top:"",bottom:""})):c&&(I=J=!1,K=b+M.window-M.menu-M.adminbar-1,K>0?y.css({position:"absolute",top:K,bottom:""}):f())}H=b}}function e(){M={window:w.height(),wpwrap:z.height(),adminbar:G.height(),menu:y.height()}}function f(){!s&&L&&(I=J=L=!1,y.css({position:"",top:"",bottom:""}))}function g(){e(),A.data("wp-responsive")?(x.removeClass("sticky-menu"),f()):M.menu+M.adminbar>M.window?(d(),x.removeClass("sticky-menu")):(x.addClass("sticky-menu"),f())}var h,i,j,k,l,m,n,o,p=!1,q=a("input.current-page"),r=q.val(),s=/iPhone|iPad|iPod/.test(navigator.userAgent),t=-1!==navigator.userAgent.indexOf("Android"),u=a(document.documentElement).hasClass("ie8"),v=a(document),w=a(b),x=a(document.body),y=a("#adminmenuwrap"),z=a("#wpwrap"),A=a("#adminmenu"),B=a("#wp-responsive-overlay"),C=a("#wp-toolbar"),D=C.find('a[aria-haspopup="true"]'),E=a(".meta-box-sortables"),F=!1,G=a("#wpadminbar"),H=0,I=!1,J=!1,K=0,L=!1,M={window:w.height(),wpwrap:z.height(),adminbar:G.height(),menu:y.height()};A.on("click.wp-submenu-head",".wp-submenu-head",function(b){a(b.target).parent().siblings("a").get(0).click()}),a("#collapse-menu").on("click.collapse-menu",function(){var c,d,e=a(document.body);a("#adminmenu div.wp-submenu").css("margin-top",""),c=b.innerWidth?Math.max(b.innerWidth,document.documentElement.clientWidth):961,c&&960>c?e.hasClass("auto-fold")?(e.removeClass("auto-fold").removeClass("folded"),setUserSetting("unfold",1),setUserSetting("mfold","o"),d="open"):(e.addClass("auto-fold"),setUserSetting("unfold",0),d="folded"):e.hasClass("folded")?(e.removeClass("folded"),setUserSetting("mfold","o"),d="open"):(e.addClass("folded"),setUserSetting("mfold","f"),d="folded"),a(document).trigger("wp-collapse-menu",{state:d})}),("ontouchstart"in b||/IEMobile\/[1-9]/.test(navigator.userAgent))&&(m=s?"touchstart":"click",a(document.body).on(m+".wp-mobile-hover",function(b){A.data("wp-responsive")||a(b.target).closest("#adminmenu").length||A.find("li.opensub").removeClass("opensub")}),A.find("a.wp-has-submenu").on(m+".wp-mobile-hover",function(b){var d=a(this).parent();A.data("wp-responsive")||d.hasClass("opensub")||d.hasClass("wp-menu-open")&&!(d.width()<40)||(b.preventDefault(),c(d),A.find("li.opensub").removeClass("opensub"),d.addClass("opensub"))})),s||t||(A.find("li.wp-has-submenu").hoverIntent({over:function(){var b=a(this),d=b.find(".wp-submenu"),e=parseInt(d.css("top"),10);isNaN(e)||e>-5||A.data("wp-responsive")||(c(b),A.find("li.opensub").removeClass("opensub"),b.addClass("opensub"))},out:function(){A.data("wp-responsive")||a(this).removeClass("opensub").find(".wp-submenu").css("margin-top","")},timeout:200,sensitivity:7,interval:90}),A.on("focus.adminmenu",".wp-submenu a",function(b){A.data("wp-responsive")||a(b.target).closest("li.menu-top").addClass("opensub")}).on("blur.adminmenu",".wp-submenu a",function(b){A.data("wp-responsive")||a(b.target).closest("li.menu-top").removeClass("opensub")}).find("li.wp-has-submenu.wp-not-current-submenu").on("focusin.adminmenu",function(){c(a(this))})),a("div.wrap h2:first").nextAll("div.updated, div.error").addClass("below-h2"),a("div.updated, div.error").not(".below-h2, .inline").insertAfter(a("div.wrap h2:first")),screenMeta.init(),a("tbody").children().children(".check-column").find(":checkbox").click(function(b){if("undefined"==b.shiftKey)return!0;if(b.shiftKey){if(!p)return!0;h=a(p).closest("form").find(":checkbox"),i=h.index(p),j=h.index(this),k=a(this).prop("checked"),i>0&&j>0&&i!=j&&(l=j>i?h.slice(i,j):h.slice(j,i),l.prop("checked",function(){return a(this).closest("tr").is(":visible")?k:!1}))}p=this;var c=a(this).closest("tbody").find(":checkbox").filter(":visible").not(":checked");return a(this).closest("table").children("thead, tfoot").find(":checkbox").prop("checked",function(){return 0===c.length}),!0}),a("thead, tfoot").find(".check-column :checkbox").on("click.wp-toggle-checkboxes",function(b){var c=a(this),d=c.closest("table"),e=c.prop("checked"),f=b.shiftKey||c.data("wp-toggle");d.children("tbody").filter(":visible").children().children(".check-column").find(":checkbox").prop("checked",function(){return a(this).is(":hidden")?!1:f?!a(this).prop("checked"):e?!0:!1}),d.children("thead,  tfoot").filter(":visible").children().children(".check-column").find(":checkbox").prop("checked",function(){return f?!1:e?!0:!1})}),a("td.post-title, td.title, td.comment, .bookmarks td.column-name, td.blogname, td.username, .dashboard-comment-wrap").focusin(function(){clearTimeout(n),o=a(this).find(".row-actions"),o.addClass("visible")}).focusout(function(){n=setTimeout(function(){o.removeClass("visible")},30)}),a("#default-password-nag-no").click(function(){return setUserSetting("default_password_nag","hide"),a("div.default-password-nag").hide(),!1}),a("#newcontent").bind("keydown.wpevent_InsertTab",function(b){var c,d,e,f,g,h=b.target;if(27==b.keyCode)return void a(h).data("tab-out",!0);if(!(9!=b.keyCode||b.ctrlKey||b.altKey||b.shiftKey)){if(a(h).data("tab-out"))return void a(h).data("tab-out",!1);c=h.selectionStart,d=h.selectionEnd,e=h.value;try{this.lastKey=9}catch(i){}document.selection?(h.focus(),g=document.selection.createRange(),g.text="	"):c>=0&&(f=this.scrollTop,h.value=e.substring(0,c).concat("	",e.substring(d)),h.selectionStart=h.selectionEnd=c+1,this.scrollTop=f),b.stopPropagation&&b.stopPropagation(),b.preventDefault&&b.preventDefault()}}),a("#newcontent").bind("blur.wpevent_InsertTab",function(){this.lastKey&&9==this.lastKey&&this.focus()}),q.length&&q.closest("form").submit(function(){-1==a('select[name="action"]').val()&&-1==a('select[name="action2"]').val()&&q.val()==r&&q.val("1")}),a('.search-box input[type="search"], .search-box input[type="submit"]').mousedown(function(){a('select[name^="action"]').val("-1")}),a("#contextual-help-link, #show-settings-link").on("focus.scroll-into-view",function(a){a.target.scrollIntoView&&a.target.scrollIntoView(!1)}),function(){function b(){c.prop("disabled",""===d.map(function(){return a(this).val()}).get().join(""))}var c,d,e=a("form.wp-upload-form");e.length&&(c=e.find('input[type="submit"]'),d=e.find('input[type="file"]'),b(),d.on("change",b))}(),s||(w.on("scroll.pin-menu",d),v.on("tinymce-editor-init.pin-menu",function(a,b){b.on("wp-autoresize",e)})),b.wpResponsive={init:function(){var c=this;v.on("wp-responsive-activate.wp-responsive",function(){c.activate()}).on("wp-responsive-deactivate.wp-responsive",function(){c.deactivate()}),a("#wp-admin-bar-menu-toggle a").attr("aria-expanded","false"),a("#wp-admin-bar-menu-toggle").on("click.wp-responsive",function(b){b.preventDefault(),z.toggleClass("wp-responsive-open"),z.hasClass("wp-responsive-open")?(a(this).find("a").attr("aria-expanded","true"),a("#adminmenu a:first").focus()):a(this).find("a").attr("aria-expanded","false")}),A.on("click.wp-responsive","li.wp-has-submenu > a",function(b){A.data("wp-responsive")&&(a(this).parent("li").toggleClass("selected"),b.preventDefault())}),c.trigger(),v.on("wp-window-resized.wp-responsive",a.proxy(this.trigger,this)),w.on("load.wp-responsive",function(){var a=navigator.userAgent.indexOf("AppleWebKit/")>-1?w.width():b.innerWidth;782>=a&&c.disableSortables()})},activate:function(){g(),x.hasClass("auto-fold")||x.addClass("auto-fold"),A.data("wp-responsive",1),this.disableSortables()},deactivate:function(){g(),A.removeData("wp-responsive"),this.enableSortables()},trigger:function(){var a;b.innerWidth&&(a=Math.max(b.innerWidth,document.documentElement.clientWidth),782>=a?F||(v.trigger("wp-responsive-activate"),F=!0):F&&(v.trigger("wp-responsive-deactivate"),F=!1),480>=a?this.enableOverlay():this.disableOverlay())},enableOverlay:function(){0===B.length&&(B=a('<div id="wp-responsive-overlay"></div>').insertAfter("#wpcontent").hide().on("click.wp-responsive",function(){C.find(".menupop.hover").removeClass("hover"),a(this).hide()})),D.on("click.wp-responsive",function(){B.show()})},disableOverlay:function(){D.off("click.wp-responsive"),B.hide()},disableSortables:function(){if(E.length)try{E.sortable("disable")}catch(a){}},enableSortables:function(){if(E.length)try{E.sortable("enable")}catch(a){}}},b.wpResponsive.init(),g(),v.on("wp-window-resized.pin-menu postboxes-columnchange.pin-menu postbox-toggled.pin-menu wp-collapse-menu.pin-menu wp-scroll-start.pin-menu",g)}),function(){function c(){a(document).trigger("wp-window-resized")}function d(){b.clearTimeout(e),e=b.setTimeout(c,200)}var e;a(b).on("resize.wp-fire-once",d)}(),function(){if("-ms-user-select"in document.documentElement.style&&navigator.userAgent.match(/IEMobile\/10\.0/)){var a=document.createElement("style");a.appendChild(document.createTextNode("@-ms-viewport{width:auto!important}")),document.getElementsByTagName("head")[0].appendChild(a)}}()}(jQuery,window);
"undefined"!=typeof jQuery?("undefined"==typeof jQuery.fn.hoverIntent&&!function(a){a.fn.hoverIntent=function(b,c,d){var e={interval:100,sensitivity:7,timeout:0};e="object"==typeof b?a.extend(e,b):a.isFunction(c)?a.extend(e,{over:b,out:c,selector:d}):a.extend(e,{over:b,out:b,selector:c});var f,g,h,i,j=function(a){f=a.pageX,g=a.pageY},k=function(b,c){return c.hoverIntent_t=clearTimeout(c.hoverIntent_t),Math.abs(h-f)+Math.abs(i-g)<e.sensitivity?(a(c).off("mousemove.hoverIntent",j),c.hoverIntent_s=1,e.over.apply(c,[b])):(h=f,i=g,c.hoverIntent_t=setTimeout(function(){k(b,c)},e.interval),void 0)},l=function(a,b){return b.hoverIntent_t=clearTimeout(b.hoverIntent_t),b.hoverIntent_s=0,e.out.apply(b,[a])},m=function(b){var c=jQuery.extend({},b),d=this;d.hoverIntent_t&&(d.hoverIntent_t=clearTimeout(d.hoverIntent_t)),"mouseenter"==b.type?(h=c.pageX,i=c.pageY,a(d).on("mousemove.hoverIntent",j),1!=d.hoverIntent_s&&(d.hoverIntent_t=setTimeout(function(){k(c,d)},e.interval))):(a(d).off("mousemove.hoverIntent",j),1==d.hoverIntent_s&&(d.hoverIntent_t=setTimeout(function(){l(c,d)},e.timeout)))};return this.on({"mouseenter.hoverIntent":m,"mouseleave.hoverIntent":m},e.selector)}}(jQuery),jQuery(document).ready(function(a){var b,c,d,e=a("#wpadminbar"),f=!1;b=function(b,c){var d=a(c),e=d.attr("tabindex");e&&d.attr("tabindex","0").attr("tabindex",e)},c=function(b){e.find("li.menupop").on("click.wp-mobile-hover",function(c){var d=a(this);d.parent().is("#wp-admin-bar-root-default")&&!d.hasClass("hover")?(c.preventDefault(),e.find("li.menupop.hover").removeClass("hover"),d.addClass("hover")):d.hasClass("hover")||(c.stopPropagation(),c.preventDefault(),d.addClass("hover")),b&&(a("li.menupop").off("click.wp-mobile-hover"),f=!1)})},d=function(){var b=/Mobile\/.+Safari/.test(navigator.userAgent)?"touchstart":"click";a(document.body).on(b+".wp-mobile-hover",function(b){a(b.target).closest("#wpadminbar").length||e.find("li.menupop.hover").removeClass("hover")})},e.removeClass("nojq").removeClass("nojs"),"ontouchstart"in window?(e.on("touchstart",function(){c(!0),f=!0}),d()):/IEMobile\/[1-9]/.test(navigator.userAgent)&&(c(),d()),e.find("li.menupop").hoverIntent({over:function(){f||a(this).addClass("hover")},out:function(){f||a(this).removeClass("hover")},timeout:180,sensitivity:7,interval:100}),window.location.hash&&window.scrollBy(0,-32),a("#wp-admin-bar-get-shortlink").click(function(b){b.preventDefault(),a(this).addClass("selected").children(".shortlink-input").blur(function(){a(this).parents("#wp-admin-bar-get-shortlink").removeClass("selected")}).focus().select()}),a("#wpadminbar li.menupop > .ab-item").bind("keydown.adminbar",function(c){if(13==c.which){var d=a(c.target),e=d.closest("ab-sub-wrapper");c.stopPropagation(),c.preventDefault(),e.length||(e=a("#wpadminbar .quicklinks")),e.find(".menupop").removeClass("hover"),d.parent().toggleClass("hover"),d.siblings(".ab-sub-wrapper").find(".ab-item").each(b)}}).each(b),a("#wpadminbar .ab-item").bind("keydown.adminbar",function(c){if(27==c.which){var d=a(c.target);c.stopPropagation(),c.preventDefault(),d.closest(".hover").removeClass("hover").children(".ab-item").focus(),d.siblings(".ab-sub-wrapper").find(".ab-item").each(b)}}),a("#wpadminbar").click(function(b){("wpadminbar"==b.target.id||"wp-admin-bar-top-secondary"==b.target.id)&&(b.preventDefault(),a("html, body").animate({scrollTop:0},"fast"))}),a(".screen-reader-shortcut").keydown(function(b){var c,d;13==b.which&&(c=a(this).attr("href"),d=navigator.userAgent.toLowerCase(),-1!=d.indexOf("applewebkit")&&c&&"#"==c.charAt(0)&&setTimeout(function(){a(c).focus()},100))}),"sessionStorage"in window&&a("#wp-admin-bar-logout a").click(function(){try{for(var a in sessionStorage)-1!=a.indexOf("wp-autosave-")&&sessionStorage.removeItem(a)}catch(b){}}),navigator.userAgent&&-1===document.body.className.indexOf("no-font-face")&&/Android (1.0|1.1|1.5|1.6|2.0|2.1)|Nokia|Opera Mini|w(eb)?OSBrowser|webOS|UCWEB|Windows Phone OS 7|XBLWP7|ZuneWP7|MSIE 7/.test(navigator.userAgent)&&(document.body.className+=" no-font-face")})):!function(a,b){var c,d=function(a,b,c){a.addEventListener?a.addEventListener(b,c,!1):a.attachEvent&&a.attachEvent("on"+b,function(){return c.call(a,window.event)})},e=new RegExp("\\bhover\\b","g"),f=[],g=new RegExp("\\bselected\\b","g"),h=function(a){for(var b=f.length;b--;)if(f[b]&&a==f[b][1])return f[b][0];return!1},i=function(b){for(var d,i,j,k,l,m,n=[],o=0;b&&b!=c&&b!=a;)"LI"==b.nodeName.toUpperCase()&&(n[n.length]=b,i=h(b),i&&clearTimeout(i),b.className=b.className?b.className.replace(e,"")+" hover":"hover",k=b),b=b.parentNode;if(k&&k.parentNode&&(l=k.parentNode,l&&"UL"==l.nodeName.toUpperCase()))for(d=l.childNodes.length;d--;)m=l.childNodes[d],m!=k&&(m.className=m.className?m.className.replace(g,""):"");for(d=f.length;d--;){for(j=!1,o=n.length;o--;)n[o]==f[d][1]&&(j=!0);j||(f[d][1].className=f[d][1].className?f[d][1].className.replace(e,""):"")}},j=function(b){for(;b&&b!=c&&b!=a;)"LI"==b.nodeName.toUpperCase()&&!function(a){var b=setTimeout(function(){a.className=a.className?a.className.replace(e,""):""},500);f[f.length]=[b,a]}(b),b=b.parentNode},k=function(b){for(var d,e,f,h=b.target||b.srcElement;;){if(!h||h==a||h==c)return;if(h.id&&"wp-admin-bar-get-shortlink"==h.id)break;h=h.parentNode}for(b.preventDefault&&b.preventDefault(),b.returnValue=!1,-1==h.className.indexOf("selected")&&(h.className+=" selected"),d=0,e=h.childNodes.length;e>d;d++)if(f=h.childNodes[d],f.className&&-1!=f.className.indexOf("shortlink-input")){f.focus(),f.select(),f.onblur=function(){h.className=h.className?h.className.replace(g,""):""};break}return!1},l=function(a){var b,c,d,e,f,g;if(!("wpadminbar"!=a.id&&"wp-admin-bar-top-secondary"!=a.id||(b=window.pageYOffset||document.documentElement.scrollTop||document.body.scrollTop||0,1>b)))for(g=b>800?130:100,c=Math.min(12,Math.round(b/g)),d=Math.round(b>800?b/30:b/20),e=[],f=0;b;)b-=d,0>b&&(b=0),e.push(b),setTimeout(function(){window.scrollTo(0,e.shift())},f*c),f++};d(b,"load",function(){c=a.getElementById("wpadminbar"),a.body&&c&&(a.body.appendChild(c),c.className&&(c.className=c.className.replace(/nojs/,"")),d(c,"mouseover",function(a){i(a.target||a.srcElement)}),d(c,"mouseout",function(a){j(a.target||a.srcElement)}),d(c,"click",k),d(c,"click",function(a){l(a.target||a.srcElement)}),d(document.getElementById("wp-admin-bar-logout"),"click",function(){if("sessionStorage"in window)try{for(var a in sessionStorage)-1!=a.indexOf("wp-autosave-")&&sessionStorage.removeItem(a)}catch(b){}})),b.location.hash&&b.scrollBy(0,-32),navigator.userAgent&&-1===document.body.className.indexOf("no-font-face")&&/Android (1.0|1.1|1.5|1.6|2.0|2.1)|Nokia|Opera Mini|w(eb)?OSBrowser|webOS|UCWEB|Windows Phone OS 7|XBLWP7|ZuneWP7|MSIE 7/.test(navigator.userAgent)&&(document.body.className+=" no-font-face")})}(document,window);


!function(a){function b(a){var b=a.closest(".accordion-section"),c=b.closest(".accordion-container").find(".open"),d=b.find(".accordion-section-content");b.hasClass("cannot-expand")||(b.hasClass("open")?(b.toggleClass("open"),d.toggle(!0).slideToggle(150)):(c.removeClass("open"),c.find(".accordion-section-content").show().slideUp(150),d.toggle(!1).slideToggle(150),b.toggleClass("open")))}a(document).ready(function(){a(".accordion-container").on("click keydown",".accordion-section-title",function(c){("keydown"!==c.type||13===c.which)&&(c.preventDefault(),b(a(this)))})})}(jQuery);

```

C:\xampp743\htdocs\testnet\public\vendor\harimayco-menu\style.scss

```
#hwpwrap {
	color: #424242;
	a {
		color: #2ea2cc;
	}
	.outer-border {
		list-style-type: none;
	}
	#wpwrap {
		height: auto;
		min-height: 100%;
		width: 100%;
		position: relative;
		-webkit-font-smoothing: subpixel-antialiased;
	}
	#wpcontent {
		height: 100%;
	}
	.folded {
		#wpcontent {
			margin-left: 36px;
		}
		#wpfooter {
			margin-left: 36px;
		}
	}
	#wpbody-content {
		padding-bottom: 65px;
		float: left;
		width: 100%;
		overflow: visible !important;
		.metabox-holder {
			padding-top: 10px;
		}
		#menu-settings-column {
			display: inline;
			width: 281px;
			margin-left: -300px;
			clear: both;
			float: left;
			padding-top: 0;
		}
	}
	.inner-sidebar {
		float: right;
		clear: right;
		display: none;
		width: 281px;
		position: relative;
		#side-sortables {
			min-height: 300px;
			width: 280px;
			padding: 0;
		}
	}
	.columns-2 {
		.inner-sidebar {
			margin-right: auto;
			width: 286px;
			display: block;
			#side-sortables {
				min-height: 300px;
				width: 280px;
				padding: 0;
			}
		}
		#postbox-container-3 {
			.empty-container {
				border: 0;
				height: 0;
				min-height: 0;
			}
		}
		#postbox-container-4 {
			.empty-container {
				border: 0;
				height: 0;
				min-height: 0;
			}
		}
	}
	.has-right-sidebar {
		.inner-sidebar {
			display: block;
		}
		#post-body {
			float: left;
			clear: left;
			width: 100%;
			margin-right: -2000px;
		}
		#post-body-content {
			margin-right: 300px;
			float: none;
			width: auto;
		}
	}
	#col-container {
		overflow: hidden;
		padding: 0;
		margin: 0;
	}
	#col-left {
		overflow: hidden;
		padding: 0;
		margin: 0;
		width: 35%;
	}
	#col-right {
		overflow: hidden;
		padding: 0;
		margin: 0;
		float: right;
		clear: right;
		width: 65%;
	}
	.col-wrap {
		padding: 0 7px;
	}
	.alignleft {
		float: left;
		h3 {
			margin: 0;
		}
	}
	.alignright {
		float: right;
	}
	.textleft {
		text-align: left;
	}
	.textright {
		text-align: right;
	}
	.clear {
		clear: both;
	}
	.screen-reader-text {
		position: absolute;
		margin: -1px;
		padding: 0;
		height: 1px;
		width: 1px;
		overflow: hidden;
		clip: rect(0 0 0 0);
		border: 0;
		span {
			position: absolute;
			margin: -1px;
			padding: 0;
			height: 1px;
			width: 1px;
			overflow: hidden;
			clip: rect(0 0 0 0);
			border: 0;
		}
		&:focus {
			-webkit-box-shadow: none;
			box-shadow: none;
			outline: 0;
		}
	}
	.ui-helper-hidden-accessible {
		position: absolute;
		margin: -1px;
		padding: 0;
		height: 1px;
		width: 1px;
		overflow: hidden;
		clip: rect(0 0 0 0);
		border: 0;
	}
	.screen-reader-shortcut {
		position: absolute;
		top: -1000em;
		&:focus {
			left: 6px;
			top: -25px;
			height: auto;
			width: auto;
			display: block;
			font-size: 14px;
			font-weight: 600;
			padding: 15px 23px 14px;
			background: #f1f1f1;
			color: #21759b;
			z-index: 100000;
			line-height: normal;
			-webkit-box-shadow: 0 0 2px 2px rgba(0, 0, 0, 0.6);
			box-shadow: 0 0 2px 2px rgba(0, 0, 0, 0.6);
			text-decoration: none;
			outline: 0;
		}
	}
	.hidden {
		display: none;
	}
	.js {
		.closed {
			.inside {
				display: none;
			}
		}
		.hide-if-js {
			display: none;
		}
		.wp-core-ui {
			.hide-if-js {
				display: none;
			}
		}
		.postbox {
			.hndle {
				cursor: move;
			}
			.handlediv {
				cursor: pointer;
			}
		}
		.widget {
			.widget-top {
				cursor: move;
			}
		}
		.meta-box-sortables {
			.postbox {
				&:hover {
					.handlediv {
						margin-right: 0 !important;
					}
				}
				.handlediv {
					&:before {
						right: 12px;
						font: 400 20px/1 dashicons;
						speak: none;
						display: inline-block;
						padding: 8px 10px;
						top: 0;
						position: relative;
						-webkit-font-smoothing: antialiased;
						-moz-osx-font-smoothing: grayscale;
						text-decoration: none !important;
						content: "\f0de";
					}
				}
			}
			.postbox.closed {
				.handlediv {
					&:before {
						content: "\f140";
					}
				}
			}
		}
		.sidebar-name {
			.sidebar-name-arrow {
				&:before {
					right: 12px;
					font: 400 20px/1 dashicons;
					speak: none;
					display: inline-block;
					padding: 8px 10px;
					top: 0;
					position: relative;
					-webkit-font-smoothing: antialiased;
					-moz-osx-font-smoothing: grayscale;
					text-decoration: none !important;
					content: "\f0de";
				}
			}
		}
		#widgets-left {
			.sidebar-name {
				.sidebar-name-arrow {
					display: none;
				}
				&:hover {
					.sidebar-name-arrow {
						display: block;
					}
				}
			}
			.widgets-holder-wrap.closed {
				.sidebar-name {
					.sidebar-name-arrow {
						display: block;
					}
				}
			}
		}
		.widgets-holder-wrap.closed {
			.sidebar-name-arrow {
				&:before {
					content: "\f140";
				}
			}
		}
		.accordion-section-title {
			cursor: pointer;
			&:after {
				position: absolute;
				top: 12px;
				right: 10px;
				z-index: 1;
			}
		}
		.control-section {
			.accordion-section-title {
				&:focus {
					color: #222;
					background: #f5f5f5;
				}
				&:hover {
					color: #222;
					background: #f5f5f5;
				}
			}
			&:hover {
				.accordion-section-title {
					color: #222;
					background: #f5f5f5;
				}
			}
		}
		.control-section.open {
			.accordion-section-title {
				color: #222;
				background: #f5f5f5;
			}
		}
		.input-with-default-title {
			color: #aaa;
			font-style: italic;
		}
		.menu-item-handle {
			cursor: move;
		}
	}
	.js.wp-core-ui {
		.hide-if-js {
			display: none;
		}
	}
	.no-js {
		.hide-if-no-js {
			display: none;
		}
		.wp-core-ui {
			.hide-if-no-js {
				display: none;
			}
		}
		.accordion-section {
			.accordion-section-content {
				display: block;
			}
		}
		.category-tabs {
			li.hide-if-no-js {
				display: none;
			}
		}
		#message {
			display: block;
		}
		.menu-item-edit-active {
			.item-edit {
				display: none;
			}
		}
	}
	.no-js.wp-core-ui {
		.hide-if-no-js {
			display: none;
		}
	}
	#menu-management {
		.menu-edit {
			border: 1px solid #e5e5e5;
			-webkit-box-shadow: 0 1px 1px rgba(0, 0, 0, 0.04);
			box-shadow: 0 1px 1px rgba(0, 0, 0, 0.04);
			margin-bottom: 20px;
		}
		position: relative;
		margin-right: 20px;
		margin-top: -3px;
		width: 100%;
		background: #f5f5f5;
		.menu-add-new {
			abbr {
				font-weight: 600;
			}
		}
		.inside {
			padding: 0 10px;
		}
	}
	#menu-settings-column {
		.accordion-container {
			border: 1px solid #e5e5e5;
			-webkit-box-shadow: 0 1px 1px rgba(0, 0, 0, 0.04);
			box-shadow: 0 1px 1px rgba(0, 0, 0, 0.04);
		}
		.inside {
			clear: both;
			margin: 10px 0 0;
			&:after {
				clear: both;
				content: ".";
				display: block;
				height: 0;
				visibility: hidden;
			}
		}
	}
	.feature-filter {
		border: 1px solid #e5e5e5;
		-webkit-box-shadow: 0 1px 1px rgba(0, 0, 0, 0.04);
		box-shadow: 0 1px 1px rgba(0, 0, 0, 0.04);
		background: #fff;
		.feature-name {
			font-weight: 600;
		}
	}
	.imgedit-group {
		border: 1px solid #e5e5e5;
		-webkit-box-shadow: 0 1px 1px rgba(0, 0, 0, 0.04);
		box-shadow: 0 1px 1px rgba(0, 0, 0, 0.04);
		background: #fff;
	}
	.manage-menus {
		border: 1px solid #e5e5e5;
		-webkit-box-shadow: 0 1px 1px rgba(0, 0, 0, 0.04);
		box-shadow: 0 1px 1px rgba(0, 0, 0, 0.04);
		margin-top: 23px;
		padding: 10px;
		overflow: hidden;
		background: #fbfbfb;
		select {
			float: left;
			margin-right: 6px;
		}
		.selected-menu {
			float: left;
			margin: 5px 6px 0 0;
		}
		.submit-btn {
			float: left;
			margin-top: 1px;
		}
	}
	.menu-item-handle {
		border: 1px solid #e5e5e5;
		-webkit-box-shadow: 0 1px 1px rgba(0, 0, 0, 0.04);
		box-shadow: 0 1px 1px rgba(0, 0, 0, 0.04);
		.item-title {
			font-size: 13px;
			font-weight: 600;
			line-height: 20px;
			display: block;
			margin-right: 13em;
		}
		.menu-item-title.no-title {
			color: #999;
		}
	}
	.popular-tags {
		border: 1px solid #e5e5e5;
		-webkit-box-shadow: 0 1px 1px rgba(0, 0, 0, 0.04);
		box-shadow: 0 1px 1px rgba(0, 0, 0, 0.04);
		background: #fff;
	}
	.stuffbox {
		border: 1px solid #e5e5e5;
		-webkit-box-shadow: 0 1px 1px rgba(0, 0, 0, 0.04);
		box-shadow: 0 1px 1px rgba(0, 0, 0, 0.04);
		background: #fff;
		margin-bottom: 20px;
		padding: 0;
		line-height: 1;
		.hndle {
			-webkit-user-select: none;
			-moz-user-select: none;
			-ms-user-select: none;
			user-select: none;
		}
		.inside {
			padding: 0 12px 12px;
			line-height: 1.4em;
			font-size: 13px;
		}
		.insidebox {
			margin: 11px 0;
		}
		.editcomment {
			clear: none;
		}
	}
	.widget-inside {
		border: 1px solid #e5e5e5;
		-webkit-box-shadow: 0 1px 1px rgba(0, 0, 0, 0.04);
		box-shadow: 0 1px 1px rgba(0, 0, 0, 0.04);
	}
	.widget-top {
		border: 1px solid #e5e5e5;
		-webkit-box-shadow: 0 1px 1px rgba(0, 0, 0, 0.04);
		box-shadow: 0 1px 1px rgba(0, 0, 0, 0.04);
		font-size: 13px;
		font-weight: 600;
		background: #f7f7f7;
		a.widget-action {
			&:after {
				right: 0;
				content: "\f0dd";
				border: none;
				background: 0 0;
				font: 400 20px/1 FontAwesome;
				speak: none;
				display: block;
				padding: 0;
				text-indent: 0;
				text-align: center;
				position: relative;
				-webkit-font-smoothing: antialiased;
				-moz-osx-font-smoothing: grayscale;
				text-decoration: none !important;
				padding: 12px 12px 11px;
			}
			&:focus {
				&:after {
					-webkit-box-shadow: 0 0 0 1px #5b9dd9, 0 0 2px 1px rgba(30, 140, 190, 0.8);
					box-shadow: 0 0 0 1px #5b9dd9, 0 0 2px 1px rgba(30, 140, 190, 0.8);
				}
			}
			-webkit-box-shadow: none;
			box-shadow: none;
			outline: 0;
			text-decoration: none;
			&:hover {
				-webkit-box-shadow: none;
				box-shadow: none;
				outline: 0;
				text-decoration: none;
			}
		}
	}
	.widgets-holder-wrap {
		border: 1px solid #e5e5e5;
		-webkit-box-shadow: 0 1px 1px rgba(0, 0, 0, 0.04);
		box-shadow: 0 1px 1px rgba(0, 0, 0, 0.04);
		background: #fff;
		.widget-inside {
			border-top: none;
			padding: 1px 15px 15px;
			line-height: 16px;
		}
	}
	.wp-editor-container {
		border: 1px solid #e5e5e5;
		-webkit-box-shadow: 0 1px 1px rgba(0, 0, 0, 0.04);
		box-shadow: 0 1px 1px rgba(0, 0, 0, 0.04);
		background: #fff;
	}
	p.popular-tags {
		border: 1px solid #e5e5e5;
		-webkit-box-shadow: 0 1px 1px rgba(0, 0, 0, 0.04);
		box-shadow: 0 1px 1px rgba(0, 0, 0, 0.04);
		background: #fff;
	}
	table.widefat {
		border: 1px solid #e5e5e5;
		-webkit-box-shadow: 0 1px 1px rgba(0, 0, 0, 0.04);
		box-shadow: 0 1px 1px rgba(0, 0, 0, 0.04);
		background: #fff;
	}
	.ie8 {
		a {
			&:focus {
				outline: #5b9dd9 solid 1px;
			}
		}
		input[type="password"] {
			font-family: sans-serif;
		}
	}
	#adminmenu {
		a {
			&:focus {
				-webkit-box-shadow: none;
				box-shadow: none;
				outline: 0;
			}
			text-decoration: none;
		}
		.wp-submenu {
			li.current {
				font-weight: 600;
				a {
					font-weight: 600;
					&:hover {
						font-weight: 600;
					}
				}
			}
		}
	}
	.wp-filter {
		.search-form {
			select {
				margin: 0;
				height: 32px;
				vertical-align: top;
			}
		}
		.search-form.search-plugins {
			display: inline-block;
		}
		.drawer-toggle {
			display: inline-block;
			margin: 0 10px;
			padding: 4px 6px;
			color: #666;
			cursor: pointer;
			&:before {
				display: inline-block;
				vertical-align: top;
				content: "\f111";
				margin: 0 5px 0 0;
				width: 16px;
				height: 16px;
				color: #777;
				-webkit-transition: color 0.1s ease-in 0;
				transition: color 0.1s ease-in 0;
				font-family: dashicons;
				font-size: 16px;
				line-height: 1;
				text-align: center;
				text-decoration: inherit;
				font-weight: 400;
				font-style: normal;
				-webkit-font-smoothing: antialiased;
			}
			&:hover {
				color: #2ea2cc;
				&:before {
					color: #2ea2cc;
				}
			}
		}
		.drawer-toggle.current {
			&:before {
				color: #fff;
			}
		}
		.button.clear-filters {
			display: none;
			margin: 0 0 20px 10px;
		}
	}
	.filter-drawer {
		display: none;
		margin: 0 -20px;
		padding: 20px;
		border-top: 1px solid #eee;
		background: #fafafa;
		ol {
			margin: 20px 0 0;
			list-style-type: none;
			font-size: 12px;
		}
		li {
			display: inline-block;
			vertical-align: top;
			margin: 5px 0;
			padding-right: 25px;
			width: 160px;
			list-style-type: none;
		}
		.buttons {
			margin-bottom: 20px;
			.button {
				span {
					display: inline-block;
					opacity: 0.8;
					font-size: 12px;
					text-indent: 10px;
				}
			}
		}
	}
	.show-filters {
		.filter-drawer {
			display: block;
			overflow: hidden;
			width: 100%;
		}
		.wp-filter {
			.drawer-toggle {
				&:focus {
					background: #2ea2cc;
				}
				&:hover {
					background: #2ea2cc;
				}
				-webkit-border-radius: 2px;
				border-radius: 2px;
				border: none;
				background: #777;
				color: #fff;
				&:before {
					color: #fff;
				}
			}
		}
		.filter-links {
			a.current {
				border-bottom: none;
			}
		}
		.content-filterable {
			display: none;
		}
	}
	.filter-group {
		-webkit-box-sizing: border-box;
		-moz-box-sizing: border-box;
		box-sizing: border-box;
		float: left;
		margin: 0 1% 0 0;
		padding: 10px;
		width: 24%;
		background: #fff;
		border: 1px solid #e5e5e5;
		-webkit-box-shadow: 0 1px 1px rgba(0, 0, 0, 0.04);
		box-shadow: 0 1px 1px rgba(0, 0, 0, 0.04);
		h4 {
			position: relative;
			margin: 0;
		}
	}
	.filtered-by {
		display: none;
		margin: 0;
		>span {
			font-weight: 600;
		}
		a {
			margin-left: 10px;
		}
		.tags {
			display: inline;
		}
		.tag {
			margin: 0 5px;
			padding: 4px 8px;
			border: 1px solid #e5e5e5;
			-webkit-box-shadow: 0 1px 1px rgba(0, 0, 0, 0.04);
			box-shadow: 0 1px 1px rgba(0, 0, 0, 0.04);
			background: #fff;
			font-size: 11px;
		}
	}
	.filters-applied {
		.filter-drawer {
			.buttons {
				display: none !important;
			}
			br {
				display: none !important;
			}
			padding: 20px;
		}
		.filter-group {
			display: none !important;
		}
		.filtered-by {
			display: block;
		}
	}
	.error {
		.content-filterable {
			display: none;
		}
		a {
			text-decoration: underline;
		}
	}
	.loading-content {
		.content-filterable {
			display: none;
		}
		.spinner {
			display: block;
			margin: 40px auto 0;
			float: none;
		}
	}
	.show-filters.filters-applied.loading-content {
		.content-filterable {
			display: none;
		}
	}
	.show-filters.filters-applied {
		.content-filterable {
			display: block;
		}
	}
	.notice {
		background: #fff;
		border-left: 4px solid #fff;
		-webkit-box-shadow: 0 1px 1px 0 rgba(0, 0, 0, 0.1);
		box-shadow: 0 1px 1px 0 rgba(0, 0, 0, 0.1);
		margin: 5px 15px 2px;
		padding: 1px 12px;
		p {
			margin: 0.5em 0;
			padding: 2px;
		}
	}
	div.error {
		background: #fff;
		border-left: 4px solid #fff;
		-webkit-box-shadow: 0 1px 1px 0 rgba(0, 0, 0, 0.1);
		box-shadow: 0 1px 1px 0 rgba(0, 0, 0, 0.1);
		margin: 5px 15px 2px;
		padding: 1px 12px;
		border-color: #dd3d36;
		p {
			margin: 0.5em 0;
			padding: 2px;
		}
	}
	div.updated {
		background: #fff;
		border-left: 4px solid #fff;
		-webkit-box-shadow: 0 1px 1px 0 rgba(0, 0, 0, 0.1);
		box-shadow: 0 1px 1px 0 rgba(0, 0, 0, 0.1);
		margin: 5px 15px 2px;
		padding: 1px 12px;
		border-color: #7ad03a;
		p {
			margin: 0.5em 0;
			padding: 2px;
		}
	}
	.form-table {
		td {
			.notice {
				p {
					margin: 0.5em 0;
					padding: 2px;
				}
			}
		}
	}
	.notice-success {
		border-color: #7ad03a;
	}
	.notice-warning {
		border-color: #ffba00;
	}
	.notice-error {
		border-color: #dd3d36;
	}
	.notice-info {
		border-color: #2ea2cc;
	}
	.media-upload-form {
		.notice {
			margin: 5px 0 15px;
		}
		div.error {
			margin: 5px 0 15px;
		}
	}
	.wrap {
		.notice {
			margin: 5px 0 15px;
		}
		div.error {
			margin: 5px 0 15px;
		}
		div.updated {
			margin: 5px 0 15px;
		}
	}
	#update-nag {
		display: inline-block;
		line-height: 19px;
		padding: 11px 15px;
		font-size: 14px;
		text-align: left;
		margin: 25px 20px 0 2px;
		background-color: #fff;
		border-left: 4px solid #ffba00;
		-webkit-box-shadow: 0 1px 1px 0 rgba(0, 0, 0, 0.1);
		box-shadow: 0 1px 1px 0 rgba(0, 0, 0, 0.1);
	}
	.update-nag {
		display: inline-block;
		line-height: 19px;
		padding: 11px 15px;
		font-size: 14px;
		text-align: left;
		margin: 25px 20px 0 2px;
		background-color: #fff;
		border-left: 4px solid #ffba00;
		-webkit-box-shadow: 0 1px 1px 0 rgba(0, 0, 0, 0.1);
		box-shadow: 0 1px 1px 0 rgba(0, 0, 0, 0.1);
	}
	.update-message {
		color: #000;
	}
	.update-php {
		.spinner {
			float: none;
			margin: -4px 0;
		}
	}
	#ajax-loading {
		visibility: hidden;
	}
	.ajax-feedback {
		visibility: hidden;
	}
	.ajax-loading {
		visibility: hidden;
	}
	.imgedit-wait-spin {
		visibility: hidden;
	}
	.list-ajax-loading {
		visibility: hidden;
	}
	#ajax-response.alignleft {
		margin-left: 2em;
	}
	#catlist {
		a {
			text-decoration: none;
		}
	}
	#sidemenu {
		a {
			text-decoration: none;
			padding: 0 7px;
			display: block;
			float: left;
			line-height: 28px;
			border-top: 1px solid #f9f9f9;
			border-bottom: 1px solid #dfdfdf;
			background-color: #f9f9f9;
			-webkit-transition: none;
			transition: none;
		}
		margin: -30px 15px 0 315px;
		list-style: none;
		position: relative;
		float: right;
		padding-left: 10px;
		font-size: 12px;
		li {
			display: inline;
			line-height: 200%;
			list-style: none;
			text-align: center;
			white-space: nowrap;
			margin: 0;
			padding: 0;
		}
		a.current {
			font-weight: 400;
			padding-left: 6px;
			padding-right: 6px;
			-webkit-border-top-left-radius: 3px;
			border-top-left-radius: 3px;
			-webkit-border-top-right-radius: 3px;
			border-top-right-radius: 3px;
			border: 1px solid #dfdfdf;
			border-bottom-color: #f1f1f1;
			background-color: #f1f1f1;
			color: #000;
		}
	}
	#taglist {
		a {
			text-decoration: none;
		}
	}
	#contextual-help-wrap {
		margin: 0;
		padding: 8px 20px 12px;
		position: relative;
		padding: 0;
		h5 {
			margin: 8px 0;
			font-size: 13px;
		}
	}
	#screen-options-wrap {
		margin: 0;
		padding: 8px 20px 12px;
		position: relative;
		h5 {
			margin: 8px 0;
			font-size: 13px;
		}
	}
	#contextual-help-link-wrap {
		float: right;
		height: 28px;
		margin: 0 0 0 6px;
		border: 1px solid #ddd;
		border-top: none;
		background: #fff;
		-webkit-box-shadow: 0 1px 1px -1px rgba(0, 0, 0, 0.1);
		box-shadow: 0 1px 1px -1px rgba(0, 0, 0, 0.1);
	}
	#screen-options-link-wrap {
		float: right;
		height: 28px;
		margin: 0 0 0 6px;
		border: 1px solid #ddd;
		border-top: none;
		background: #fff;
		-webkit-box-shadow: 0 1px 1px -1px rgba(0, 0, 0, 0.1);
		box-shadow: 0 1px 1px -1px rgba(0, 0, 0, 0.1);
	}
	#screen-meta-links {
		.screen-meta-toggle {
			position: relative;
			top: 0;
		}
		a {
			color: #777;
			&:active {
				color: #333;
			}
			&:focus {
				color: #333;
			}
			&:hover {
				color: #333;
			}
			&:after {
				right: 0;
				content: "\f140";
				font: 400 20px/1 dashicons;
				speak: none;
				display: inline-block;
				padding: 0 5px 0 0;
				bottom: 2px;
				position: relative;
				vertical-align: bottom;
				-webkit-font-smoothing: antialiased;
				-moz-osx-font-smoothing: grayscale;
				text-decoration: none !important;
				color: #bbb;
			}
		}
		a.show-settings {
			display: block;
			font-size: 13px;
			height: 22px;
			line-height: 22px;
			text-decoration: none;
			z-index: 1;
			&:hover {
				text-decoration: none;
			}
		}
		a.screen-meta-active {
			&:after {
				content: "\f0de";
			}
		}
	}
	.toggle-arrow {
		background-repeat: no-repeat;
		background-position: top left;
		background-color: transparent;
		height: 22px;
		line-height: 22px;
		display: block;
	}
	.toggle-arrow-active {
		background-position: bottom left;
	}
	.metabox-prefs {
		label {
			display: inline-block;
			padding-right: 15px;
			line-height: 30px;
			input[type="checkbox"] {
				margin-top: -4px;
				margin-right: 6px;
			}
			input {
				margin: 0 5px 0 2px;
			}
			a {
				display: none;
			}
		}
		.columns-prefs {
			label {
				input {
					margin: 0 2px;
				}
			}
		}
	}
	#contextual-help-columns {
		position: relative;
	}
	#contextual-help-back {
		position: absolute;
		top: 0;
		bottom: 0;
		left: 150px;
		right: 170px;
		border: 1px solid #e1e1e1;
		border-top: none;
		border-bottom: none;
		background: #f6fbfd;
	}
	#contextual-help-wrap.no-sidebar {
		#contextual-help-back {
			right: 0;
			border-right-width: 0;
			-webkit-border-bottom-right-radius: 2px;
			border-bottom-right-radius: 2px;
		}
	}
	.contextual-help-tabs {
		float: left;
		width: 150px;
		margin: 0;
		ul {
			margin: 1em 0;
		}
		li {
			margin-bottom: 0;
			list-style-type: none;
			border-style: solid;
			border-width: 0 0 0 2px;
			border-color: transparent;
		}
		a {
			display: block;
			padding: 5px 5px 5px 12px;
			line-height: 18px;
			text-decoration: none;
			border: 1px solid transparent;
			border-right: none;
			border-left: none;
			&:hover {
				color: #333;
			}
		}
		.active {
			padding: 0;
			margin: 0 -1px 0 0;
			border-left: 2px solid #2ea2cc;
			background: #f6fbfd;
			-webkit-box-shadow: 0 2px 0 rgba(0, 0, 0, 0.02), 0 1px 0 rgba(0, 0, 0, 0.02);
			box-shadow: 0 2px 0 rgba(0, 0, 0, 0.02), 0 1px 0 rgba(0, 0, 0, 0.02);
			a {
				border-color: #e1e1e1;
				color: #333;
			}
		}
	}
	.contextual-help-tabs-wrap {
		padding: 0 20px;
		overflow: auto;
	}
	.help-tab-content {
		display: none;
		margin: 0 22px 12px 0;
		line-height: 1.6em;
		ul {
			li {
				list-style-type: disc;
				margin-left: 18px;
			}
		}
	}
	.help-tab-content.active {
		display: block;
	}
	.contextual-help-sidebar {
		width: 150px;
		float: right;
		padding: 0 8px 0 12px;
		overflow: auto;
	}
	html.wp-toolbar {
		padding-top: 32px;
		-webkit-box-sizing: border-box;
		-moz-box-sizing: border-box;
		box-sizing: border-box;
	}
	.narrow {
		width: 70%;
		margin-bottom: 40px;
		p {
			line-height: 150%;
		}
	}
	.widefat {
		td {
			overflow: hidden;
			color: #555;
			p {
				margin: 2px 0 0.8em;
			}
		}
		th {
			overflow: hidden;
			color: #555;
			font-weight: 400;
		}
		tfoot {
			tr {
				th {
					color: #333;
				}
			}
		}
		thead {
			tr {
				th {
					color: #333;
				}
			}
		}
		ol {
			color: #333;
		}
		p {
			color: #333;
		}
		ul {
			color: #333;
		}
		.column-comment {
			p {
				margin: 0.6em 0;
			}
		}
		td.menu-location-menus {
			padding-bottom: 5px;
		}
	}
	.postbox-container {
		float: left;
		.meta-box-sortables {
			-webkit-box-sizing: border-box;
			-moz-box-sizing: border-box;
			box-sizing: border-box;
		}
	}
	.metabox-holder {
		.postbox-container {
			.empty-container {
				border: 3px dashed #bbb;
				height: 250px;
			}
		}
		h3 {
			font-size: 14px;
			padding: 8px 12px;
			margin: 0;
			line-height: 1.4;
		}
	}
	.columns-3 {
		#postbox-container-4 {
			.empty-container {
				border: 0;
				height: 0;
				min-height: 0;
			}
		}
	}
	.metabox-holder.columns-1 {
		.postbox-container {
			.empty-container {
				border: 0;
				height: 0;
				min-height: 0;
			}
		}
	}
	#post-body-content {
		width: 100%;
		min-width: 463px;
		float: left;
	}
	#post-body.columns-2 {
		#postbox-container-1 {
			float: right;
			margin-right: -300px;
			width: 280px;
		}
		#side-sortables {
			min-height: 250px;
		}
	}
	.hndle {
		a {
			font-size: 11px;
			font-weight: 400;
		}
	}
	.postbox {
		.handlediv {
			float: right;
			width: 27px;
			height: 30px;
		}
		margin-bottom: 20px;
		padding: 0;
		line-height: 1;
		position: relative;
		min-width: 255px;
		border: 1px solid #e5e5e5;
		-webkit-box-shadow: 0 1px 1px rgba(0, 0, 0, 0.04);
		box-shadow: 0 1px 1px rgba(0, 0, 0, 0.04);
		background: #fff;
		.hndle {
			-webkit-user-select: none;
			-moz-user-select: none;
			-ms-user-select: none;
			user-select: none;
		}
		.inside {
			padding: 0 12px 12px;
			line-height: 1.4em;
			font-size: 13px;
			margin: 11px 0;
			position: relative;
			>p {
				&:last-child {
					margin-bottom: 1px !important;
				}
			}
		}
		table.form-table {
			margin-bottom: 0;
		}
		table.widefat {
			-webkit-box-shadow: none;
			box-shadow: none;
		}
		.howto {
			input {
				width: 180px;
				float: right;
			}
		}
		.spinner {
			display: none;
			vertical-align: middle;
		}
	}
	.sortable-placeholder {
		border: 1px dashed #bbb;
		margin-bottom: 20px;
	}
	.rss-widget {
		ul {
			li {
				&:last-child {
					margin-bottom: 1px !important;
				}
			}
		}
	}
	.postbox.closed {
		h3 {
			border: none;
			-webkit-box-shadow: none;
			box-shadow: none;
		}
	}
	.temp-border {
		border: 1px dotted #ccc;
	}
	.columns-prefs {
		label {
			padding: 0 5px;
		}
	}
	#dashboard_right_now {
		.versions {
			.b {
				font-weight: 600;
			}
		}
	}
	#ed_reply_toolbar {
		#ed_reply_strong {
			font-weight: 600;
		}
	}
	#pass-strength-result.short {
		font-weight: 600;
	}
	#pass-strength-result.strong {
		font-weight: 600;
	}
	#post-status-display {
		font-weight: 600;
	}
	#post-visibility-display {
		font-weight: 600;
	}
	.item-controls {
		.item-order {
			a {
				font-weight: 600;
			}
			padding-right: 10px;
		}
		font-size: 12px;
		position: absolute;
		right: 20px;
		top: -1px;
		a {
			text-decoration: none;
			&:hover {
				cursor: pointer;
			}
		}
	}
	.media-item {
		.percent {
			font-weight: 600;
		}
	}
	.plugins {
		.name {
			font-weight: 600;
		}
	}
	#wpfooter {
		position: absolute;
		bottom: 0;
		left: 0;
		right: 0;
		padding: 10px 20px;
		color: #777;
		p {
			font-size: 13px;
			margin: 0;
			line-height: 20px;
		}
		a {
			text-decoration: none;
			&:hover {
				text-decoration: underline;
			}
		}
	}
	#footer-thankyou {
		font-style: italic;
	}
	.nav-tab {
		border: 1px solid #ccc;
		border-bottom: none;
		background: #e4e4e4;
		color: #555;
		font-size: 12px;
		line-height: 16px;
		display: inline-block;
		padding: 4px 14px 6px;
		text-decoration: none;
		margin: -4px 4px -1px 0;
		&:hover {
			background-color: #fff;
			color: #464646;
		}
	}
	.nav-tab-active {
		border-bottom: 1px solid #f1f1f1;
		background: #f1f1f1;
		color: #000;
		&:hover {
			border-bottom: 1px solid #f1f1f1;
			background: #f1f1f1;
			color: #000;
		}
	}
	h2.nav-tab-wrapper {
		border-bottom: 1px solid #ccc;
		padding-bottom: 0;
		padding-left: 10px;
	}
	h3.nav-tab-wrapper {
		border-bottom: 1px solid #ccc;
		padding-bottom: 0;
		padding-left: 10px;
	}
	h2 {
		.nav-tab {
			padding: 6px 10px;
			font-weight: 700;
			font-size: 15px;
			line-height: 24px;
		}
	}
	.spinner {
		background: url(images/spinner.gif) 0 0/20px 20px no-repeat;
		-webkit-background-size: 20px 20px;
		display: none;
		float: right;
		opacity: 0.7;
		filter: alpha(opacity=70);
		width: 20px;
		height: 20px;
		margin: 2px 5px 0;
	}
	#template {
		div {
			margin-right: 190px;
		}
		textarea {
			font-family: Consolas, Monaco, monospace;
			font-size: 13px;
			width: 97%;
			background: #f9f9f9;
			outline: 0;
			direction: ltr;
		}
		p {
			width: 97%;
		}
	}
	#templateside {
		ul {
			li {
				a {
					text-decoration: none;
				}
			}
			margin: 0.5em 0;
			padding: 0;
		}
		float: right;
		width: 190px;
		word-wrap: break-word;
		h3 {
			margin: 0;
		}
		h4 {
			margin: 1em 0 0;
		}
		ol {
			margin: 0.5em 0;
			padding: 0;
		}
		li {
			margin: 4px 0;
			a {
				display: block;
				padding: 3px 3px 3px 12px;
				text-decoration: none;
			}
		}
		.highlight {
			border: none;
			font-weight: 700;
		}
	}
	table {
		.column-rating {
			text-align: left;
		}
		.column-visible {
			text-align: left;
		}
		.vers {
			text-align: left;
		}
	}
	.error-message {
		color: red;
		font-weight: 600;
	}
	body.iframe {
		height: 98%;
	}
	.lp-show-latest {
		p {
			display: none;
			&:last-child {
				display: block;
			}
		}
		.lp-error {
			p {
				display: block;
			}
		}
	}
	td.media-icon {
		text-align: center;
		width: 80px;
		padding-top: 8px;
		padding-bottom: 8px;
		img {
			max-width: 80px;
			max-height: 60px;
			width: auto;
			height: auto;
		}
	}
	#submitdiv {
		h3 {
			margin-bottom: 0 !important;
		}
	}
	.zerosize {
		height: 0;
		width: 0;
		margin: 0;
		border: 0;
		padding: 0;
		overflow: hidden;
		position: absolute;
	}
	br.clear {
		height: 2px;
		line-height: 2px;
	}
	.checkbox {
		border: none;
		margin: 0;
		padding: 0;
	}
	fieldset {
		border: 0;
		padding: 0;
		margin: 0;
	}
	.post-categories {
		display: inline;
		margin: 0;
		padding: 0;
		li {
			display: inline;
		}
	}
	div.star-holder {
		position: relative;
		height: 17px;
		width: 100px;
		background: url(images/stars.png?ver=20121108) bottom left repeat-x;
		.star-rating {
			background: url(images/stars.png?ver=20121108) top left repeat-x;
			height: 17px;
			float: left;
		}
	}
	#wphead {
		border-bottom: 1px solid #dfdfdf;
		h1 {
			a {
				color: #464646;
			}
		}
	}
	.updated {
		a {
			text-decoration: none;
			padding-bottom: 2px;
		}
	}
	#photo-add-url-div {
		input[type="text"] {
			width: 300px;
		}
	}
	#docs-list {
		direction: ltr;
	}
	#postcustomstuff {
		p.submit {
			margin: 0;
		}
	}
	.theme-editor-php {
		.highlight {
			display: block;
			padding: 3px 3px 3px 12px;
			text-decoration: none;
			margin: -3px 3px -3px -12px;
		}
	}
	.nonessential {
		color: #666;
		font-size: 11px;
		font-style: italic;
		padding-left: 12px;
	}
	#documentation {
		margin-top: 10px;
		label {
			line-height: 22px;
			vertical-align: baseline;
			font-weight: 600;
		}
	}
	.fileedit-sub {
		padding: 10px 0 8px;
		line-height: 180%;
	}
	.accordion-section-title {
		&:after {
			right: 0;
			content: "\f0dd";
			border: none;
			background: 0 0;
			font: 400 20px/1 FontAwesome;
			speak: none;
			display: block;
			padding: 0;
			text-indent: 0;
			text-align: center;
			position: relative;
			-webkit-font-smoothing: antialiased;
			-moz-osx-font-smoothing: grayscale;
			text-decoration: none !important;
			color: #aaa;
			float: right;
			right: 20px;
			top: -2px;
		}
		&:hover {
			&:after {
				color: #777;
				border-color: #aaa transparent;
			}
		}
		margin: 0;
		padding: 12px 15px 15px;
		position: relative;
		border-left: 1px solid #dfdfdf;
		border-right: 1px solid #dfdfdf;
		-webkit-user-select: none;
		-moz-user-select: none;
		-ms-user-select: none;
		user-select: none;
		&:focus {
			outline: 0;
			&:after {
				border-color: #aaa transparent;
			}
		}
	}
	.control-section {
		.accordion-section-title {
			&:after {
				right: 0;
				content: "\f0dd";
				border: none;
				background: 0 0;
				font: 400 20px/1 FontAwesome;
				speak: none;
				display: block;
				padding: 0;
				text-indent: 0;
				text-align: center;
				position: relative;
				-webkit-font-smoothing: antialiased;
				-moz-osx-font-smoothing: grayscale;
				text-decoration: none !important;
				float: right;
				right: 20px;
				top: -2px;
				top: 11px;
			}
			border-left: none;
			border-right: none;
			padding: 10px 10px 11px 14px;
			line-height: 21px;
			background: #fff;
		}
	}
	.nav-menus-php {
		.item-edit {
			&:before {
				right: 0;
				content: "\f0dd";
				border: none;
				background: 0 0;
				font: 400 20px/1 FontAwesome;
				speak: none;
				display: block;
				padding: 0;
				text-indent: 0;
				text-align: center;
				position: relative;
				-webkit-font-smoothing: antialiased;
				-moz-osx-font-smoothing: grayscale;
				text-decoration: none !important;
				line-height: 2.1;
			}
			position: absolute;
			right: -20px;
			top: 0;
			display: block;
			width: 30px;
			height: 40px;
			margin-right: 0 !important;
			text-indent: 100%;
			outline: 0;
			overflow: hidden;
			white-space: nowrap;
		}
		.menu-item-edit-active {
			.item-edit {
				&:before {
					content: "\f0de";
				}
			}
		}
		#post-body {
			padding: 0 10px 10px;
			border-top: 1px solid #fff;
			border-bottom: 1px solid #dfdfdf;
			background: #fff;
			div.error {
				margin: 0;
			}
			div.updated {
				margin: 0;
			}
		}
		#post-body-content {
			position: relative;
			float: none;
			&:after {
				clear: both;
				content: ".";
				display: block;
				height: 0;
				visibility: hidden;
			}
		}
		.add-new-menu-action {
			float: left;
			margin: 6px 0 0 6px;
			line-height: 15px;
		}
		.meta-sep {
			display: block;
			float: left;
			margin: 6px 0;
			line-height: 15px;
		}
		.submitcancel {
			display: block;
			float: left;
			margin: 6px 0;
			line-height: 15px;
		}
		.submitdelete {
			display: block;
			float: left;
			margin: 6px 0;
			line-height: 15px;
		}
		.howto {
			span {
				margin-top: 6px;
				display: block;
				float: left;
			}
		}
		.list-wrap {
			display: none;
			clear: both;
			margin-bottom: 10px;
		}
		.postbox {
			p.submit {
				margin-bottom: 0;
			}
		}
		.list {
			li {
				display: none;
				margin: 0 0 5px;
				.menu-item-title {
					cursor: pointer;
					display: block;
					input {
						margin-right: 3px;
						margin-top: -3px;
					}
				}
			}
		}
		.major-publishing-actions {
			clear: both;
			padding: 3px 0 6px;
			.publishing-action {
				text-align: right;
				float: right;
				line-height: 23px;
				margin: 4px 0 1px;
			}
			.form-invalid {
				padding-left: 4px;
				margin-left: -4px;
			}
			&:after {
				clear: both;
				content: ".";
				display: block;
				height: 0;
				visibility: hidden;
			}
		}
		.blank-slate {
			.menu-settings {
				display: none;
			}
		}
		.delete-action {
			float: left;
			margin-top: 2px;
		}
		.submitbox {
			.submitcancel {
				border-bottom: 1px solid #0074a2;
				padding: 1px 2px;
				color: #0074a2;
				text-decoration: none;
				&:hover {
					background: #0074a2;
					color: #fff;
				}
			}
		}
		.button-controls {
			&:after {
				clear: both;
				content: ".";
				display: block;
				height: 0;
				visibility: hidden;
			}
		}
		.menu-item-settings {
			&:after {
				clear: both;
				content: ".";
				display: block;
				height: 0;
				visibility: hidden;
			}
		}
	}
	.handlediv {
		color: #aaa;
		&:hover {
			color: #777;
		}
	}
	.item-edit {
		color: #aaa;
		&:hover {
			color: #777;
		}
	}
	.sidebar-name-arrow {
		color: #aaa;
	}
	.widget-action {
		color: #aaa;
		&:hover {
			color: #777;
		}
	}
	.sidebar-name {
		&:hover {
			.sidebar-name-arrow {
				color: #777;
			}
		}
		position: relative;
		-webkit-box-sizing: border-box;
		-moz-box-sizing: border-box;
		box-sizing: border-box;
	}
	#customize-info.open {
		.accordion-section-title {
			&:after {
				content: "\f0de";
			}
		}
	}
	.control-section.open {
		.accordion-section-title {
			&:after {
				content: "\f0de";
			}
			border-bottom: 1px solid #dfdfdf;
		}
	}
	.widget.open {
		.widget-top {
			a.widget-action {
				&:after {
					content: "\f0de";
				}
			}
		}
	}
	.ui-draggable-handle {
		-ms-touch-action: none;
		touch-action: none;
	}
	.ui-sortable-handle {
		-ms-touch-action: none;
		touch-action: none;
	}
	.accordion-section {
		border-bottom: 1px solid #dfdfdf;
		margin: 0;
		ul.add-menu-item-tabs {
			margin: 0;
		}
		ul.category-tabs {
			margin: 0;
		}
		ul.wp-tab-bar {
			margin: 0;
		}
		.categorychecklist {
			margin: 13px 0;
		}
	}
	.accordion-section.open {
		.accordion-section-content {
			display: block;
		}
		&:hover {
			border-bottom-color: #dfdfdf;
		}
	}
	.accordion-section-content {
		display: none;
		padding: 10px 20px 15px;
		overflow: hidden;
		background: #fff;
	}
	.cannot-expand {
		.accordion-section-title {
			cursor: auto;
			&:after {
				display: none;
			}
		}
	}
	input {
		-webkit-box-sizing: border-box;
		-moz-box-sizing: border-box;
		box-sizing: border-box;
		font-family: inherit;
		font-size: inherit;
		font-weight: inherit;
		font-size: 14px;
		-webkit-border-radius: 0;
		border-radius: 0;
		margin: 1px;
		padding: 3px 5px;
	}
	textarea {
		-webkit-box-sizing: border-box;
		-moz-box-sizing: border-box;
		box-sizing: border-box;
		border: 1px solid #ddd;
		-webkit-box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.07);
		box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.07);
		background-color: #fff;
		color: #333;
		outline: 0;
		-webkit-transition: 0.05s border-color ease-in-out;
		transition: 0.05s border-color ease-in-out;
		font-family: inherit;
		font-size: inherit;
		font-weight: inherit;
		font-size: 14px;
		-webkit-border-radius: 0;
		border-radius: 0;
		overflow: auto;
		padding: 2px 6px;
		line-height: 1.4;
		&:focus {
			border-color: #5b9dd9;
			-webkit-box-shadow: 0 0 2px rgba(30, 140, 190, 0.8);
			box-shadow: 0 0 2px rgba(30, 140, 190, 0.8);
		}
	}
	input[type="checkbox"] {
		border: 1px solid #ddd;
		-webkit-box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.07);
		box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.07);
		background-color: #fff;
		color: #333;
		outline: 0;
		-webkit-transition: 0.05s border-color ease-in-out;
		transition: 0.05s border-color ease-in-out;
		border: 1px solid #bbb;
		background: #fff;
		color: #555;
		clear: none;
		cursor: pointer;
		display: inline-block;
		line-height: 0;
		height: 16px;
		margin: -4px 4px 0 0;
		outline: 0;
		padding: 0 !important;
		text-align: center;
		vertical-align: middle;
		width: 16px;
		min-width: 16px;
		-webkit-appearance: none;
		-webkit-box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.1);
		box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.1);
		-webkit-transition: 0.05s border-color ease-in-out;
		transition: 0.05s border-color ease-in-out;
		&:focus {
			border-color: #5b9dd9;
			-webkit-box-shadow: 0 0 2px rgba(30, 140, 190, 0.8);
			box-shadow: 0 0 2px rgba(30, 140, 190, 0.8);
		}
		&:checked {
			&:before {
				display: inline-block;
				font: normal normal normal 14px/1 FontAwesome;
				font-size: inherit;
				text-rendering: auto;
				-webkit-font-smoothing: antialiased;
				-moz-osx-font-smoothing: grayscale;
				transform: translate(0, 0);
				content: "\f00c";
				margin: 0;
				color: #1e8cbe;
			}
		}
	}
	input[type="color"] {
		border: 1px solid #ddd;
		-webkit-box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.07);
		box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.07);
		background-color: #fff;
		color: #333;
		outline: 0;
		-webkit-transition: 0.05s border-color ease-in-out;
		transition: 0.05s border-color ease-in-out;
		&:focus {
			border-color: #5b9dd9;
			-webkit-box-shadow: 0 0 2px rgba(30, 140, 190, 0.8);
			box-shadow: 0 0 2px rgba(30, 140, 190, 0.8);
		}
	}
	input[type="date"] {
		border: 1px solid #ddd;
		-webkit-box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.07);
		box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.07);
		background-color: #fff;
		color: #333;
		outline: 0;
		-webkit-transition: 0.05s border-color ease-in-out;
		transition: 0.05s border-color ease-in-out;
		&:focus {
			border-color: #5b9dd9;
			-webkit-box-shadow: 0 0 2px rgba(30, 140, 190, 0.8);
			box-shadow: 0 0 2px rgba(30, 140, 190, 0.8);
		}
	}
	input[type="datetime-local"] {
		border: 1px solid #ddd;
		-webkit-box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.07);
		box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.07);
		background-color: #fff;
		color: #333;
		outline: 0;
		-webkit-transition: 0.05s border-color ease-in-out;
		transition: 0.05s border-color ease-in-out;
		&:focus {
			border-color: #5b9dd9;
			-webkit-box-shadow: 0 0 2px rgba(30, 140, 190, 0.8);
			box-shadow: 0 0 2px rgba(30, 140, 190, 0.8);
		}
	}
	input[type="datetime"] {
		border: 1px solid #ddd;
		-webkit-box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.07);
		box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.07);
		background-color: #fff;
		color: #333;
		outline: 0;
		-webkit-transition: 0.05s border-color ease-in-out;
		transition: 0.05s border-color ease-in-out;
		&:focus {
			border-color: #5b9dd9;
			-webkit-box-shadow: 0 0 2px rgba(30, 140, 190, 0.8);
			box-shadow: 0 0 2px rgba(30, 140, 190, 0.8);
		}
	}
	input[type="email"] {
		border: 1px solid #ddd;
		-webkit-box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.07);
		box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.07);
		background-color: #fff;
		color: #333;
		outline: 0;
		-webkit-transition: 0.05s border-color ease-in-out;
		transition: 0.05s border-color ease-in-out;
		direction: ltr;
		&:focus {
			border-color: #5b9dd9;
			-webkit-box-shadow: 0 0 2px rgba(30, 140, 190, 0.8);
			box-shadow: 0 0 2px rgba(30, 140, 190, 0.8);
		}
	}
	input[type="month"] {
		border: 1px solid #ddd;
		-webkit-box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.07);
		box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.07);
		background-color: #fff;
		color: #333;
		outline: 0;
		-webkit-transition: 0.05s border-color ease-in-out;
		transition: 0.05s border-color ease-in-out;
		&:focus {
			border-color: #5b9dd9;
			-webkit-box-shadow: 0 0 2px rgba(30, 140, 190, 0.8);
			box-shadow: 0 0 2px rgba(30, 140, 190, 0.8);
		}
	}
	input[type="number"] {
		border: 1px solid #ddd;
		-webkit-box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.07);
		box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.07);
		background-color: #fff;
		color: #333;
		outline: 0;
		-webkit-transition: 0.05s border-color ease-in-out;
		transition: 0.05s border-color ease-in-out;
		&:focus {
			border-color: #5b9dd9;
			-webkit-box-shadow: 0 0 2px rgba(30, 140, 190, 0.8);
			box-shadow: 0 0 2px rgba(30, 140, 190, 0.8);
		}
	}
	input[type="password"] {
		border: 1px solid #ddd;
		-webkit-box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.07);
		box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.07);
		background-color: #fff;
		color: #333;
		outline: 0;
		-webkit-transition: 0.05s border-color ease-in-out;
		transition: 0.05s border-color ease-in-out;
		&:focus {
			border-color: #5b9dd9;
			-webkit-box-shadow: 0 0 2px rgba(30, 140, 190, 0.8);
			box-shadow: 0 0 2px rgba(30, 140, 190, 0.8);
		}
	}
	input[type="radio"] {
		border: 1px solid #ddd;
		-webkit-box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.07);
		box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.07);
		background-color: #fff;
		color: #333;
		outline: 0;
		-webkit-transition: 0.05s border-color ease-in-out;
		transition: 0.05s border-color ease-in-out;
		border: 1px solid #bbb;
		background: #fff;
		color: #555;
		clear: none;
		cursor: pointer;
		display: inline-block;
		line-height: 0;
		height: 16px;
		margin: -4px 4px 0 0;
		outline: 0;
		padding: 0 !important;
		text-align: center;
		vertical-align: middle;
		width: 16px;
		min-width: 16px;
		-webkit-appearance: none;
		-webkit-box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.1);
		box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.1);
		-webkit-transition: 0.05s border-color ease-in-out;
		transition: 0.05s border-color ease-in-out;
		-webkit-border-radius: 50%;
		border-radius: 50%;
		margin-right: 4px;
		line-height: 10px;
		&:focus {
			border-color: #5b9dd9;
			-webkit-box-shadow: 0 0 2px rgba(30, 140, 190, 0.8);
			box-shadow: 0 0 2px rgba(30, 140, 190, 0.8);
		}
		&:checked {
			+ {
				label {
					&:before {
						color: #888;
					}
				}
			}
			&:before {
				display: inline-block;
				font: normal normal normal 14px/1 FontAwesome;
				font-size: inherit;
				text-rendering: auto;
				-webkit-font-smoothing: antialiased;
				-moz-osx-font-smoothing: grayscale;
				transform: translate(0, 0);
				content: "\2022";
				text-indent: -9999px;
				-webkit-border-radius: 50px;
				border-radius: 50px;
				font-size: 24px;
				width: 6px;
				height: 6px;
				margin: 4px;
				line-height: 16px;
				background-color: #1e8cbe;
			}
		}
	}
	input[type="search"] {
		border: 1px solid #ddd;
		-webkit-box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.07);
		box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.07);
		background-color: #fff;
		color: #333;
		outline: 0;
		-webkit-transition: 0.05s border-color ease-in-out;
		transition: 0.05s border-color ease-in-out;
		&:focus {
			border-color: #5b9dd9;
			-webkit-box-shadow: 0 0 2px rgba(30, 140, 190, 0.8);
			box-shadow: 0 0 2px rgba(30, 140, 190, 0.8);
		}
		&::-webkit-search-decoration {
			display: none;
		}
	}
	input[type="tel"] {
		border: 1px solid #ddd;
		-webkit-box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.07);
		box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.07);
		background-color: #fff;
		color: #333;
		outline: 0;
		-webkit-transition: 0.05s border-color ease-in-out;
		transition: 0.05s border-color ease-in-out;
		&:focus {
			border-color: #5b9dd9;
			-webkit-box-shadow: 0 0 2px rgba(30, 140, 190, 0.8);
			box-shadow: 0 0 2px rgba(30, 140, 190, 0.8);
		}
	}
	input[type="text"] {
		border: 1px solid #ddd;
		-webkit-box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.07);
		box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.07);
		background-color: #fff;
		color: #333;
		outline: 0;
		-webkit-transition: 0.05s border-color ease-in-out;
		transition: 0.05s border-color ease-in-out;
		&:focus {
			border-color: #5b9dd9;
			-webkit-box-shadow: 0 0 2px rgba(30, 140, 190, 0.8);
			box-shadow: 0 0 2px rgba(30, 140, 190, 0.8);
		}
	}
	input[type="time"] {
		border: 1px solid #ddd;
		-webkit-box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.07);
		box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.07);
		background-color: #fff;
		color: #333;
		outline: 0;
		-webkit-transition: 0.05s border-color ease-in-out;
		transition: 0.05s border-color ease-in-out;
		&:focus {
			border-color: #5b9dd9;
			-webkit-box-shadow: 0 0 2px rgba(30, 140, 190, 0.8);
			box-shadow: 0 0 2px rgba(30, 140, 190, 0.8);
		}
	}
	input[type="url"] {
		border: 1px solid #ddd;
		-webkit-box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.07);
		box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.07);
		background-color: #fff;
		color: #333;
		outline: 0;
		-webkit-transition: 0.05s border-color ease-in-out;
		transition: 0.05s border-color ease-in-out;
		direction: ltr;
		&:focus {
			border-color: #5b9dd9;
			-webkit-box-shadow: 0 0 2px rgba(30, 140, 190, 0.8);
			box-shadow: 0 0 2px rgba(30, 140, 190, 0.8);
		}
	}
	input[type="week"] {
		border: 1px solid #ddd;
		-webkit-box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.07);
		box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.07);
		background-color: #fff;
		color: #333;
		outline: 0;
		-webkit-transition: 0.05s border-color ease-in-out;
		transition: 0.05s border-color ease-in-out;
		&:focus {
			border-color: #5b9dd9;
			-webkit-box-shadow: 0 0 2px rgba(30, 140, 190, 0.8);
			box-shadow: 0 0 2px rgba(30, 140, 190, 0.8);
		}
	}
	select {
		border: 1px solid #ddd;
		-webkit-box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.07);
		box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.07);
		background-color: #fff;
		color: #333;
		outline: 0;
		-webkit-transition: 0.05s border-color ease-in-out;
		transition: 0.05s border-color ease-in-out;
		font-family: inherit;
		font-size: inherit;
		font-weight: inherit;
		font-size: 14px;
		-webkit-border-radius: 0;
		border-radius: 0;
		margin: 1px;
		padding: 3px 5px;
		&:focus {
			border-color: #5b9dd9;
			-webkit-box-shadow: 0 0 2px rgba(30, 140, 190, 0.8);
			box-shadow: 0 0 2px rgba(30, 140, 190, 0.8);
		}
	}
	.wp-core-ui {
		input[type="reset"] {
			&:active {
				color: #2ea2cc;
				background: 0 0;
				border: none;
				-webkit-box-shadow: none;
				box-shadow: none;
				padding: 0 2px 1px;
				width: auto;
			}
			&:hover {
				color: #2ea2cc;
				background: 0 0;
				border: none;
				-webkit-box-shadow: none;
				box-shadow: none;
				padding: 0 2px 1px;
				width: auto;
			}
			&::-moz-focus-inner {
				border-width: 0;
				border-style: none;
				padding: 0;
			}
			background: 0 0;
			border: none;
			-webkit-box-shadow: none;
			box-shadow: none;
			padding: 0 2px 1px;
			width: auto;
			&:focus {
				background: 0 0;
				border: none;
				-webkit-box-shadow: none;
				box-shadow: none;
				padding: 0 2px 1px;
				width: auto;
			}
		}
		&:-moz-placeholder {
			color: #a9a9a9;
		}
		.save-post-visibility {
			vertical-align: middle;
			margin-right: 15px;
		}
		.save-timestamp {
			vertical-align: middle;
			margin-right: 15px;
		}
		.button {
			display: inline-block;
			text-decoration: none;
			font-size: 13px;
			line-height: 26px;
			height: 28px;
			margin: 0;
			padding: 0 10px 1px;
			cursor: pointer;
			border-width: 1px;
			border-style: solid;
			-webkit-appearance: none;
			-webkit-border-radius: 3px;
			border-radius: 3px;
			white-space: nowrap;
			-webkit-box-sizing: border-box;
			-moz-box-sizing: border-box;
			box-sizing: border-box;
			color: #555;
			border-color: #ccc;
			background: #f7f7f7;
			-webkit-box-shadow: inset 0 1px 0 #fff, 0 1px 0 rgba(0, 0, 0, 0.08);
			box-shadow: inset 0 1px 0 #fff, 0 1px 0 rgba(0, 0, 0, 0.08);
			vertical-align: top;
			&:active {
				outline: 0;
				background: #eee;
				border-color: #999;
				color: #333;
				-webkit-box-shadow: inset 0 2px 5px -3px rgba(0, 0, 0, 0.5);
				box-shadow: inset 0 2px 5px -3px rgba(0, 0, 0, 0.5);
			}
			&:focus {
				outline: 0;
				background: #fafafa;
				border-color: #999;
				color: #222;
				-webkit-box-shadow: 0 0 0 1px #5b9dd9, 0 0 2px 1px rgba(30, 140, 190, 0.8);
				box-shadow: 0 0 0 1px #5b9dd9, 0 0 2px 1px rgba(30, 140, 190, 0.8);
			}
			&:hover {
				background: #fafafa;
				border-color: #999;
				color: #222;
			}
			&:disabled {
				color: #aaa !important;
				border-color: #ddd !important;
				background: #f7f7f7 !important;
				-webkit-box-shadow: none !important;
				box-shadow: none !important;
				text-shadow: 0 1px 0 #fff !important;
				cursor: default;
			}
		}
		.button-primary {
			display: inline-block;
			text-decoration: none;
			font-size: 13px;
			line-height: 26px;
			height: 28px;
			margin: 0;
			padding: 0 10px 1px;
			cursor: pointer;
			border-width: 1px;
			border-style: solid;
			-webkit-appearance: none;
			-webkit-border-radius: 3px;
			border-radius: 3px;
			white-space: nowrap;
			-webkit-box-sizing: border-box;
			-moz-box-sizing: border-box;
			box-sizing: border-box;
			background: #2ea2cc;
			border-color: #0074a2;
			-webkit-box-shadow: inset 0 1px 0 rgba(120, 200, 230, 0.5), 0 1px 0 rgba(0, 0, 0, 0.15);
			box-shadow: inset 0 1px 0 rgba(120, 200, 230, 0.5), 0 1px 0 rgba(0, 0, 0, 0.15);
			color: #fff;
			text-decoration: none;
			&:focus {
				background: #1e8cbe;
				border-color: #0074a2;
				-webkit-box-shadow: inset 0 1px 0 rgba(120, 200, 230, 0.6);
				box-shadow: inset 0 1px 0 rgba(120, 200, 230, 0.6);
				color: #fff;
				border-color: #0e3950;
				-webkit-box-shadow: inset 0 1px 0 rgba(120, 200, 230, 0.6), 0 0 0 1px #5b9dd9, 0 0 2px 1px rgba(30, 140, 190, 0.8);
				box-shadow: inset 0 1px 0 rgba(120, 200, 230, 0.6), 0 0 0 1px #5b9dd9, 0 0 2px 1px rgba(30, 140, 190, 0.8);
			}
			&:hover {
				background: #1e8cbe;
				border-color: #0074a2;
				-webkit-box-shadow: inset 0 1px 0 rgba(120, 200, 230, 0.6);
				box-shadow: inset 0 1px 0 rgba(120, 200, 230, 0.6);
				color: #fff;
			}
			&:active {
				background: #1b7aa6;
				border-color: #005684;
				color: rgba(255, 255, 255, 0.95);
				-webkit-box-shadow: inset 0 1px 0 rgba(0, 0, 0, 0.1);
				box-shadow: inset 0 1px 0 rgba(0, 0, 0, 0.1);
				vertical-align: top;
			}
			&:disabled {
				color: #94cde7 !important;
				background: #298cba !important;
				border-color: #1b607f !important;
				-webkit-box-shadow: none !important;
				box-shadow: none !important;
				text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.1) !important;
				cursor: default;
			}
		}
		.button-secondary {
			display: inline-block;
			text-decoration: none;
			font-size: 13px;
			line-height: 26px;
			height: 28px;
			margin: 0;
			padding: 0 10px 1px;
			cursor: pointer;
			border-width: 1px;
			border-style: solid;
			-webkit-appearance: none;
			-webkit-border-radius: 3px;
			border-radius: 3px;
			white-space: nowrap;
			-webkit-box-sizing: border-box;
			-moz-box-sizing: border-box;
			box-sizing: border-box;
			color: #555;
			border-color: #ccc;
			background: #f7f7f7;
			-webkit-box-shadow: inset 0 1px 0 #fff, 0 1px 0 rgba(0, 0, 0, 0.08);
			box-shadow: inset 0 1px 0 #fff, 0 1px 0 rgba(0, 0, 0, 0.08);
			vertical-align: top;
			&:focus {
				background: #fafafa;
				border-color: #999;
				color: #222;
				-webkit-box-shadow: 0 0 0 1px #5b9dd9, 0 0 2px 1px rgba(30, 140, 190, 0.8);
				box-shadow: 0 0 0 1px #5b9dd9, 0 0 2px 1px rgba(30, 140, 190, 0.8);
			}
			&:hover {
				background: #fafafa;
				border-color: #999;
				color: #222;
			}
			&:active {
				background: #eee;
				border-color: #999;
				color: #333;
				-webkit-box-shadow: inset 0 2px 5px -3px rgba(0, 0, 0, 0.5);
				box-shadow: inset 0 2px 5px -3px rgba(0, 0, 0, 0.5);
			}
			&:disabled {
				color: #aaa !important;
				border-color: #ddd !important;
				background: #f7f7f7 !important;
				-webkit-box-shadow: none !important;
				box-shadow: none !important;
				text-shadow: 0 1px 0 #fff !important;
				cursor: default;
			}
		}
		button {
			&::-moz-focus-inner {
				border-width: 0;
				border-style: none;
				padding: 0;
			}
		}
		input[type="button"] {
			&::-moz-focus-inner {
				border-width: 0;
				border-style: none;
				padding: 0;
			}
		}
		input[type="submit"] {
			&::-moz-focus-inner {
				border-width: 0;
				border-style: none;
				padding: 0;
			}
		}
		.button-group.button-large {
			.button {
				height: 30px;
				line-height: 28px;
				padding: 0 12px 2px;
			}
		}
		.button.button-large {
			height: 30px;
			line-height: 28px;
			padding: 0 12px 2px;
		}
		.button-group.button-small {
			.button {
				height: 24px;
				line-height: 22px;
				padding: 0 8px 1px;
				font-size: 11px;
			}
		}
		.button.button-small {
			height: 24px;
			line-height: 22px;
			padding: 0 8px 1px;
			font-size: 11px;
		}
		.button-group.button-hero {
			.button {
				font-size: 14px;
				height: 46px;
				line-height: 44px;
				padding: 0 36px;
			}
		}
		.button.button-hero {
			font-size: 14px;
			height: 46px;
			line-height: 44px;
			padding: 0 36px;
		}
		.button.hidden {
			display: none;
		}
		p {
			.button {
				vertical-align: baseline;
			}
		}
		.button.focus {
			background: #fafafa;
			border-color: #999;
			color: #222;
			-webkit-box-shadow: 0 0 0 1px #5b9dd9, 0 0 2px 1px rgba(30, 140, 190, 0.8);
			box-shadow: 0 0 0 1px #5b9dd9, 0 0 2px 1px rgba(30, 140, 190, 0.8);
		}
		.button.hover {
			background: #fafafa;
			border-color: #999;
			color: #222;
		}
		.button.active {
			background: #eee;
			border-color: #999;
			color: #333;
			-webkit-box-shadow: inset 0 2px 5px -3px rgba(0, 0, 0, 0.5);
			box-shadow: inset 0 2px 5px -3px rgba(0, 0, 0, 0.5);
			&:hover {
				background: #eee;
				border-color: #999;
				color: #333;
				-webkit-box-shadow: inset 0 2px 5px -3px rgba(0, 0, 0, 0.5);
				box-shadow: inset 0 2px 5px -3px rgba(0, 0, 0, 0.5);
			}
			&:focus {
				-webkit-box-shadow: inset 0 2px 5px -3px rgba(0, 0, 0, 0.5), 0 0 0 1px #5b9dd9, 0 0 2px 1px rgba(30, 140, 190, 0.8);
				box-shadow: inset 0 2px 5px -3px rgba(0, 0, 0, 0.5), 0 0 0 1px #5b9dd9, 0 0 2px 1px rgba(30, 140, 190, 0.8);
			}
		}
		.button-disabled {
			color: #aaa !important;
			border-color: #ddd !important;
			background: #f7f7f7 !important;
			-webkit-box-shadow: none !important;
			box-shadow: none !important;
			text-shadow: 0 1px 0 #fff !important;
			cursor: default;
		}
		.button-secondary.disabled {
			color: #aaa !important;
			border-color: #ddd !important;
			background: #f7f7f7 !important;
			-webkit-box-shadow: none !important;
			box-shadow: none !important;
			text-shadow: 0 1px 0 #fff !important;
			cursor: default;
		}
		.button-secondary[disabled] {
			color: #aaa !important;
			border-color: #ddd !important;
			background: #f7f7f7 !important;
			-webkit-box-shadow: none !important;
			box-shadow: none !important;
			text-shadow: 0 1px 0 #fff !important;
			cursor: default;
		}
		.button.disabled {
			color: #aaa !important;
			border-color: #ddd !important;
			background: #f7f7f7 !important;
			-webkit-box-shadow: none !important;
			box-shadow: none !important;
			text-shadow: 0 1px 0 #fff !important;
			cursor: default;
		}
		.button[disabled] {
			color: #aaa !important;
			border-color: #ddd !important;
			background: #f7f7f7 !important;
			-webkit-box-shadow: none !important;
			box-shadow: none !important;
			text-shadow: 0 1px 0 #fff !important;
			cursor: default;
		}
		.button-primary.focus {
			background: #1e8cbe;
			border-color: #0074a2;
			-webkit-box-shadow: inset 0 1px 0 rgba(120, 200, 230, 0.6);
			box-shadow: inset 0 1px 0 rgba(120, 200, 230, 0.6);
			color: #fff;
			border-color: #0e3950;
			-webkit-box-shadow: inset 0 1px 0 rgba(120, 200, 230, 0.6), 0 0 0 1px #5b9dd9, 0 0 2px 1px rgba(30, 140, 190, 0.8);
			box-shadow: inset 0 1px 0 rgba(120, 200, 230, 0.6), 0 0 0 1px #5b9dd9, 0 0 2px 1px rgba(30, 140, 190, 0.8);
		}
		.button-primary.hover {
			background: #1e8cbe;
			border-color: #0074a2;
			-webkit-box-shadow: inset 0 1px 0 rgba(120, 200, 230, 0.6);
			box-shadow: inset 0 1px 0 rgba(120, 200, 230, 0.6);
			color: #fff;
		}
		.button-primary.active {
			background: #1b7aa6;
			border-color: #005684;
			color: rgba(255, 255, 255, 0.95);
			-webkit-box-shadow: inset 0 1px 0 rgba(0, 0, 0, 0.1);
			box-shadow: inset 0 1px 0 rgba(0, 0, 0, 0.1);
			vertical-align: top;
			&:focus {
				background: #1b7aa6;
				border-color: #005684;
				color: rgba(255, 255, 255, 0.95);
				-webkit-box-shadow: inset 0 1px 0 rgba(0, 0, 0, 0.1);
				box-shadow: inset 0 1px 0 rgba(0, 0, 0, 0.1);
				vertical-align: top;
			}
			&:hover {
				background: #1b7aa6;
				border-color: #005684;
				color: rgba(255, 255, 255, 0.95);
				-webkit-box-shadow: inset 0 1px 0 rgba(0, 0, 0, 0.1);
				box-shadow: inset 0 1px 0 rgba(0, 0, 0, 0.1);
				vertical-align: top;
			}
		}
		.button-primary-disabled {
			color: #94cde7 !important;
			background: #298cba !important;
			border-color: #1b607f !important;
			-webkit-box-shadow: none !important;
			box-shadow: none !important;
			text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.1) !important;
			cursor: default;
		}
		.button-primary.disabled {
			color: #94cde7 !important;
			background: #298cba !important;
			border-color: #1b607f !important;
			-webkit-box-shadow: none !important;
			box-shadow: none !important;
			text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.1) !important;
			cursor: default;
		}
		.button-primary[disabled] {
			color: #94cde7 !important;
			background: #298cba !important;
			border-color: #1b607f !important;
			-webkit-box-shadow: none !important;
			box-shadow: none !important;
			text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.1) !important;
			cursor: default;
		}
		.button-group {
			position: relative;
			display: inline-block;
			white-space: nowrap;
			font-size: 0;
			vertical-align: middle;
			>.button {
				display: inline-block;
				-webkit-border-radius: 0;
				border-radius: 0;
				margin-right: -1px;
				z-index: 10;
				&:hover {
					z-index: 20;
				}
				&:first-child {
					-webkit-border-radius: 3px 0 0 3px;
					border-radius: 3px 0 0 3px;
				}
				&:last-child {
					-webkit-border-radius: 0 3px 3px 0;
					border-radius: 0 3px 3px 0;
				}
				&:focus {
					position: relative;
					z-index: 1;
				}
			}
			>.button-primary {
				z-index: 100;
			}
		}
	}
	.wp-admin {
		p {
			input[type="checkbox"] {
				margin-top: 0;
			}
			input[type="radio"] {
				margin-top: 0;
			}
			label {
				input[type="checkbox"] {
					margin-top: -4px;
				}
				input[type="radio"] {
					margin-top: -2px;
				}
			}
		}
		input[type="file"] {
			padding: 3px 0;
		}
	}
	td {
		>input[type="checkbox"] {
			margin-top: 0;
		}
	}
	button {
		font-family: inherit;
		font-size: inherit;
		font-weight: inherit;
	}
	label {
		cursor: pointer;
		font-weight: initial;
	}
	input.code {
		padding-top: 6px;
		width: 100%;
	}
	textarea.code {
		line-height: 1.4;
		padding: 4px 6px 1px;
	}
	input.readonly {
		background-color: #eee;
	}
	input[readonly] {
		background-color: #eee;
	}
	textarea.readonly {
		background-color: #eee;
	}
	textarea[readonly] {
		background-color: #eee;
	}
	&:-moz-placeholder {
		color: #a9a9a9;
	}
	th.sortable {
		a {
			display: block;
			overflow: hidden;
			padding: 7px 7px 8px 10px;
			&:active {
				color: #333;
			}
			&:focus {
				color: #333;
				background: #e1e1e1;
			}
			&:hover {
				color: #333;
			}
			span {
				float: left;
				cursor: pointer;
			}
		}
	}
	th.sorted {
		a {
			display: block;
			overflow: hidden;
			padding: 7px 7px 8px 10px;
			span {
				float: left;
				cursor: pointer;
			}
		}
	}
	th.manage-column {
		a {
			color: #333;
		}
	}
	.fixed {
		.column-comments.sortable {
			a {
				padding: 8px 0;
			}
		}
		.column-comments.sorted {
			a {
				padding: 8px 0;
			}
		}
	}
	th.desc {
		&:hover {
			span.sorting-indicator {
				display: block;
				background-position: 0 0;
			}
		}
	}
	th.sorted.asc {
		.sorting-indicator {
			display: block;
			background-position: 0 0;
		}
	}
	th.asc {
		&:hover {
			span.sorting-indicator {
				display: block;
				background-position: -7px 0;
			}
		}
	}
	th.sorted.desc {
		.sorting-indicator {
			display: block;
			background-position: -7px 0;
		}
	}
	.tablenav-pages {
		a {
			font-weight: 600;
			margin-right: 1px;
			padding: 0 2px;
		}
	}
	.wp-list-table.plugins {
		.plugin-title {
			strong {
				font-size: 1.4em;
				line-height: 1.6em;
			}
		}
		.theme-title {
			strong {
				font-size: 1.4em;
				line-height: 1.6em;
			}
		}
	}
	#poststuff {
		padding-top: 10px;
		min-width: 763px;
		#post-body {
			padding: 0;
		}
		.postbox-container {
			width: 100%;
		}
		#post-body.columns-2 {
			margin-right: 300px;
		}
		#titlewrap {
			border: 0;
			padding: 0;
		}
		.inside-submitbox {
			margin: 0 3px;
			font-size: 11px;
		}
	}
	#show-comments {
		overflow: hidden;
		.spinner {
			float: left;
		}
		a {
			float: left;
		}
	}
	#save-action {
		.spinner {
			float: left;
		}
	}
	#lost-connection-notice {
		.spinner {
			display: block;
			float: left;
			margin: 0 5px 0 0;
		}
	}
	#titlediv {
		position: relative;
		label {
			cursor: text;
		}
		div.inside {
			margin: 0;
		}
		#title {
			padding: 3px 8px;
			font-size: 1.7em;
			line-height: 100%;
			height: 1.7em;
			width: 100%;
			outline: 0;
			margin: 0;
			background-color: #fff;
		}
		#title-prompt-text {
			color: #777;
			position: absolute;
			font-size: 1.7em;
			padding: 11px 10px;
		}
	}
	#wp-fullscreen-save {
		.fs-saved {
			color: #999;
			float: right;
			margin-top: 4px;
		}
	}
	#side-sortables {
		.inside-submitbox {
			margin: 0 3px;
			font-size: 11px;
			.insidebox {
				margin: 11px 0;
			}
		}
		.category-add {
			input[type="text"] {
				margin: 0 0 1em;
			}
			select {
				margin: 0 0 1em;
			}
		}
		.add-menu-item-tabs {
			li {
				display: inline;
				line-height: 1.35em;
			}
			a {
				text-decoration: none;
			}
			.tabs {
				a {
					color: #333;
				}
			}
			margin-bottom: 3px;
		}
		.category-tabs {
			.tabs {
				a {
					color: #333;
				}
			}
		}
		.submitbox {
			.submit {
				.preview {
					border: 0;
				}
				a.preview {
					&:hover {
						border: 0;
					}
				}
				input {
					border: 0;
				}
			}
		}
		input#post_password {
			width: 94%;
		}
		.tagsdiv {
			#newtag {
				width: 68%;
			}
		}
		.category-adder {
			margin: 0;
		}
	}
	input#link_description {
		width: 98%;
	}
	input#link_url {
		width: 98%;
	}
	#pending {
		background: 0 none;
		border: 0;
		padding: 0;
		font-size: 11px;
		margin-top: -1px;
	}
	#edit-slug-box {
		line-height: 24px;
		min-height: 25px;
		margin-top: 5px;
		padding: 0 10px;
		color: #666;
		.cancel {
			margin-right: 10px;
			font-size: 11px;
		}
	}
	#editable-post-name-full {
		display: none;
	}
	#editable-post-name {
		background-color: #fffbcc;
		input {
			font-size: 13px;
			height: 22px;
			margin: 0;
			width: 16em;
		}
	}
	.postarea {
		h3 {
			label {
				float: left;
			}
		}
	}
	.submitbox {
		.submit {
			text-align: left;
			padding: 12px 10px 10px;
			font-size: 11px;
			background-color: #464646;
			color: #ccc;
			a {
				&:hover {
					text-decoration: underline;
				}
			}
			input {
				margin-bottom: 8px;
				margin-right: 4px;
				padding: 6px;
			}
		}
		.submitdelete {
			text-decoration: none;
			padding: 1px 2px;
		}
	}
	#normal-sortables {
		.submitbox {
			.submitdelete {
				&:hover {
					color: #000;
					background-color: red;
					border-bottom-color: red;
				}
			}
		}
		.postbox {
			.submit {
				background: 0 0;
				border: 0;
				float: right;
				padding: 0 12px;
				margin: 0;
			}
			#replyrow {
				.submit {
					float: none;
					margin: 0;
					padding: 0 7px 5px;
				}
			}
		}
	}
	.inside-submitbox {
		#post_status {
			margin: 2px 0 2px -2px;
		}
	}
	#post-status-select {
		margin-top: 3px;
	}
	#post-body {
		#normal-sortables {
			min-height: 50px;
		}
		ul.add-menu-item-tabs {
			li.tabs {
				a {
					color: #333;
				}
			}
		}
		ul.category-tabs {
			li.tabs {
				a {
					color: #333;
				}
			}
		}
		.tagsdiv {
			#newtag {
				margin-right: 5px;
				width: 16em;
			}
		}
	}
	#trackback_url {
		width: 99%;
	}
	.category-add {
		input[type="text"] {
			width: 100%;
			max-width: 260px;
			vertical-align: baseline;
		}
		select {
			width: 100%;
			max-width: 260px;
			vertical-align: baseline;
		}
	}
	.wp-tab-bar {
		li {
			display: inline;
			line-height: 1.35em;
		}
		a {
			text-decoration: none;
		}
		.wp-tab-active {
			a {
				color: #333;
			}
		}
		margin-bottom: 3px;
	}
	ul.category-tabs {
		li {
			display: inline;
			line-height: 1.35em;
			border: 1px solid transparent;
			position: relative;
			padding: 3px 5px 5px;
		}
		margin-top: 12px;
		li.tabs {
			border: 1px solid #dfdfdf;
			border-bottom-color: #fdfdfd;
			background-color: #fdfdfd;
		}
	}
	.category-tabs {
		a {
			text-decoration: none;
		}
		margin: 8px 0 5px;
	}
	#category-adder {
		h4 {
			margin: 10px 0;
		}
	}
	ul.add-menu-item-tabs {
		margin-top: 12px;
		li {
			border: 1px solid transparent;
			position: relative;
			padding: 3px 5px 5px;
			padding: 3px 5px 3px 8px;
		}
		li.tabs {
			border: 1px solid #dfdfdf;
			border-bottom-color: #fdfdfd;
			background-color: #fdfdfd;
		}
	}
	ul.wp-tab-bar {
		margin-top: 12px;
		li {
			padding: 3px 5px 5px;
		}
	}
	.wp-tab-active {
		border: 1px solid #dfdfdf;
		border-bottom-color: #fdfdfd;
		background-color: #fdfdfd;
	}
	#postimagediv {
		.inside {
			img {
				max-width: 100%;
				height: auto;
				width: auto;
			}
		}
	}
	form#tags-filter {
		position: relative;
	}
	td.plugin-title {
		strong {
			display: block;
			margin-bottom: 0.2em;
			font-size: 14px;
		}
		p {
			margin: 6px 0;
		}
	}
	td.post-title {
		strong {
			display: block;
			margin-bottom: 0.2em;
			font-size: 14px;
		}
		p {
			margin: 6px 0;
		}
	}
	.ui-tabs-hide {
		display: none;
	}
	.wp-hidden-children {
		.wp-hidden-child {
			display: none;
		}
	}
	#post-status-info {
		width: 100%;
		border-spacing: 0;
		border: 1px solid #e5e5e5;
		border-top: none;
		background-color: #f7f7f7;
		-webkit-box-shadow: 0 1px 1px rgba(0, 0, 0, 0.04);
		box-shadow: 0 1px 1px rgba(0, 0, 0, 0.04);
		z-index: 999;
	}
	.post-format-icon.post-format-standard {
		&:before {
			content: "\f109";
		}
	}
	.post-state-format.post-format-standard {
		&:before {
			content: "\f109";
		}
	}
	a.post-state-format.format-standard {
		&:before {
			content: "\f109";
		}
	}
	.post-format-icon.post-format-image {
		&:before {
			content: "\f128";
		}
	}
	.post-state-format.post-format-image {
		&:before {
			content: "\f128";
		}
	}
	a.post-state-format.format-image {
		&:before {
			content: "\f128";
		}
	}
	.post-format-icon.post-format-gallery {
		&:before {
			content: "\f161";
		}
	}
	.post-state-format.post-format-gallery {
		&:before {
			content: "\f161";
		}
	}
	a.post-state-format.format-gallery {
		&:before {
			content: "\f161";
		}
	}
	.post-format-icon.post-format-audio {
		&:before {
			content: "\f127";
		}
	}
	.post-state-format.post-format-audio {
		&:before {
			content: "\f127";
		}
	}
	a.post-state-format.format-audio {
		&:before {
			content: "\f127";
		}
	}
	.post-format-icon.post-format-video {
		&:before {
			content: "\f126";
		}
	}
	.post-state-format.post-format-video {
		&:before {
			content: "\f126";
		}
	}
	a.post-state-format.format-video {
		&:before {
			content: "\f126";
		}
	}
	.post-format-icon.post-format-chat {
		&:before {
			content: "\f125";
		}
	}
	.post-state-format.post-format-chat {
		&:before {
			content: "\f125";
		}
	}
	a.post-state-format.format-chat {
		&:before {
			content: "\f125";
		}
	}
	.post-format-icon.post-format-status {
		&:before {
			content: "\f130";
		}
	}
	.post-state-format.post-format-status {
		&:before {
			content: "\f130";
		}
	}
	a.post-state-format.format-status {
		&:before {
			content: "\f130";
		}
	}
	.post-format-icon.post-format-aside {
		&:before {
			content: "\f123";
		}
	}
	.post-state-format.post-format-aside {
		&:before {
			content: "\f123";
		}
	}
	a.post-state-format.format-aside {
		&:before {
			content: "\f123";
		}
	}
	.post-format-icon.post-format-quote {
		&:before {
			content: "\f122";
		}
	}
	.post-state-format.post-format-quote {
		&:before {
			content: "\f122";
		}
	}
	a.post-state-format.format-quote {
		&:before {
			content: "\f122";
		}
	}
	.post-format-icon.post-format-link {
		&:before {
			content: "\f103";
		}
	}
	.post-state-format.post-format-link {
		&:before {
			content: "\f103";
		}
	}
	a.post-state-format.format-link {
		&:before {
			content: "\f103";
		}
	}
	.category-adder {
		margin-left: 120px;
		padding: 4px 0;
		h4 {
			margin: 0 0 8px;
		}
	}
	.categorydiv {
		div.tabs-panel {
			min-height: 42px;
			max-height: 200px;
			overflow: auto;
			padding: 0 0.9em;
			border: 1px solid #dfdfdf;
			background-color: #fdfdfd;
		}
		ul.categorychecklist {
			ul {
				margin-left: 18px;
			}
		}
	}
	.customlinkdiv {
		div.tabs-panel {
			min-height: 42px;
			max-height: 200px;
			overflow: auto;
			padding: 0 0.9em;
			border: 1px solid #dfdfdf;
			background-color: #fdfdfd;
		}
		ul.categorychecklist {
			ul {
				margin-left: 18px;
			}
		}
		.howto {
			input {
				width: 180px;
			}
		}
		p {
			margin-top: 0;
		}
	}
	.posttypediv {
		div.tabs-panel {
			min-height: 42px;
			max-height: 200px;
			overflow: auto;
			padding: 0 0.9em;
			border: 1px solid #dfdfdf;
			background-color: #fdfdfd;
		}
		ul.categorychecklist {
			ul {
				margin-left: 18px;
			}
		}
	}
	.taxonomydiv {
		div.tabs-panel {
			min-height: 42px;
			max-height: 200px;
			overflow: auto;
			padding: 0 0.9em;
			border: 1px solid #dfdfdf;
			background-color: #fdfdfd;
		}
		ul.categorychecklist {
			ul {
				margin-left: 18px;
			}
		}
	}
	.wp-tab-panel {
		min-height: 42px;
		max-height: 200px;
		overflow: auto;
		padding: 0 0.9em;
		border: 1px solid #dfdfdf;
		background-color: #fdfdfd;
	}
	div.tabs-panel-active {
		display: block;
	}
	div.tabs-panel-inactive {
		display: none;
	}
	#front-page-warning {
		margin-left: 18px;
	}
	#front-static-pages {
		ul {
			margin-left: 18px;
		}
	}
	.inline-editor {
		ul.cat-checklist {
			ul {
				margin-left: 18px;
			}
		}
	}
	ul.export-filters {
		margin-left: 18px;
	}
	ul.categorychecklist {
		li {
			margin: 0;
			padding: 0;
			line-height: 22px;
			word-wrap: break-word;
		}
	}
	.comment-ays {
		margin-bottom: 0;
		border-bottom-style: solid;
		border-bottom-width: 1px;
		border-bottom: none;
		.alt {
			background-color: transparent;
		}
	}
	.spam-undo-inside {
		margin: 1px 8px 1px 0;
		line-height: 16px;
		.avatar {
			height: 20px;
			width: 20px;
			margin-right: 8px;
			vertical-align: middle;
		}
	}
	.trash-undo-inside {
		margin: 1px 8px 1px 0;
		line-height: 16px;
		.avatar {
			height: 20px;
			width: 20px;
			margin-right: 8px;
			vertical-align: middle;
		}
	}
	#comment-status-radio {
		p {
			margin: 3px 0 5px;
		}
		input {
			margin: 2px 3px 5px 0;
			vertical-align: middle;
		}
		label {
			padding: 5px 0;
		}
	}
	table.links-table {
		width: 100%;
		border-spacing: 0;
	}
	.links-table {
		th {
			font-weight: 400;
			text-align: left;
			vertical-align: top;
			min-width: 80px;
			width: 20%;
			word-wrap: break-word;
			padding: 5px 0;
			padding: 10px 0;
		}
		td {
			padding: 5px 0;
			padding: 10px 0;
			label {
				margin-right: 8px;
			}
			input[type="text"] {
				width: 100%;
			}
			textarea {
				width: 100%;
			}
		}
		#link_rel {
			max-width: 280px;
			max-width: none;
		}
	}
	#qt_content_dfw {
		display: none;
	}
	#wp-content-wrap {
		.mce-wp-dfw {
			display: none;
		}
	}
	#post-visibility-select {
		line-height: 280%;
	}
	div.quicktags-toolbar {
		input {
			padding: 10px 20px;
		}
	}
	button.wp-switch-editor {
		font-size: 16px;
		line-height: 1em;
		margin: 7px 0 0 7px;
		padding: 8px 12px;
	}
	#wp-content-media-buttons {
		a {
			font-size: 16px;
			line-height: 37px;
			height: 39px;
			padding: 0 20px 0 15px;
		}
	}
	.wp-media-buttons {
		span.jetpack-contact-form-icon {
			width: 22px !important;
			margin-top: -3px !important;
			margin-left: -5px !important;
		}
		span.wp-media-buttons-icon {
			width: 22px !important;
			margin-top: -3px !important;
			margin-left: -5px !important;
		}
		#insert-jetpack-contact-form {
			span.jetpack-contact-form-icon {
				&:before {
					font-size: 20px !important;
				}
			}
		}
		.add_media {
			span.wp-media-buttons-icon {
				&:before {
					font-size: 20px !important;
				}
			}
		}
	}
	#content_wp_fullscreen {
		display: none;
	}
	.misc-pub-section {
		padding: 20px 10px;
		>a {
			float: right;
			font-size: 16px;
		}
	}
	#delete-action {
		line-height: 47px;
	}
	#publishing-action {
		line-height: 47px;
	}
	.drag-drop {
		#drag-drop-area {
			border: 4px dashed #bbb;
			height: 200px;
		}
		.drag-drop-inside {
			margin: 70px auto 0;
			width: 250px;
			p {
				text-align: center;
				display: block;
			}
		}
	}
	.drag-drop-inside {
		p {
			color: #aaa;
			font-size: 14px;
			margin: 5px 0;
			display: none;
		}
		p.drag-drop-info {
			font-size: 20px;
		}
		p.drag-drop-buttons {
			display: block;
		}
	}
	.drag-drop.drag-over {
		#drag-drop-area {
			border-color: #83b4d8;
		}
	}
	#plupload-upload-ui {
		position: relative;
	}
	#nav-menu-meta {
		.accordion-section-content {
			padding: 18px 13px;
		}
		.button-controls {
			margin-bottom: 0;
		}
	}
	#nav-menus-frame {
		margin-top: 23px;
		display: block;
		&:after {
			clear: both;
			content: ".";
			display: block;
			height: 0;
			visibility: hidden;
		}
	}
	.metabox-holder-disabled {
		.accordion-section-content {
			opacity: 0.5;
			filter: alpha(opacity=50);
		}
		.accordion-section-title {
			opacity: 0.5;
			filter: alpha(opacity=50);
		}
		.postbox {
			opacity: 0.5;
			filter: alpha(opacity=50);
		}
		.button-controls {
			.select-all {
				display: none;
			}
		}
	}
	#wpbody {
		position: relative;
		.open-label {
			display: block;
			float: left;
			span {
				padding-right: 10px;
			}
		}
	}
	.blank-slate {
		.menu-name {
			height: 2em;
		}
		.menu-settings {
			border: none;
			margin-top: 0;
			padding-top: 0;
			overflow: hidden;
		}
	}
	.is-submenu {
		color: #999;
		font-style: italic;
		font-weight: 400;
		margin-left: 4px;
	}
	.menu-edit {
		#post-body-content {
			h3 {
				margin: 1em 0 10px;
			}
		}
		.checkbox-input {
			margin-top: 4px;
		}
	}
	.menu-settings {
		border-top: 1px solid #eee;
		margin-top: 2em;
		dl {
			margin: 0 0 10px;
			overflow: hidden;
			padding-left: 18%;
		}
		dd {
			float: left;
			margin: 0;
			width: 100%;
		}
		dt {
			float: left;
			clear: both;
			width: 21.951%;
			padding: 3px 0 0;
			margin-left: -21.951%;
		}
		label {
			vertical-align: baseline;
		}
	}
	.theme-location-set {
		color: #999;
		font-size: 11px;
	}
	#menu-management-liquid {
		float: left;
		min-width: 100%;
		margin-top: 3px;
		float: left;
		min-width: 100%;
		margin-top: 3px;
	}
	#nav-menu-footer {
		padding: 0 10px;
	}
	#nav-menu-header {
		padding: 0 10px;
		border-bottom: 1px solid #dfdfdf;
		margin-bottom: 0;
		.menu-name-label {
			margin-top: 4px;
		}
	}
	#select-nav-menu-container {
		text-align: right;
		padding: 0 10px 3px;
		margin-bottom: 5px;
	}
	#select-nav-menu {
		width: 100px;
		display: inline;
	}
	#menu-name-label {
		margin-top: -2px;
		&:after {
			clear: both;
			content: ".";
			display: block;
			height: 0;
			visibility: hidden;
		}
	}
	.menu-location-menus {
		select {
			float: left;
		}
	}
	#locations-nav-menu-wrapper {
		padding: 5px 0;
	}
	.locations-nav-menu-select {
		select {
			float: left;
			width: 160px;
			margin-right: 5px;
		}
	}
	.locations-row-links {
		float: left;
		margin: 6px 0 0 6px;
	}
	.locations-add-menu-link {
		margin: 0 3px;
	}
	.locations-edit-menu-link {
		margin: 0 3px;
		padding-right: 3px;
		border-right: 1px solid #ccc;
	}
	.accordion-container {
		.howto {
			input {
				width: 180px;
				float: right;
			}
		}
		.outer-border {
			margin: 0;
			padding: 0px;
		}
	}
	#nav-menu-theme-locations {
		.howto {
			select {
				width: 100%;
			}
		}
		.button-controls {
			text-align: right;
		}
	}
	.add-menu-item-view-all {
		height: 400px;
	}
	#menu-container {
		.submit {
			margin: 0 0 10px;
			padding: 0;
		}
		.inside {
			padding-bottom: 10px;
		}
	}
	.meta-sep {
		padding: 0 2px;
	}
	#cancel-save {
		text-decoration: underline;
		font-size: 12px;
		margin-left: 20px;
		margin-top: 5px;
		cursor: pointer;
	}
	.button-primary.right {
		float: right;
	}
	.button-secondary.right {
		float: right;
	}
	.button.right {
		float: right;
	}
	.list-controls {
		float: left;
		margin-top: 5px;
	}
	.add-to-menu {
		float: right;
	}
	.button-controls {
		clear: both;
		margin: 10px 0;
		display: block;
	}
	.hide-all {
		cursor: pointer;
		display: none;
	}
	.show-all {
		cursor: pointer;
	}
	#menu-name {
		width: 270px;
	}
	#manage-menu {
		.inside {
			padding: 0;
		}
	}
	#available-links {
		dt {
			display: block;
		}
	}
	#add-custom-link {
		.howto {
			font-size: 12px;
		}
		label {
			span {
				display: block;
				float: left;
				margin-top: 5px;
				padding-right: 5px;
			}
		}
	}
	.menu-item-textbox {
		width: 180px;
	}
	.quick-search {
		width: 190px;
	}
	.menu-item-title {
		input[type="checkbox"] {
			display: inline-block;
			margin-top: -4px;
		}
	}
	.menu {
		padding-top: 1em;
		ul {
			width: 100%;
		}
		li {
			margin-bottom: 0;
			position: relative;
		}
		li.deleting {
			.menu-item-handle {
				background-image: none;
				background-color: #f66;
			}
		}
		.sortable-placeholder {
			height: 35px;
			width: 410px;
			margin-top: 13px;
		}
	}
	#menu-to-edit {
		margin: 0;
		padding: 0.1em 0;
		list-style-type: none;
		.menu-item-invalid {
			.menu-item-handle {
				background: #f6c9cc;
				border-color: #f1acb1;
			}
		}
	}
	.menu-item-bar {
		clear: both;
		line-height: 1.5em;
		position: relative;
		margin: 9px 0 0;
		.menu-item-handle {
			border: 1px solid #dfdfdf;
			position: relative;
			padding: 10px 15px;
			height: auto;
			min-height: 20px;
			width: 382px;
			line-height: 30px;
			overflow: hidden;
			word-wrap: break-word;
			&:hover {
				border-color: #999;
				background-color: white;
			}
		}
	}
	li.menu-item.ui-sortable-helper {
		dl {
			margin-top: 0;
		}
		.menu-item-transport {
			dl {
				margin-top: 13px;
			}
		}
	}
	.menu-item-depth-0 {
		margin-left: 0;
		.menu-item-transport {
			margin-left: 0;
		}
	}
	.menu-item-depth-1 {
		margin-left: 30px;
		.menu-item-transport {
			margin-left: -30px;
		}
	}
	.menu-item-depth-2 {
		margin-left: 60px;
		.menu-item-transport {
			margin-left: -60px;
		}
	}
	.menu-item-depth-3 {
		margin-left: 90px;
		.menu-item-transport {
			margin-left: -90px;
		}
	}
	.menu-item-depth-4 {
		margin-left: 120px;
		.menu-item-transport {
			margin-left: -120px;
		}
	}
	.menu-item-depth-5 {
		margin-left: 150px;
		.menu-item-transport {
			margin-left: -150px;
		}
	}
	.menu-item-depth-6 {
		margin-left: 180px;
		.menu-item-transport {
			margin-left: -180px;
		}
	}
	.menu-item-depth-7 {
		margin-left: 210px;
		.menu-item-transport {
			margin-left: -210px;
		}
	}
	.menu-item-depth-8 {
		margin-left: 240px;
		.menu-item-transport {
			margin-left: -240px;
		}
	}
	.menu-item-depth-9 {
		margin-left: 270px;
		.menu-item-transport {
			margin-left: -270px;
		}
	}
	.menu-item-depth-10 {
		margin-left: 300px;
		.menu-item-transport {
			margin-left: -300px;
		}
	}
	.menu-item-depth-11 {
		margin-left: 330px;
		.menu-item-transport {
			margin-left: -330px;
		}
	}
	body.menu-max-depth-0 {
		min-width: 950px !important;
	}
	body.menu-max-depth-1 {
		min-width: 980px !important;
	}
	body.menu-max-depth-2 {
		min-width: 1010px !important;
	}
	body.menu-max-depth-3 {
		min-width: 1040px !important;
	}
	body.menu-max-depth-4 {
		min-width: 1070px !important;
	}
	body.menu-max-depth-5 {
		min-width: 1100px !important;
	}
	body.menu-max-depth-6 {
		min-width: 1130px !important;
	}
	body.menu-max-depth-7 {
		min-width: 1160px !important;
	}
	body.menu-max-depth-8 {
		min-width: 1190px !important;
	}
	body.menu-max-depth-9 {
		min-width: 1220px !important;
	}
	body.menu-max-depth-10 {
		min-width: 1250px !important;
	}
	body.menu-max-depth-11 {
		min-width: 1280px !important;
	}
	.item-type {
		color: #777;
		font-size: 12px;
		padding: 12px 10px;
		line-height: 18px;
		display: block;
	}
	.menu-instructions-inactive {
		display: none;
	}
	.menu-item-settings {
		display: block;
		width: 402px;
		padding: 10px 0 10px 10px;
		position: relative;
		z-index: 10;
		border: 1px solid #e5e5e5;
		border-top: none;
		-webkit-box-shadow: 0 1px 1px rgba(0, 0, 0, 0.04);
		box-shadow: 0 1px 1px rgba(0, 0, 0, 0.04);
		.field-move {
			a {
				display: none;
				margin: 0 2px;
			}
		}
		.description-thin {
			margin-right: 10px;
			float: left;
		}
		.description-wide {
			margin-right: 10px;
			float: left;
		}
	}
	.menu-item-edit-active {
		.menu-item-settings {
			display: block;
		}
	}
	.menu-item-edit-inactive {
		.menu-item-settings {
			display: none;
		}
	}
	.add-menu-item-pagelinks {
		margin: 0.5em auto;
		text-align: center;
	}
	.link-to-original {
		display: block;
		margin: 0 0 10px;
		padding: 3px 5px 5px;
		border: 1px solid #dfdfdf;
		color: #777;
		font-size: 12px;
		font-style: italic;
		a {
			padding-left: 4px;
			font-style: normal;
		}
	}
	.hidden-field {
		display: none;
	}
	.description-thin {
		width: 190px;
		height: 40px;
	}
	.description-wide {
		width: 390px;
		width: 90%;
	}
	.menu-item-actions {
		padding-top: 15px;
	}
	#menu-item-name-wrap {
		&:after {
			clear: both;
			content: ".";
			display: block;
			height: 0;
			visibility: hidden;
		}
		display: block;
	}
	#menu-item-url-wrap {
		&:after {
			clear: both;
			content: ".";
			display: block;
			height: 0;
			visibility: hidden;
		}
		display: block;
	}
	.widget {
		margin: 0 auto 10px;
		position: relative;
		-webkit-box-sizing: border-box;
		-moz-box-sizing: border-box;
		box-sizing: border-box;
	}
	.widget-title {
		h4 {
			margin: 0;
			padding: 15px;
			line-height: 1;
			overflow: hidden;
			white-space: nowrap;
			text-overflow: ellipsis;
			-webkit-user-select: none;
			-moz-user-select: none;
			-ms-user-select: none;
			user-select: none;
		}
	}
	#available-widgets {
		.widget-description {
			color: #666;
		}
	}
	#widgets-right {
		a.widget-control-edit {
			color: #666;
		}
		.widget-placeholder {
			margin-top: 0;
		}
		.closed {
			.widget-placeholder {
				height: 0;
				border: 0;
				margin-top: -10px;
			}
		}
	}
	.in-widget-title {
		color: #666;
	}
	.deleting {
		.widget-title {
			color: #aaa;
		}
		.widget-top {
			a.widget-action {
				&:after {
					color: #aaa;
				}
			}
		}
	}
	.widget.ui-draggable-dragging {
		min-width: 100%;
	}
	.widget.ui-sortable-helper {
		opacity: 0.8;
	}
	.widget-placeholder {
		border: 1px dashed #bbb;
		margin: 0 auto 10px;
		height: 45px;
		width: 100%;
		-webkit-box-sizing: border-box;
		-moz-box-sizing: border-box;
		box-sizing: border-box;
	}
}
@media only screen and (max-width: 1120px) {
	#hwpwrap {
		.filter-drawer {
			border-bottom: 1px solid #eee;
		}
		.filter-group {
			margin-bottom: 0;
			margin-top: 5px;
			width: 100%;
			li {
				margin: 10px 0;
			}
		}
	}
}
@media only screen and (max-width: 1000px) {
	#hwpwrap {
		.filter-items {
			float: none;
		}
		.wp-filter {
			.media-toolbar-primary {
				float: none;
				position: relative;
				max-width: 100%;
			}
			.media-toolbar-secondary {
				float: none;
				position: relative;
				max-width: 100%;
			}
			.search-form {
				float: none;
				position: relative;
				max-width: 100%;
			}
		}
	}
}
@media only screen and (max-width: 782px) {
	#hwpwrap {
		.filter-group {
			li {
				padding: 0;
				width: 50%;
			}
		}
	}
}
@media only screen and (max-width: 320px) {
	#hwpwrap {
		.filter-count {
			display: none;
		}
		.wp-filter {
			.drawer-toggle {
				margin: 10px 0;
			}
			.search-form {
				input[type="search"] {
					width: 100%;
				}
			}
		}
		.filter-group {
			li {
				width: 100%;
			}
		}
	}
}
@media only screen and (max-width: 799px) {
	#hwpwrap {
		#wpbody-content {
			.metabox-holder {
				.postbox-container {
					.empty-container {
						border: 0;
						height: 0;
						min-height: 0;
					}
				}
			}
		}
	}
}
@media only screen and (min-width: 769px) {
	#hwpwrap {
		#col-left {
			width: 35%;
		}
		#col-right {
			width: 65%;
		}
	}
}
@media only screen and (max-width: 860px) {
	#hwpwrap {
		#col-left {
			width: 35%;
		}
		#col-right {
			width: 65%;
		}
	}
}
@media only screen and (min-width: 980px) {
	#hwpwrap {
		#col-left {
			width: 35%;
		}
		#col-right {
			width: 65%;
		}
	}
}
@media only screen and (max-width: 768px) {
	#hwpwrap {
		#col-left {
			width: 100%;
		}
		#col-right {
			width: 100%;
		}
		#menu-locations-wrap {
			.widefat {
				width: 100%;
			}
		}
	}
}
@media print {
	#hwpwrap {
		div.star-holder {
			-webkit-background-size: 21px 37px;
			.star-rating {
				-webkit-background-size: 21px 37px;
			}
		}
		.spinner {
			background-image: url(images/spinner-2x.gif);
		}
		#bulk-titles {
			div {
				a {
					background: none !important;
					&:hover {
						background: none !important;
					}
				}
			}
		}
		#screen-meta-links {
			a.show-settings {
				background: none !important;
			}
		}
		.curtime {
			#timestamp {
				background: none !important;
			}
		}
		.meta-box-sortables {
			.postbox {
				&:hover {
					.handlediv {
						background: none !important;
					}
				}
			}
		}
		.sidebar-name-arrow {
			background: none !important;
		}
		.sidebar-name {
			&:hover {
				.sidebar-name-arrow {
					background: none !important;
				}
			}
		}
		.tagchecklist {
			span {
				a {
					background: none !important;
					&:hover {
						background: none !important;
					}
				}
			}
		}
		.widget-top {
			a.widget-action {
				background: none !important;
				&:hover {
					background: none !important;
				}
			}
		}
	}
}
@media (-o-min-device-pixel-ratio: 5 / 4) {
	#hwpwrap {
		div.star-holder {
			-webkit-background-size: 21px 37px;
			.star-rating {
				-webkit-background-size: 21px 37px;
			}
		}
		.spinner {
			background-image: url(images/spinner-2x.gif);
		}
		#bulk-titles {
			div {
				a {
					background: none !important;
					&:hover {
						background: none !important;
					}
				}
			}
		}
		#screen-meta-links {
			a.show-settings {
				background: none !important;
			}
		}
		.curtime {
			#timestamp {
				background: none !important;
			}
		}
		.meta-box-sortables {
			.postbox {
				&:hover {
					.handlediv {
						background: none !important;
					}
				}
			}
		}
		.sidebar-name-arrow {
			background: none !important;
		}
		.sidebar-name {
			&:hover {
				.sidebar-name-arrow {
					background: none !important;
				}
			}
		}
		.tagchecklist {
			span {
				a {
					background: none !important;
					&:hover {
						background: none !important;
					}
				}
			}
		}
		.widget-top {
			a.widget-action {
				background: none !important;
				&:hover {
					background: none !important;
				}
			}
		}
	}
}
@media (-webkit-min-device-pixel-ratio: 1.25) {
	#hwpwrap {
		div.star-holder {
			-webkit-background-size: 21px 37px;
			.star-rating {
				-webkit-background-size: 21px 37px;
			}
		}
		.spinner {
			background-image: url(images/spinner-2x.gif);
		}
		#bulk-titles {
			div {
				a {
					background: none !important;
					&:hover {
						background: none !important;
					}
				}
			}
		}
		#screen-meta-links {
			a.show-settings {
				background: none !important;
			}
		}
		.curtime {
			#timestamp {
				background: none !important;
			}
		}
		.meta-box-sortables {
			.postbox {
				&:hover {
					.handlediv {
						background: none !important;
					}
				}
			}
		}
		.sidebar-name-arrow {
			background: none !important;
		}
		.sidebar-name {
			&:hover {
				.sidebar-name-arrow {
					background: none !important;
				}
			}
		}
		.tagchecklist {
			span {
				a {
					background: none !important;
					&:hover {
						background: none !important;
					}
				}
			}
		}
		.widget-top {
			a.widget-action {
				background: none !important;
				&:hover {
					background: none !important;
				}
			}
		}
	}
}
@media (min-resolution: 120dpi) {
	#hwpwrap {
		div.star-holder {
			-webkit-background-size: 21px 37px;
			.star-rating {
				-webkit-background-size: 21px 37px;
			}
		}
		.spinner {
			background-image: url(images/spinner-2x.gif);
		}
		#bulk-titles {
			div {
				a {
					background: none !important;
					&:hover {
						background: none !important;
					}
				}
			}
		}
		#screen-meta-links {
			a.show-settings {
				background: none !important;
			}
		}
		.curtime {
			#timestamp {
				background: none !important;
			}
		}
		.meta-box-sortables {
			.postbox {
				&:hover {
					.handlediv {
						background: none !important;
					}
				}
			}
		}
		.sidebar-name-arrow {
			background: none !important;
		}
		.sidebar-name {
			&:hover {
				.sidebar-name-arrow {
					background: none !important;
				}
			}
		}
		.tagchecklist {
			span {
				a {
					background: none !important;
					&:hover {
						background: none !important;
					}
				}
			}
		}
		.widget-top {
			a.widget-action {
				background: none !important;
				&:hover {
					background: none !important;
				}
			}
		}
	}
}
@media screen and (max-width: 782px) {
	#hwpwrap {
		html.wp-toolbar {
			padding-top: 46px;
		}
		body {
			min-width: 240px;
			overflow-x: hidden;
			* {
				-webkit-tap-highlight-color: transparent !important;
			}
		}
		#wpcontent {
			position: relative;
			margin-left: 0;
			padding-left: 10px;
		}
		#wpbody-content {
			padding-bottom: 100px;
			#menu-settings-column {
				display: block;
				width: 100%;
				float: none;
				margin-left: 0;
			}
		}
		.wrap {
			margin-right: 12px;
			margin-left: 0;
			.add-new-h2 {
				padding: 10px 15px;
				font-size: 14px;
				&:active {
					padding: 10px 15px;
					font-size: 14px;
				}
			}
			div.error {
				margin: 20px 0 10px;
				padding: 5px 10px;
				font-size: 14px;
				line-height: 175%;
			}
			div.updated {
				margin: 20px 0 10px;
				padding: 5px 10px;
				font-size: 14px;
				line-height: 175%;
			}
			.icon32 {
				+ {
					h2 {
						margin-top: -2px;
					}
				}
			}
		}
		.col-wrap {
			padding: 0;
		}
		#collapse-menu {
			display: none !important;
		}
		#screen-meta {
			display: none !important;
		}
		#screen-meta-links {
			display: none !important;
		}
		.post-format-select {
			display: none !important;
		}
		.wp-color-result {
			height: auto;
			padding-left: 45px;
			&:after {
				font-size: 14px;
				height: auto;
				padding: 6px 14px;
			}
		}
		.media-upload-form {
			div.error {
				margin: 20px 0 10px;
				padding: 5px 10px;
				font-size: 14px;
				line-height: 175%;
			}
		}
		.wp-responsive-open {
			#wpbody {
				right: -190px;
			}
		}
		code {
			word-wrap: break-word;
		}
		.postbox {
			font-size: 14px;
			.handlediv {
				margin-top: 3px;
			}
		}
		.metabox-holder {
			h3 {
				padding: 12px;
			}
		}
		.subsubsub {
			font-size: 16px;
			text-align: center;
			margin-bottom: 15px;
		}
		#templateside {
			float: none;
			width: auto;
			li {
				margin: 0;
				a {
					display: block;
					padding: 5px;
				}
			}
			.highlight {
				padding: 5px;
				margin-left: -5px;
				margin-top: -5px;
			}
		}
		#template {
			div {
				float: none;
				margin: 0;
				width: auto;
			}
			textarea {
				width: 100%;
			}
		}
		.fileedit-sub {
			.alignright {
				margin-top: 15px;
			}
		}
		#comments-form {
			.checkforspam {
				display: none;
			}
		}
		#wpfooter {
			display: none;
		}
		.about-wrap {
			.one-col {
				>div {
					width: 100%;
					margin: 0 0 40px;
					padding: 0 0 40px;
					border-bottom: 1px solid rgba(0, 0, 0, 0.1);
				}
			}
			.three-col {
				>div {
					width: 100%;
					margin: 0 0 40px;
					padding: 0 0 40px;
					border-bottom: 1px solid rgba(0, 0, 0, 0.1);
				}
			}
			.two-col {
				>div {
					width: 100%;
					margin: 0 0 40px;
					padding: 0 0 40px;
					border-bottom: 1px solid rgba(0, 0, 0, 0.1);
				}
			}
			.col {
				>div.last-feature {
					margin: 0;
					padding: 0;
					border-bottom: none;
				}
			}
			.feature-list {
				div {
					margin: 0;
					padding: 0;
					border-bottom: none;
				}
				.feature-section {
					padding: 0 0 40px;
				}
			}
			.headline-feature {
				.feature-section {
					max-width: 100%;
				}
			}
		}
		body.nav-menus-php {
			min-width: 0 !important;
		}
		#nav-menus-frame {
			margin-left: 0;
			float: none;
			width: 100%;
		}
		#side-sortables {
			.add-menu-item-tabs {
				margin: 15px 0 14px;
			}
		}
		ul.add-menu-item-tabs {
			li.tabs {
				padding: 13px 15px 14px;
			}
		}
		.nav-menus-php {
			.item-controls {
				.item-type {
					margin-top: 2px;
				}
			}
			.customlinkdiv {
				.howto {
					input {
						width: 65%;
					}
				}
			}
			.quick-search {
				width: 85%;
			}
			.menu-name-label.howto {
				span {
					margin-top: 13px;
				}
			}
			.major-publishing-actions {
				.publishing-action {
					margin-top: 6px;
				}
			}
			.delete-action {
				font-size: 14px;
				line-height: 50px;
				margin-top: 12px;
			}
		}
		#menu-management-liquid {
			margin-top: 25px;
			margin-top: 25px;
		}
		.menu-name-label {
			#menu-name {
				margin-top: 4px;
			}
		}
		.menu-item-settings {
			padding: 10px;
			.description-thin {
				width: 100%;
				height: auto;
			}
			.description-wide {
				width: 100%;
				height: auto;
			}
			input {
				width: 100%;
			}
		}
		.menu-settings {
			dl {
				padding-left: 0;
			}
			dd {
				float: none;
				width: 100%;
				margin-bottom: 15px;
			}
			dt {
				float: none;
				width: auto;
				margin-left: 0;
				margin-bottom: 15px;
			}
		}
		.wp-core-ui {
			.button {
				padding: 6px 14px;
				line-height: normal;
				font-size: 14px;
				vertical-align: middle;
				height: auto;
				margin-bottom: 4px;
			}
			.button.button-large {
				padding: 6px 14px;
				line-height: normal;
				font-size: 14px;
				vertical-align: middle;
				height: auto;
				margin-bottom: 4px;
			}
			.button.button-small {
				padding: 6px 14px;
				line-height: normal;
				font-size: 14px;
				vertical-align: middle;
				height: auto;
				margin-bottom: 4px;
			}
		}
		a.preview {
			padding: 6px 14px;
			line-height: normal;
			font-size: 14px;
			vertical-align: middle;
			height: auto;
			margin-bottom: 4px;
		}
		input#publish {
			padding: 6px 14px;
			line-height: normal;
			font-size: 14px;
			vertical-align: middle;
			height: auto;
			margin-bottom: 4px;
		}
		input#save-post {
			padding: 6px 14px;
			line-height: normal;
			font-size: 14px;
			vertical-align: middle;
			height: auto;
			margin-bottom: 4px;
		}
	}
}
@media screen and (max-width: 600px) {
	#hwpwrap {
		#wpwrap.wp-responsive-open {
			overflow-x: hidden;
		}
		html.wp-toolbar {
			padding-top: 0;
		}
		#wpbody {
			padding-top: 46px;
		}
		div#post-body.metabox-holder.columns-1 {
			overflow-x: hidden;
		}
	}
}
@media only screen and (max-width: 500px) {
	#hwpwrap {
		#wp-content-media-buttons {
			a {
				font-size: 14px;
				padding: 0 10px;
			}
		}
		.about-wrap {
			margin-right: 20px;
			margin-left: 10px;
			.about-text {
				margin-right: 0;
				margin-bottom: 0.25em;
			}
			h1 {
				margin-right: 0;
			}
			.wp-badge {
				position: relative;
				margin-bottom: 1.5em;
				width: 100%;
			}
			h2.nav-tab-wrapper {
				padding-left: 0;
				border-bottom: 0;
			}
			h2 {
				.nav-tab {
					margin-top: 10px;
					margin-right: 10px;
					border-bottom: 1px solid #ccc;
				}
			}
			.headline-feature {
				.feature-section {
					div {
						width: 100% !important;
						float: none !important;
					}
				}
			}
			.three-col {
				div {
					width: 100% !important;
					float: none !important;
				}
			}
			.dfw {
				p {
					max-width: 90%;
				}
			}
		}
	}
}
@media only screen and (max-width: 400px) {
	#hwpwrap {
		.about-wrap {
			.feature-list {
				svg {
					margin-top: 15px;
					height: 65px;
					width: 65px;
				}
			}
			.feature-list.finer-points {
				h4 {
					margin-left: 80px;
				}
				p {
					margin-left: 80px;
				}
			}
		}
	}
}

```



## Laravel Drag and Drop menu editor like wordpress

#### \*This package is abandoned: I'm not maintaining this package anymore, please contact me if you want to take over this project or feel free to fork and make your own. Thank you

[![Latest Stable Version](https://camo.githubusercontent.com/aa0d17aefd16f1c38fa38bca56f136511e5ff9bafb141dbaf8b349744a6e478a/68747470733a2f2f706f7365722e707567782e6f72672f686172696d6179636f2f6c61726176656c2d6d656e752f762f737461626c65)](https://packagist.org/packages/harimayco/laravel-menu) [![Latest Unstable Version](https://camo.githubusercontent.com/36f15290f8d6f572d2d1f8e2cecdb2268793ead00766b4715fdacdf20a36c60a/68747470733a2f2f706f7365722e707567782e6f72672f686172696d6179636f2f6c61726176656c2d6d656e752f762f756e737461626c65)](https://packagist.org/packages/harimayco/laravel-menu) [![Total Downloads](https://camo.githubusercontent.com/402aff80c7ce5658aef94ea8027ad73655ad433c04c522220a4b89c5a78667f3/68747470733a2f2f706f7365722e707567782e6f72672f686172696d6179636f2f6c61726176656c2d6d656e752f646f776e6c6f616473)](https://packagist.org/packages/harimayco/laravel-menu) [![Monthly Downloads](https://camo.githubusercontent.com/cebb7e6fea40c58210f6314a9202a91ce546cec4aa7902659540238b310bae87/68747470733a2f2f706f7365722e707567782e6f72672f686172696d6179636f2f6c61726176656c2d6d656e752f642f6d6f6e74686c79)](https://packagist.org/packages/harimayco/laravel-menu)

forked from [https://github.com/lordmacu/wmenu](https://github.com/lordmacu/wmenu) [![Laravel drag and drop menu](https://raw.githubusercontent.com/harimayco/wmenu-builder/master/screenshot.png)](https://raw.githubusercontent.com/harimayco/wmenu-builder/master/screenshot.png)

#### Installation

1. Run

```
composer require harimayco/laravel-menu
```

_**Step 2 & 3 are optional if you are using laravel 5.5**_

2. Add the following class, to "providers" array in the file config/app.php (optional on laravel 5.5)

```
Harimayco\Menu\MenuServiceProvider::class,
```

3. add facade in the file config/app.php (optional on laravel 5.5)

```
'Menu' => Harimayco\Menu\Facades\Menu::class,
```

4. Run publish

```
php artisan vendor:publish --provider="Harimayco\Menu\MenuServiceProvider"
```

5. Configure (optional) in _**config/menu.php**_ :

* _**CUSTOM MIDDLEWARE:**_ You can add you own middleware
* _**TABLE PREFIX:**_ By default this package will create 2 new tables named "menus" and "menu\_items" but you can still add your own table prefix avoiding conflict with existing table
* _**TABLE NAMES**_ If you want use specific name of tables you have to modify that and the migrations
* _**Custom routes**_ If you want to edit the route path you can edit the field
* _**Role Access**_ If you want to enable roles (permissions) on menu items

6. Run migrate

```
php artisan migrate
```

DONE

#### Menu Builder Usage Example - displays the builder

On your view blade file

```
@extends('app')

@section('contents')
    {!! Menu::render() !!}
@endsection

//YOU MUST HAVE JQUERY LOADED BEFORE menu scripts
@push('scripts')
    {!! Menu::scripts() !!}
@endpush
```

#### Using The Model

Call the model class

```
use Harimayco\Menu\Models\Menus;
use Harimayco\Menu\Models\MenuItems;
```

#### Menu Usage Example (a)

A basic two-level menu can be displayed in your blade template

**Using Model Class**

```
/* get menu by id*/
$menu = Menus::find(1);
/* or by name */
$menu = Menus::where('name','Test Menu')->first();

/* or get menu by name and the items with EAGER LOADING (RECOMENDED for better performance and less query call)*/
$menu = Menus::where('name','Test Menu')->with('items')->first();
/*or by id */
$menu = Menus::where('id', 1)->with('items')->first();

//you can access by model result
$public_menu = $menu->items;

//or you can convert it to array
$public_menu = $menu->items->toArray();
```

**or Using helper**

```
// Using Helper 
$public_menu = Menu::getByName('Public'); //return array
```

#### Menu Usage Example (b)

Now inside your blade template file place the menu using this simple example

```
<div class="nav-wrap">
    <div class="btn-menu">
        <span></span>
    </div><!-- //mobile menu button -->
    <nav id="mainnav" class="mainnav">

        @if($public_menu)
        <ul class="menu">
            @foreach($public_menu as $menu)
            <li class="">
                <a href="{{ $menu['link'] }}" title="">{{ $menu['label'] }}</a>
                @if( $menu['child'] )
                <ul class="sub-menu">
                    @foreach( $menu['child'] as $child )
                        <li class=""><a href="{{ $child['link'] }}" title="">{{ $child['label'] }}</a></li>
                    @endforeach
                </ul><!-- /.sub-menu -->
                @endif
            </li>
            @endforeach
        @endif

        </ul><!-- /.menu -->
    </nav><!-- /#mainnav -->
 </div><!-- /.nav-wrap -->
```

#### HELPERS

#### Get Menu Items By Menu ID

```
use Harimayco\Menu\Facades\Menu;
...
/*
Parameter: Menu ID
Return: Array
*/
$menuList = Menu::get(1);
```

#### Get Menu Items By Menu Name

In this example, you must have a menu named _Admin_

```
use Harimayco\Menu\Facades\Menu;
...
/*
Parameter: Menu ID
Return: Array
*/
$menuList = Menu::getByName('Admin');
```

#### Customization

you can edit the menu interface in _**resources/views/vendor/wmenu/menu-html.blade.php**_

#### Credits

* [wmenu](https://github.com/lordmacu/wmenu) laravel package menu like wordpress

#### Compatibility

* Tested with laravel 5.2, 5.3, 5.4, 5.5, 5.6, 5.7, 5.8, 6.x, 7.x

#### KNOWN ISSUES

* Not working with RTL websites [#21](https://github.com/harimayco/wmenu-builder/issues/21) (pull requests are welcome)
